:root{--void: #05070d;--deep: #0a0f1a;--ink: #eaeff8;--ink-2: #9aa8c0;--ink-3: #5d6981;--line: rgba(180, 205, 255, .11);--line-2: rgba(180, 205, 255, .2);--accent: #8fb8ff;--warm: #f0b27a;--display: "Unbounded", "Helvetica Neue", Helvetica, Arial, sans-serif;--body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--gutter: clamp(1.25rem, 4vw, 3.5rem)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--ink);font-family:var(--body);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 38%,rgba(5,7,13,.72) 100%),linear-gradient(to right,rgba(5,7,13,.75),transparent 42%)}.skip{position:fixed;left:-9999px;top:1rem;z-index:20;background:var(--deep);color:var(--ink);padding:.6rem 1rem;border:1px solid var(--line-2);font-family:var(--mono);font-size:12px}.skip:focus{left:1rem}.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--void);z-index:30;transition:opacity .7s ease}.boot span{width:34px;height:1px;background:var(--line-2);position:relative;overflow:hidden}.boot span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translate(-100%);animation:sweep 1.1s ease-in-out infinite}@keyframes sweep{50%{transform:translate(0)}to{transform:translate(100%)}}.boot.gone{opacity:0;pointer-events:none}.shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:var(--gutter);padding:var(--gutter);pointer-events:none}.hero{align-self:center;max-width:34rem;pointer-events:none;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.shell.reading .hero{opacity:0;transform:translate(-14px)}@media(prefers-reduced-motion:reduce){.hero{transition:opacity .2s linear}.shell.reading .hero{transform:none}}.kicker{margin:0 0 1.4rem;font-family:var(--mono);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3)}h1{margin:0;font-family:var(--display);font-weight:200;font-size:clamp(2.1rem,6vw,4rem);line-height:1.02;letter-spacing:.02em;text-wrap:balance}.line{margin:1.5rem 0 0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.5;color:var(--ink-2);max-width:28ch}.avail{margin:2.2rem 0 0;display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.dot{width:6px;height:6px;border-radius:50%;background:#63d29b;box-shadow:0 0 0 3px #63d29b29}.nav{align-self:center;transition:transform .46s cubic-bezier(.22,1,.36,1);justify-self:end;pointer-events:auto;display:grid;gap:1px;text-align:right}.nav button{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-right:1px solid transparent;padding:.6rem 1.1rem .6rem 0;font-family:var(--body);font-size:1rem;font-weight:500;letter-spacing:.01em;color:var(--ink-3);cursor:pointer;transition:color .22s ease,border-color .22s ease,padding .22s ease}.nav button:hover{color:var(--ink);border-right-color:var(--line-2)}.nav button[aria-current=true]{color:var(--ink);border-right-color:var(--accent);padding-right:1.4rem}.nav .idx{font-family:var(--mono);font-size:10px;color:var(--ink-3);margin-right:.7rem;letter-spacing:.1em}.leader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.leader polyline{fill:none;stroke:var(--line-2);stroke-width:1}.leader circle{fill:none;stroke:var(--accent);stroke-width:1.2}.card{position:fixed;left:0;top:0;opacity:0;will-change:transform,opacity;width:min(21.5rem,34vw);max-height:62vh;overflow-y:auto;pointer-events:auto;padding:1.15rem 1.25rem 1.3rem;background:#070b14d1;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid var(--line);border-left:1px solid var(--line-2);box-shadow:0 30px 80px #0000008c}.card[hidden]{display:none}@media(prefers-reduced-motion:reduce){.boot span:after{animation:none;transform:none}}.card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.card-kicker{font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--line-2);color:var(--ink-2);padding:.3rem .65rem;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .2s ease,border-color .2s ease}.close:hover{color:var(--ink);border-color:var(--accent)}.card h2{margin:0;font-family:var(--display);font-weight:200;font-size:1.45rem;line-height:1.18;letter-spacing:.01em}.card-intro{margin:.6rem 0 1.15rem;color:var(--ink-2);font-size:.88rem;line-height:1.55}.card-intro em{font-style:normal;color:var(--ink);font-family:var(--mono);font-size:.88em}.entry{padding:.85rem 0;border-top:1px solid var(--line)}.entry:last-of-type{border-bottom:1px solid var(--line)}.entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.25rem}.entry h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:.005em}.entry .value{font-family:var(--mono);font-size:11.5px;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.entry p{margin:.55rem 0 0;font-size:.92rem;line-height:1.6;color:var(--ink-2);max-width:40ch}.entry-link{display:inline-block;margin-top:.6rem;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.entry-link:hover{border-bottom-color:var(--accent)}.entry .stack{margin-top:.75rem;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.link-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.link-row:last-of-type{border-bottom:1px solid var(--line)}.link-row .label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.link-row a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.link-row a:hover{color:var(--accent);border-bottom-color:var(--accent)}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.presets button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#8fb8ff0d;border:1px solid var(--line);color:var(--ink-2);padding:.75rem .85rem;text-align:left;font-family:var(--body);font-size:.86rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.presets button:hover{color:var(--ink);border-color:var(--line-2);background:#8fb8ff1a}.readout{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:.9rem;font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--ink-2);min-height:3.4rem}.readout .caret{color:var(--accent);margin-right:.5rem}.hint{margin-top:1.5rem;font-family:var(--mono);font-size:10.5px;line-height:1.8;color:var(--ink-3);overflow-wrap:break-word}.hint em{font-style:normal;color:var(--ink-2)}.hint.code{color:var(--ink-2);overflow-wrap:anywhere}.status-right{display:flex;align-items:center;gap:1.4rem;pointer-events:auto}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);transition:color .22s ease}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{color:var(--accent)}#status-line{min-width:15ch;text-align:end;transition:color .4s ease}#status-line.event{color:var(--accent)}.bars{display:flex;align-items:flex-end;gap:2px;height:11px}.bars i{width:2px;height:3px;background:currentColor;display:block}.chip[aria-pressed=true] .bars i{animation:eq 1.4s ease-in-out infinite}.chip[aria-pressed=true] .bars i:nth-child(2){animation-delay:.18s}.chip[aria-pressed=true] .bars i:nth-child(3){animation-delay:.36s}.chip[aria-pressed=true] .bars i:nth-child(4){animation-delay:.54s}@keyframes eq{0%,to{height:3px}50%{height:11px}}@media(prefers-reduced-motion:reduce){.chip[aria-pressed=true] .bars i{animation:none;height:7px}}.status{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:end;gap:1rem;pointer-events:none}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@media(max-width:820px){.shell{grid-template-columns:1fr;grid-template-rows:1fr auto auto;align-content:end}.hero{align-self:end;max-width:none}.line{max-width:none}.avail{margin-top:1.4rem}.nav{justify-self:stretch;text-align:left;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--line);padding-top:.5rem}.nav button{padding:.7rem 0;border-right:0;border-top:1px solid transparent;font-size:.86rem}.nav button[aria-current=true]{padding-right:0;border-right:0;border-top-color:var(--accent)}.nav .idx,.leader{display:none}.card{left:0;right:0;bottom:0;top:auto;transform:none!important;width:100%;max-height:72vh;border:0;border-top:1px solid var(--line-2)}#surface-readout{display:none}.vignette{background:radial-gradient(120% 80% at 50% 32%,transparent 30%,rgba(5,7,13,.85) 100%)}}.letterbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.letterbox i{position:absolute;left:0;right:0;height:0;background:#000;transition:height 2.6s cubic-bezier(.4,0,.2,1)}.letterbox i:first-child{top:0}.letterbox i:last-child{bottom:0}.letterbox.on i{height:11vh}.totality{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-content:center;justify-items:center;padding:var(--gutter);pointer-events:none;text-align:center;opacity:0;transition:opacity 2.2s ease}.totality[hidden]{display:none}.totality.visible{opacity:1}.totality.visible .totality-skip{pointer-events:auto}.totality-note{margin:0;max-width:32ch;font-family:var(--display);font-weight:200;font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.6;white-space:pre-line;text-wrap:balance;color:var(--ink);opacity:0;transition:opacity 3.2s ease}.totality.still .totality-note{opacity:1}.totality-phase{position:fixed;left:50%;bottom:calc(11vh + 4.6rem);transform:translate(-50%);color:var(--ink-3);white-space:nowrap;opacity:0;transition:opacity .9s ease}.totality.visible .totality-phase{opacity:.7}.totality.still .totality-phase{opacity:0}.totality-progress{position:fixed;left:0;right:0;bottom:calc(11vh - 1px);height:1px;background:var(--line);opacity:0;transition:opacity .9s ease}.totality.visible .totality-progress{opacity:1}.totality-progress i{display:block;height:100%;width:0;background:var(--accent);transform-origin:left center}.totality-skip{position:fixed;left:50%;bottom:calc(11vh + 1.6rem);transform:translate(-50%);border:1px solid var(--line);padding:.45rem .9rem;color:var(--ink-3);opacity:.4;transition:opacity .3s ease,color .3s ease}.totality-skip:hover{opacity:1}.shell.totality-running .hero,.shell.totality-running .nav,.shell.totality-running .status{opacity:0;pointer-events:none}.shell.totality-running .hero,.shell.totality-running .nav,.shell.totality-running .status{transition:opacity 1.8s ease}.status-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;font:inherit;transition:color .3s ease}.status-button:hover{color:var(--ink)}.shell.diving .hero,.shell.diving .nav{opacity:0;pointer-events:none;transition:opacity .7s ease}.shell .hero,.shell .nav{transition:opacity .7s ease,transform .52s cubic-bezier(.22,1,.36,1)}.dive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:2.5rem;padding:var(--gutter);pointer-events:none;text-align:center;opacity:0;transition:opacity .9s ease}.dive[hidden]{display:none}.dive.visible{opacity:1}.dive.visible .dive-exit{pointer-events:auto}.dive-note{margin:0;max-width:34ch;font-family:var(--display);font-weight:200;font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.5;letter-spacing:.01em;white-space:pre-line;text-wrap:balance;color:var(--ink);text-shadow:0 2px 40px rgba(5,7,13,.9)}.dive-exit{border:1px solid var(--line-2);padding:.55rem 1rem;color:var(--ink-2)}:root[lang=ar]{--display: "IBM Plex Sans Arabic", "Unbounded", sans-serif;--body: "IBM Plex Sans Arabic", "Instrument Sans", sans-serif}:root[lang=ar] h1{line-height:1.25;letter-spacing:0}:root[lang=ar] .card h2{line-height:1.45}:root[lang=ar] .kicker,:root[lang=ar] .avail,:root[lang=ar] .card-kicker,:root[lang=ar] .entry .stack,:root[lang=ar] .link-row .label{letter-spacing:0;text-transform:none}:root[lang=ar] .hint.code,:root[lang=ar] .entry .value,:root[lang=ar] .link-row a{font-family:var(--mono);direction:ltr}[dir=rtl] .nav{text-align:left}[dir=rtl] .nav button{border-right:0;border-left:1px solid transparent;padding:.6rem 0 .6rem 1.1rem}[dir=rtl] .nav button:hover{border-left-color:var(--line-2)}[dir=rtl] .nav button[aria-current=true]{border-left-color:var(--accent);padding-left:1.4rem}[dir=rtl] .nav .idx{margin-right:0;margin-left:.7rem}[dir=rtl] .card{border-left:1px solid var(--line);border-right:1px solid var(--line-2)}[dir=rtl] .vignette{background:radial-gradient(120% 90% at 50% 45%,transparent 38%,rgba(5,7,13,.72) 100%),linear-gradient(to left,rgba(5,7,13,.75),transparent 42%)}[dir=rtl] .shell.reading .hero{transform:translate(14px)}
