:root{--surface: #ffffff;--ink: #14161a;--ink-soft: #5c636e;--line: #e5e7eb;--accent: #14161a;--accent-ink: #ffffff;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--surface: #16181d;--ink: #f2f4f7;--ink-soft: #9aa2ae;--line: #2b2f38;--accent: #f2f4f7;--accent-ink: #14161a}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--surface);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100%;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.card{width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}h1{margin:0;font-size:20px;font-weight:620;letter-spacing:-.01em}p{margin:0;color:var(--ink-soft);max-width:30ch}.note{font-size:13px}.glyph{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);margin-bottom:4px}.glyph svg{width:22px;height:22px}.glyph-bell{color:var(--accent)}.glyph-check,.glyph-alert{color:var(--ink-soft)}.primary{appearance:none;border:0;width:100%;padding:12px 20px;margin-top:8px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:560;cursor:pointer;transition:opacity .12s ease}.primary:hover:not(:disabled){opacity:.88}.primary:disabled{opacity:.55;cursor:default}.primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink-soft);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.primary{transition:none}}