:root{--color-paper:#fcfcfa;--color-paper-2:#f6f5f3;--color-grid:#e6e8eb47;--color-ink:#101214;--color-ink-2:#53555a;--color-rule:#d5d8db;--color-accent:#57429c;--color-accent-weak:#57429c1f;--color-focus:#57429c73;--note-yellow-bg:#f8de73;--note-yellow-ink:#452e00;--note-pink-bg:#ffc6e2;--note-pink-ink:#5c1d3f;--note-blue-bg:#a8e1fd;--note-blue-ink:#003756;--note-green-bg:#b1edb2;--note-green-ink:#093e1b;--note-peach-bg:#ffcda7;--note-peach-ink:#5c2507;--gutter:clamp(20px, 3vw, 46px);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.375rem;--text-display:clamp(2.75rem, 1.2rem + 4.2vw, 5.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.18s;--dur-base:.24s;--dur-slow:.34s;--radius-card:14px;--radius-note:6px;--radius-pill:9999px;--radius-input:10px;--glass-bg:#ffffff9e;--glass-border:#14141814}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(98.8505% -.00655651 .761843);--color-paper-2:lab(96.5357% -.00891089 1.14337);--color-grid:lab(91.8644% -.26688 -1.87196/.28);--color-ink:lab(5.25171% -.202894 -1.78206);--color-ink-2:lab(36.1733% -.39722 -2.97849);--color-rule:lab(86.0611% -.317663 -2.24485);--color-accent:lab(34.1096% 26.4457 -46.8694);--color-accent-weak:lab(34.1096% 26.4457 -46.8694/.12);--color-focus:lab(34.1096% 26.4457 -46.8694/.45);--note-yellow-bg:lab(88.9603% -.297815 54.9951);--note-yellow-ink:lab(21.0291% 11.1858 39.5752);--note-pink-bg:lab(86.0379% 29.4973 -5.62176);--note-pink-ink:lab(22.0904% 31.8291 -6.17816);--note-blue-bg:lab(86.3047% -13.8297 -19.9876);--note-blue-ink:lab(20.9124% -7.24639 -27.8245);--note-green-bg:lab(88.5095% -27.9599 22.2252);--note-green-ink:lab(22.1195% -24.2426 16.0856);--note-peach-bg:lab(86.7776% 23.786 37.2398);--note-peach-ink:lab(22.7925% 24.5037 30.3135)}}*{box-sizing:border-box}html,body{overflow-x:clip}body{background-color:var(--color-paper);background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);min-height:100svh;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-size:32px 32px;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{height:100dvh;position:relative;overflow:hidden}.btn{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-input);border:1px solid var(--color-rule);font-size:var(--text-sm);letter-spacing:-.005em;color:var(--color-ink);background:var(--color-paper);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:10px 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{border-color:var(--color-ink)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.btn--primary:hover,.btn--primary:focus-visible{background:color-mix(in oklab, var(--color-ink) 88%, white)}.btn--sm{font-size:var(--text-xs);padding:7px 14px}.row{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.badge{border-radius:var(--radius-pill);border:1px solid var(--color-rule);font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-ink-2);text-transform:lowercase;white-space:nowrap;align-items:center;padding:3px 10px;font-size:.6875rem;display:inline-flex}