:root{--bg-page: #0c0b09;--bg-sheet: #141210;--bg-card: #1b1916;--bg-inset: #0c0b09;--bg-hatch: #26231f;--stroke: #ECE7DD;--ink: #ECE7DD;--ink-dim: #8a8378;--ink-faint: #6f6a60;--ink-mute: #2e2a24;--accent: #ff5b22;--on-accent: #141210;--code-comment: #6b665c;--code-string: #cdb733;--code-keyword: #ff5b22;--code-fn: #ECE7DD;--code-num: #cdb733;--code-default: #ECE7DD;--lang-python: #4b8bbe;--lang-c: #5599cc;--lang-rust: #dea584;--lang-java: #e76f00;--text-primary: var(--ink);--text-secondary: var(--ink-dim);--text-disabled: var(--ink-faint);--surface-card: var(--bg-card);--border-strong: var(--stroke);--border-hairline: var(--ink-mute);--focus: var(--accent)}:root{--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: var(--font-mono);--font-body: var(--font-mono);--w-regular: 400;--w-medium: 500;--w-bold: 700;--t-display: 36px;--t-h2: 22px;--t-h3: 17px;--t-body: 13px;--t-label: 12px;--t-meta: 11px;--t-eyebrow: 10px;--lh-tight: 1;--lh-snug: 1.3;--lh-body: 1.55;--ls-display: -1.5px;--ls-h2: -1px;--ls-label: 1px;--ls-eyebrow: 2px}:root{--sp-1: 6px;--sp-2: 10px;--sp-3: 16px;--sp-4: 18px;--sp-5: 24px;--sp-6: 26px;--sp-7: 34px;--sp-8: 56px;--sheet-width: 920px;--sheet-pad: 34px;--grid-gap: 24px;--radius: 0px;--bw-strong: 2.5px;--bw-mid: 2px;--bw-hair: 1.5px}:root{--shadow-card: 6px 6px 0 var(--accent);--shadow-tile: 4px 4px 0 var(--accent);--shadow-flip: 4px 4px 0 var(--stroke);--ease: cubic-bezier(.2, .7, .3, 1);--dur-fast: .15s;--dur: .2s;--dur-slow: .25s;--hatch: repeating-linear-gradient(45deg, var(--bg-card), var(--bg-card) 9px, var(--bg-hatch) 9px, var(--bg-hatch) 18px)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-page);overflow-x:hidden}.page{padding:56px 32px}.sheet{padding:34px}.header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.top-grid,.bottom-grid{display:grid}.top-grid{grid-template-columns:320px minmax(0,1fr)}.bottom-grid{grid-template-columns:1fr 1fr}@media (max-width: 860px){.top-grid,.bottom-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:24px 14px}.sheet{padding:18px}.header{flex-direction:column;align-items:flex-start;gap:10px}}:root{--desc: #9a948a;--dot-off: #4a463e}.scroller::-webkit-scrollbar{height:6px}.scroller::-webkit-scrollbar-thumb{background:var(--ink-mute);border-radius:0}.scroller::-webkit-scrollbar-track{background:transparent}