:root{--bg: #0b0b10;--surface: #15151c;--surface-2: #1e1e27;--border: #2a2a35;--text: #f2f2f5;--muted: #8b8b99;--accent: #ff4f7b;--accent-2: #a855f7;--green: #34d399;--red: #f87171;--gold: #fbbf24;--bubble-me: linear-gradient(135deg, #ff4f7b, #a855f7);--radius: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.page{min-height:100dvh;max-width:640px;margin:0 auto;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 32px)}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.topbar h1{font-size:1.35rem;margin:0;flex:1}.back{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface);text-decoration:none;font-size:1.2rem;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}