@layer tokens,base,layout,components,utilities;@layer tokens{:root{--bg: #0a0b0d;--bg-2: #0e1013;--surface: #131519;--surface-2: #181b20;--surface-3: #1e2128;--line: #262a31;--line-soft: #1d2026;--ink: #e9ebee;--ink-2: #a2a9b4;--ink-3: #6d7480;--accent: #ffb454;--accent-ink: #1a1206;--accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);--accent-line: color-mix(in oklab, var(--accent) 34%, transparent);--ok: #56d98a;--warn: #f5b93c;--bad: #f4796f;--idle: #6d7480;--step--1: clamp(.76rem, .73rem + .13vw, .83rem);--step-0: clamp(.9rem, .87rem + .15vw, .98rem);--step-1: clamp(1rem, .95rem + .24vw, 1.14rem);--step-2: clamp(1.18rem, 1.09rem + .4vw, 1.42rem);--step-3: clamp(1.45rem, 1.3rem + .66vw, 1.85rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--dur-1: .13s;--dur-2: .24s;--dur-3: .42s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--nav-h: 68px;--rail-w: 232px;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 12px 32px -12px rgb(0 0 0 / .7);--hairline: inset 0 1px 0 rgb(255 255 255 / .035)}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;background-image:radial-gradient(1100px 620px at 82% -12%,color-mix(in oklab,var(--accent) 7%,transparent),transparent 62%),radial-gradient(760px 520px at 4% 104%,#1a2740 0%,transparent 60%);background-attachment:fixed}h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--accent);text-decoration:none;transition:opacity var(--dur-1) var(--ease)}a:hover{opacity:.82}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--accent-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer layout{.app{min-height:100dvh}.shell{max-width:1080px;margin-inline:auto;padding:var(--sp-5) var(--sp-4) calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--sp-6))}.masthead{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.masthead__mark{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:10px;background:linear-gradient(160deg,color-mix(in oklab,var(--accent) 92%,#fff),var(--accent));color:var(--accent-ink);box-shadow:0 6px 18px -8px var(--accent);flex:none}.masthead__title{font-size:var(--step-2);font-weight:680;letter-spacing:-.015em}.masthead__stamp{margin-inline-start:auto;font-size:var(--step--1);color:var(--ink-3);white-space:nowrap}.nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:flex;block-size:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-block-end:env(safe-area-inset-bottom);background:color-mix(in oklab,var(--bg-2) 78%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-block-start:1px solid var(--line-soft)}.nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;color:var(--ink-3);font-size:.68rem;letter-spacing:.045em;text-transform:uppercase;font-weight:600;transition:color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.nav__item svg{transition:transform var(--dur-2) var(--ease-out)}.nav__item:active{transform:scale(.93)}.nav__item[aria-current=page]{color:var(--accent)}.nav__item[aria-current=page] svg{transform:translateY(-1px) scale(1.08)}.nav__item:after{content:"";position:absolute;inset-block-start:6px;inline-size:4px;block-size:4px;border-radius:50%;background:var(--accent);opacity:0;transform:scale(.4);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease-out)}.nav__item[aria-current=page]:after{opacity:1;transform:scale(1)}@media(min-width:900px){.shell{padding:var(--sp-6) var(--sp-6) var(--sp-7) calc(var(--rail-w) + var(--sp-6))}.nav{inset-block:0;inset-inline-end:auto;inline-size:var(--rail-w);block-size:auto;flex-direction:column;justify-content:flex-start;gap:var(--sp-1);padding:84px var(--sp-3) var(--sp-4);border-block-start:0;border-inline-end:1px solid var(--line-soft)}.nav__item{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--sp-3);padding:11px var(--sp-4);border-radius:var(--r-md);font-size:var(--step--1);letter-spacing:.02em;text-transform:none;font-weight:550}.nav__item:hover{color:var(--ink);background:var(--surface)}.nav__item[aria-current=page]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.nav__item:after{inset-block-start:auto;inset-inline-start:4px}.nav__item[aria-current=page]:after{opacity:0}}}@layer components{.sec{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-6) 2px var(--sp-3);font-size:var(--step--1);font-weight:620;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.sec:first-child{margin-block-start:var(--sp-2)}.sec__count{margin-inline-start:auto;letter-spacing:0;text-transform:none;font-weight:500;color:var(--ink-3)}.card{position:relative;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1),var(--hairline);transition:border-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.card--interactive:hover{border-color:color-mix(in oklab,var(--accent) 26%,var(--line))}.card[data-open=true]{border-color:color-mix(in oklab,var(--accent) 22%,var(--line))}.stack{display:grid;gap:var(--sp-3)}@media(min-width:760px){.stack--2{grid-template-columns:1fr 1fr}}.disc{inline-size:100%;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);text-align:start;border-radius:inherit}.disc__body{min-inline-size:0;flex:1}.disc__row{display:flex;align-items:center;gap:var(--sp-2)}.disc__title{font-size:var(--step-1);font-weight:620;letter-spacing:-.01em}.disc__meta{margin-inline-start:auto;display:flex;align-items:center;gap:var(--sp-2);color:var(--ink-3);font-size:var(--step--1);white-space:nowrap}.disc__sub{margin-block-start:3px;color:var(--ink-2);font-size:var(--step-0)}.disc__chev{flex:none;color:var(--ink-3);transition:transform var(--dur-3) var(--ease-out),color var(--dur-2) var(--ease)}[data-open=true]>.disc .disc__chev{transform:rotate(180deg);color:var(--accent)}.collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3) var(--ease-out)}.collapse[data-open=true]{grid-template-rows:1fr}.collapse__inner{overflow:hidden;min-block-size:0;opacity:0;transform:translateY(-4px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.collapse[data-open=true] .collapse__inner{opacity:1;transform:none;transition-delay:60ms}.collapse__pad{padding:0 var(--sp-4) var(--sp-4)}.dot{inline-size:9px;block-size:9px;border-radius:50%;flex:none;background:var(--idle)}.dot[data-h=green]{background:var(--ok);box-shadow:0 0 0 3px color-mix(in oklab,var(--ok) 18%,transparent)}.dot[data-h=amber]{background:var(--warn);box-shadow:0 0 0 3px color-mix(in oklab,var(--warn) 18%,transparent)}.dot[data-h=red]{background:var(--bad);box-shadow:0 0 0 3px color-mix(in oklab,var(--bad) 18%,transparent)}.dot[data-h=grey]{background:var(--idle)}.dot[data-pulse=true]:after{content:"";position:absolute;inline-size:9px;block-size:9px;border-radius:50%;background:inherit;animation:pulse 2.6s var(--ease-out) infinite}@keyframes pulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.rail{display:flex;gap:var(--sp-2);overflow-x:auto;padding:2px 2px var(--sp-2);scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(var(--sp-4) * -1);padding-inline:var(--sp-4)}.rail::-webkit-scrollbar{display:none}@media(min-width:900px){.rail{margin-inline:0;padding-inline:2px}}.chip{flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--hairline);font-size:var(--step--1);color:var(--ink-2);white-space:nowrap}.chip svg{color:var(--accent);flex:none}.chip b{color:var(--ink);font-weight:620}.facts{display:grid;gap:var(--sp-2)}@media(min-width:700px){.facts{grid-template-columns:1fr 1fr}}.fact{padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line-soft)}.fact__k{display:flex;align-items:center;gap:6px;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.fact__v{margin-block-start:3px;font-size:var(--step-0)}.bullets{display:grid;gap:var(--sp-2)}.bullets li{display:flex;gap:var(--sp-3);font-size:var(--step-0);color:var(--ink)}.bullets svg{flex:none;margin-block-start:4px;color:var(--accent);opacity:.75}.links{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.links a,.links button{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:var(--step--1);transition:background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.links a svg,.links button svg{color:var(--ink-3);transition:color var(--dur-2) var(--ease)}.links a:hover,.links button:hover{opacity:1;background:var(--accent-soft);border-color:var(--accent-line);transform:translateY(-1px)}.links a:hover svg,.links button:hover svg{color:var(--accent)}.cadence{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:var(--step--1);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.outcome{display:flex;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);font-size:var(--step--1);background:var(--surface-2);border:1px solid var(--line-soft);border-inline-start:2px solid var(--idle)}.outcome[data-s=ok]{border-inline-start-color:var(--ok);color:color-mix(in oklab,var(--ok) 88%,var(--ink))}.outcome[data-s=pending]{border-inline-start-color:var(--warn);color:color-mix(in oklab,var(--warn) 88%,var(--ink))}.outcome[data-s=warn]{border-inline-start-color:var(--bad);color:color-mix(in oklab,var(--bad) 88%,var(--ink))}.outcome svg{flex:none;margin-block-start:2px}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:7px;font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;flex:none}.tag[data-k=killed]{background:color-mix(in oklab,var(--bad) 14%,transparent);color:var(--bad)}.tag[data-k=parked]{background:color-mix(in oklab,var(--warn) 14%,transparent);color:var(--warn)}.tag[data-k=gated]{background:var(--accent-soft);color:var(--accent)}.tag[data-k=closed]{background:color-mix(in oklab,var(--ink-2) 13%,transparent);color:var(--ink-2)}.back{display:inline-flex;align-items:center;gap:7px;margin-block-end:var(--sp-4);padding:7px 13px 7px 9px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:var(--step--1);transition:transform var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.back:hover{color:var(--ink);border-color:var(--accent-line)}.back:hover svg{transform:translate(-2px)}.back svg{transition:transform var(--dur-2) var(--ease-out)}.note{display:flex;gap:var(--sp-2);margin-block-start:var(--sp-3);color:var(--ink-3);font-size:var(--step--1);line-height:1.5}.note svg{flex:none;margin-block-start:3px}.toolbar{display:flex;gap:var(--sp-2);margin-block-end:var(--sp-3)}.toolbar button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:var(--step--1);transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.toolbar button:hover{color:var(--ink);border-color:var(--accent-line)}}@layer utilities{.screen{animation:rise var(--dur-3) var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise-in{animation:rise var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms)}.u-hide{display:none!important}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
