:root{--bg: #0a0a0a;--fg: #e8e4dc;--muted: #8a867e;--accent: #b8ab8f}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:ui-serif,Georgia,Times New Roman,serif}body{display:flex;flex-direction:column;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#offline-banner{background:#3a2c18;color:#f0d9a8;text-align:center;padding:.5rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}main#shell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.glyph{width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8d2c4,#9a917f 40%,#4a463d 75%,#26241f);box-shadow:0 0 0 4px #1a1916,0 12px 40px #b8ab8f26;margin-bottom:2rem}h1{font-size:2rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--fg);margin-bottom:.75rem}.tagline{color:var(--accent);font-style:italic;margin-bottom:2.5rem}.placeholder{color:var(--muted);font-size:.9rem;max-width:22rem;line-height:1.6}.noscript{text-align:center;padding:2rem;color:var(--muted)}.glyph-small{width:72px;height:72px;margin-bottom:1.25rem}section[hidden]{display:none}#auth-screen{max-width:20rem}form{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1.25rem}label{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left}input{background:#161512;border:1px solid #2e2c26;border-radius:6px;color:var(--fg);font-family:ui-serif,Georgia,serif;font-size:1rem;padding:.65rem .75rem;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#14120e;border:none;border-radius:6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:600;padding:.7rem 1rem;cursor:pointer;margin-top:.35rem}button:disabled{opacity:.55;cursor:wait}button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}#auth-error,#otp-error{color:#e8a0a0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;text-align:left}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem;margin:.5rem 0 1.25rem;width:100%}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid #2e2c26}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.auth-links a{color:var(--accent);font-size:.85rem}#signout-btn{background:transparent;color:var(--muted);border:1px solid #2e2c26;margin-top:2rem}