@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0907;--bg-2:#13110d;--bg-3:#1b1812;--ink:#f3efe5;--ink-2:#cbc5b4;--ink-3:#948e7d;--ink-4:#4c483e;--hairline:#f3efe51a;--hairline-2:#f3efe52e;--pos:#7cc196;--pos-dim:#7cc19626;--neg:#e07a5f;--neg-dim:#e07a5f26;--warn:#d4a447;--warn-dim:#d4a44726;--serif:"Instrument Serif","Times New Roman",serif;--mono:"JetBrains Mono",ui-monospace,monospace;--gutter:clamp(20px,4vw,56px);--font-display:var(--serif);--font-ui:var(--mono);--font-handwriting:"Caveat",cursive;--surface:var(--bg-2);--ink-dim:var(--ink-2);--ink-ghost:#f3efe50d;--text-primary:var(--ink);--text-secondary:var(--ink-2);--text-muted:var(--ink-3);--text-dim:var(--ink-4);--moss:#4a7a2e;--moss-bright:var(--pos);--moss-dim:var(--pos-dim);--moss-border:#7cc19647;--moss-glow:#7cc1960f;--amber:var(--warn);--amber-dim:var(--warn-dim);--amber-border:#d4a4474d;--amber-glow:#d4a4470f;--bone:#a39d8c;--bone-dim:#a39d8c26;--bone-border:#a39d8c40;--rust:#c4401a;--rust-bright:var(--neg);--rust-dim:var(--neg-dim);--rust-border:#e07a5f52;--rust-bleed:#e07a5f14;--green:var(--pos);--green-bg:var(--pos-dim);--green-border:var(--moss-border);--red:var(--neg);--red-bg:var(--neg-dim);--red-border:var(--rust-border);--red-bleed:var(--rust-bleed);--neutral-bg:var(--bone-dim);--neutral-border:var(--bone-border);--slash:var(--neg);--border:var(--hairline);--border-light:var(--hairline-2)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.008)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollCue{0%{opacity:0;transform:translateY(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(400%)}}@keyframes fog-clear{0%{opacity:1}to{opacity:0}}@keyframes draw-on{to{stroke-dashoffset:0}}.score-draw{stroke-dasharray:3000;stroke-dashoffset:3000px;animation:1.6s cubic-bezier(.4,0,.2,1) .15s both draw-on}@keyframes sheet-up{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}.memory-scrubber{appearance:none;background:var(--hairline-2);cursor:grab;outline:none;width:100%;height:1px;display:block}.memory-scrubber:active{cursor:grabbing}.memory-scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:grab;border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px #f3efe526}.memory-scrubber:hover::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 7px #f3efe512}.memory-scrubber:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.9)}.memory-scrubber::-webkit-slider-runnable-track{background:var(--hairline-2);height:1px}.memory-scrubber::-moz-range-thumb{background:var(--ink);cursor:grab;border:none;border-radius:50%;width:22px;height:22px}.memory-scrubber::-moz-range-track{background:var(--hairline-2);height:1px}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.scroll-cue-line{background:linear-gradient(180deg,var(--hairline-2)0%,transparent 100%);width:1px;height:56px;position:relative;overflow:hidden}.scroll-cue-line:after{content:"";background:var(--ink);height:16px;animation:2.2s ease-in-out infinite scrollCue;position:absolute;top:0;left:0;right:0}.page-grid{grid-template-columns:1fr;display:grid}@media (min-width:900px){.page-grid{grid-template-columns:56fr 44fr;height:calc(100dvh - 52px)}}.panel{padding:28px 24px 80px}@media (min-width:900px){.panel{padding:44px 56px 60px}.panel-right{border-left:.5px solid var(--hairline)}}.top-nav{display:none}.bot-nav{display:flex}@media (min-width:900px){.top-nav{display:flex}.bot-nav{display:none}}.bot-nav-push{padding-bottom:calc(64px + env(safe-area-inset-bottom))}@media (min-width:900px){.bot-nav-push{padding-bottom:0}}