@charset "UTF-8";:root{--bg: #ffffff;--surface: #f5f5f7;--border: #d8d8de;--text: #16161a;--text-muted: #6b6b76;--accent: #2f6fed;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 3.25rem;--tab-h: 3.25rem;--rail-w: 4.75rem;--list-w: 21rem}@media(prefers-color-scheme:dark){:root{--bg: #0f0f12;--surface: #1a1a20;--border: #2c2c35;--text: #f2f2f5;--text-muted: #9a9aa6;--accent: #6d9bff}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}@media(pointer:coarse){body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.page{height:100dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:calc(var(--safe-top) + 1.5rem) 1.25rem calc(var(--safe-bottom) + 2rem)}app-shell .page{flex:1 1 auto;height:auto;min-height:0;padding-top:1.25rem}.pane{max-width:26rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.pane h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.pane h2{margin:0 0 .75rem;font-size:1rem}.muted{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.55}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}form{display:flex;flex-direction:column;gap:.875rem}.field{display:flex;flex-direction:column;gap:.3125rem}.field>label{font-size:.8125rem;color:var(--text-muted)}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;font-size:1rem;padding:.625rem .75rem;width:100%;-webkit-user-select:text;user-select:text}input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}button{font:inherit;font-size:.9375rem;font-weight:500;padding:.6875rem 1rem;border-radius:.5rem;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;border-color:var(--border);color:var(--text)}button.link{background:none;border:none;color:var(--accent);padding:0;text-align:left;width:fit-content}a{color:var(--accent)}.hint,.error,.ok{font-size:.8125rem;margin:0;line-height:1.4}.hint{color:var(--text-muted)}.error{color:#d9364f}.ok{color:#1a8f5a}@media(prefers-color-scheme:dark){.error{color:#ff8095}.ok{color:#4fd39a}}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.scroller{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.rows{list-style:none;margin:0;padding:0}.row-link{display:flex;align-items:center;gap:.75rem;padding:.6875rem 1rem;color:inherit;text-decoration:none;border-bottom:1px solid var(--border)}.row-link.active{background:var(--surface)}.row-text{min-width:0;display:flex;flex-direction:column;gap:.125rem}.row-title{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.8125rem}.placeholder{padding:1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.otp-input{font-size:1.75rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}
