: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)}