:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#e8eeeb;--ink:#213039;--muted:#58676e;--primary:#3c8c85;--font:system-ui, -apple-system, "Segoe UI", "Noto Sans Thai", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#172128;--ink:#e6eeea;--muted:#a5b4b0;--primary:#5fb3aa}}:root[data-theme=dark]{--bg:#172128;--ink:#e6eeea;--muted:#a5b4b0;--primary:#5fb3aa}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font)}.shell{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--primary);margin:0;font-size:clamp(40px,9vw,72px);font-weight:700}.wordmark span{display:inline-block}.wordmark .hop{animation:2.8s ease-in-out hop}.soon{color:var(--muted);margin:0}@keyframes hop{0%,60%,to{transform:translateY(0)}70%{transform:translateY(-.35em)}80%{transform:translateY(0)}86%{transform:translateY(-.12em)}}@media (prefers-reduced-motion:reduce){.wordmark .hop{animation:none}}