:root{--ink:#08080a;--ink-raise:#101014;--ink-line:#24242b;--ink-line-strong:#34343d;--fg:#f4f2ee;--fg-dim:#9a978f;--fg-faint:#6a6862;--gold:#c6a862;--gold-dim:#7d6a3f;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--max:34rem;--gap:clamp(0.75rem,2vw,1rem);--bp-mobile:768px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ink);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.shell,body{min-height:100dvh}.shell{display:flex;flex-direction:column;justify-content:center;gap:clamp(2rem,6vh,3.5rem);max-width:var(--max);margin:0 auto;padding:clamp(2rem,8vw,4rem) clamp(1.25rem,6vw,2rem)}.shell--center{text-align:center;align-items:center;gap:1.25rem}.masthead{display:flex;flex-direction:column;gap:.55rem}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--fg-faint)}.wordmark{margin:0;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:800;letter-spacing:-.02em;line-height:.95;color:var(--fg)}.wordmark--sm{font-size:clamp(1.5rem,6vw,1.9rem);letter-spacing:.02em}.label{margin:0;font-size:.82rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.zones{display:flex;flex-direction:column;gap:var(--gap)}.zone{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1.1rem;gap:1.1rem;padding:1.15rem 1.3rem;border:1px solid var(--ink-line);border-radius:12px;background:var(--ink-raise);text-decoration:none;color:inherit;transition:border-color .16s ease,transform .16s ease,background .16s ease}a.zone--live:focus-visible,a.zone--live:hover{border-color:var(--gold-dim);background:#131318;transform:translateY(-1px);outline:none}a.zone--live:focus-visible{border-color:var(--gold);box-shadow:0 0 0 2px rgba(198,168,98,.35)}.zone__index{font-family:var(--mono);font-size:.78rem;color:var(--fg-faint);letter-spacing:.06em}.zone__body{display:flex;flex-direction:column;gap:.28rem;min-width:0}.zone__name{font-size:1.08rem;font-weight:600;letter-spacing:-.01em}.zone__meta{font-size:.86rem;color:var(--fg-dim)}.zone__cue{font-size:1.25rem;color:var(--gold);transition:transform .16s ease}a.zone--live:hover .zone__cue{transform:translateX(3px)}.zone--dark{border-style:dashed;border-color:var(--ink-line);background:transparent;cursor:default}.zone--dark .zone__index,.zone--dark .zone__name{color:var(--fg-dim)}.zone--dark .zone__meta,.zone__tag{color:var(--fg-faint)}.zone__tag{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink-line-strong);border-radius:999px;padding:.25rem .6rem}.code,.zone__tag{font-family:var(--mono)}.code{margin:0;font-size:clamp(3rem,14vw,4.5rem);font-weight:700;color:var(--gold);letter-spacing:-.02em}.backlink{color:var(--fg);font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--gold-dim);padding-bottom:2px;transition:border-color .16s ease}.backlink:focus-visible,.backlink:hover{border-color:var(--gold);outline:none}@media (prefers-reduced-motion:reduce){.backlink,.zone,.zone__cue{transition:none}}@media (max-width:768px){.eyebrow,.zone--dark .zone__meta,.zone__index,.zone__tag{color:var(--fg-dim)}.backlink{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0;border-bottom:0;box-shadow:inset 0 -1px 0 0 var(--gold-dim)}.backlink:focus-visible,.backlink:hover{box-shadow:inset 0 -1px 0 0 var(--gold)}}