:root{--c1-grey:#eee;--c1-white:#fff;--c1-ink:#1b1a18;--c1-ink-2:#5c5a56;--c1-cobalt:#2b47c9;--c1-tomato:#e5482e;--c1-marigold:#f0ae33;--c1-pine:#1f7a55;--c1-pink:#f29dbe;--c1-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--c1-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--c1-display:56px;--c1-heading:32px;--c1-body:18px;--c1-label:13px;--c1-track-label:.03em;--c1-track-stationery:.1em;--c1-space:4px;--c1-radius-panel:14px;--c1-radius-control:8px;--c1-radius-pill:999px;--c1-rule:1px;--c1-gutter:clamp(16px, 3.75vw, 48px);--c1-unfold-first:2.4s;--c1-unfold-tap:1.5s;--c1-ease:cubic-bezier(.65, 0, .35, 1);--bg:#eef0f2;--fg:#1b1a18;--fg2:#6b6e73;--hair:#1b1a1829;--acc:var(--c1-tomato);--panel:#fafbfce0;--sans:var(--c1-sans);--mono:var(--c1-mono);--gutter:var(--c1-gutter);--ease:var(--c1-ease);color-scheme:light}body.machine{--bg:#0b0c0d;--fg:#dad8d3;--fg2:#85888d;--hair:#dad8d329;--panel:#101112eb;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}body{font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;color:var(--fg);background:radial-gradient(120% 90% at 55% 40%, #fafbfc 0%, var(--bg) 60%, #dce0e5 100%) fixed;margin:0;transition:background-color .35s,color .35s}body.machine{background:var(--bg);font-family:var(--mono)}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}.mono{font:400 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg2)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.corner{z-index:30;font:400 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg2);position:fixed}.tl{top:18px;left:var(--gutter)}.tr{top:14px;right:var(--gutter)}.bl{bottom:16px;left:var(--gutter)}.br{bottom:14px;right:var(--gutter)}.logo-slot{font:400 12px var(--mono);color:var(--fg2);border:1.5px dashed var(--fg2);text-transform:none;letter-spacing:0;border-radius:6px;padding:5px 11px;text-decoration:none;display:inline-block}.tr nav{align-items:center;gap:20px;display:flex}.tr button,.tr a{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.tr a:hover,.tr button:hover{color:var(--fg)}.pill{border-radius:999px;background:var(--fg)!important;color:var(--bg)!important;padding:8px 14px!important}.live{background:var(--c1-pine);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.switch{border:1px solid var(--hair);background:color-mix(in srgb, var(--bg) 70%, transparent);backdrop-filter:blur(8px);border-radius:999px;margin-top:8px;padding:3px;display:inline-flex}.switch button{font:400 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px}.switch button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.grid{z-index:0;pointer-events:none;opacity:0;background-image:linear-gradient(to right, var(--hair) 1px, transparent 1px);background-size:calc((100vw - 2 * var(--gutter)) / 12) 100%;background-position:var(--gutter) 0;transition:opacity .3s;position:fixed;inset:0}body.machine .grid{opacity:1}body.machine [data-tag]{outline:1px dashed color-mix(in srgb, var(--acc) 65%, transparent);outline-offset:4px;position:relative}body.machine [data-tag]:before{content:attr(data-tag);font:400 10px var(--mono);color:var(--acc);letter-spacing:.04em;white-space:nowrap;text-transform:none;position:absolute;top:-18px;left:0}.scan{z-index:60;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--acc) 22%, transparent) 70%, var(--acc) 100%);height:22vh;position:fixed;top:-22vh;left:0;right:0}.scan.go{animation:.45s cubic-bezier(.4,0,.2,1) sweep}@keyframes sweep{to{transform:translateY(122vh)}}.hm{display:contents}.hm .m,body.machine .hm .h{display:none}body.machine .hm .m{display:inline}@media (width<=640px){.tr nav{gap:14px}.tr nav .hide-s,.bl .clockline{display:none}.bl .switch{margin-top:0}}@media (prefers-reduced-motion:reduce){.scan{display:none}*{scroll-behavior:auto!important}}
