:root{--bg: oklch(97% .012 75);--surface: oklch(100% 0 0 / .62);--border: oklch(80% .03 70 / .55);--text: oklch(28% .03 60);--muted: oklch(52% .025 60);--brand: oklch(64% .16 45);color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(60ch 45ch at 15% -8%,oklch(88% .09 60 / .75),transparent 62%),radial-gradient(55ch 40ch at 88% 6%,oklch(90% .06 120 / .55),transparent 64%),radial-gradient(60ch 45ch at 50% 106%,oklch(88% .07 25 / .6),transparent 62%),var(--bg);background-attachment:fixed}.shell{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.glass{width:min(52ch,100%);padding:clamp(24px,5vw,40px);border:1px solid var(--border);border-radius:28px;background:var(--surface);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 1px #ffffffb3 inset,0 20px 50px -20px #78472a59,0 3px 10px -4px #78472a33}.logo{display:block;width:96px;height:auto;margin:0 0 12px -4px}h1{margin:0 0 16px;font-size:clamp(28px,6vw,38px);line-height:1.1;letter-spacing:-.02em}.lede{margin:0 0 28px;color:var(--muted);line-height:1.6}.phases{margin:0 0 28px;padding:0;list-style:none;display:grid;gap:8px}.phases li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#ffffff73}.phases li[data-state=agora]{border-color:#d8662a73;background:#f9a8702e}.num{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffffbf;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.name{font-weight:500}.state{font-size:12px;color:var(--muted)}.phases li[data-state=agora] .state{color:var(--brand);font-weight:600}.foot{margin:0;font-size:13px;color:var(--muted);line-height:1.6}code{padding:1px 5px;border-radius:6px;background:#cbbba959;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}@media(prefers-reduced-transparency:reduce){.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffbf6}}