:root{--surface:#ffffff;--surface-2:#f6f7f9;--border:#e6e8ec;--text:#111;--primary:#3b82f6;--radius:14px;--shadow:0 8px 24px rgba(0,0,0,.06)}@media (prefers-color-scheme: dark){:root{--surface:#151719;--surface-2:#0f1113;--border:#2a2f35;--text:#e8eaed;--primary:#60a5fa}}body{color:var(--text);background:var(--surface-2)}:root{--appbar-h: 56px;--bottomnav-h: 64px}.container{max-width:760px;margin-inline:auto;padding-inline:16px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 0;margin-bottom:12px;border-bottom:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin:16px 0}.stepper{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}.stepper button{border-radius:9999px;padding:.55rem 1rem}.stepper button[aria-current=page]{background:var(--primary);color:#fff;border-color:transparent}.form-grid{display:grid;gap:12px}fieldset{border-radius:var(--radius)}html,body,#root{height:100%}body{margin:0}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.app-frame{max-width:420px;min-width:360px;margin:0 auto;height:100dvh;background:#f6f7f9;display:flex;flex-direction:column}@media (max-width: 480px){.app-frame{max-width:100%;min-width:100%}}.app-content{flex:1 1 auto;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.section{padding:16px}.phone-topbar{--surface: #ffffff;--text: #111111;--border: #e6e8ec;position:sticky;top:0;z-index:100;height:52px;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);box-shadow:0 1px #1111110f;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.phone-title{font-size:18px;font-weight:700;color:var(--text)}.app-frame.always-light{--surface:#ffffff;--surface-2:#f6f7f9;--border:#e6e8ec;--text:#111;--primary:#3b82f6;color-scheme:light}.logo-pulse{animation:pulseFade 1.6s infinite ease-in-out}body.immersive-play{overflow:hidden!important;overscroll-behavior:none}@keyframes pulseFade{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}
