:root{--bg:#fcfcfa;--fg:#171716;--muted:#716f68;--line:#e4e1d8;--wash:color-mix(in srgb, var(--bg) 94%, var(--fg));--accent:currentColor;--border:var(--line);--mono:inherit;--space:clamp(1rem, 4vw, 2.5rem);--measure:38rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.25em}a:hover{text-decoration-color:currentColor}h1,h2,h3,p,ul,ol{margin:0 0 1rem}h1,h2,h3,strong{font-weight:600}h1{letter-spacing:-.06em;max-width:13ch;font-size:clamp(2rem,9vw,5rem);line-height:.95}ul,ol{padding-left:1.25rem}code{border:1px solid var(--line);border-radius:3px;padding:.1em .3em}.app-shell,.canvas-app{background:var(--bg);min-height:100dvh}.app-shell{grid-template-rows:auto 1fr;display:grid}.canvas-app{flex-direction:column;display:flex;position:relative}.equation-wallpaper{z-index:0;pointer-events:none;color:var(--fg);opacity:.065;position:fixed;inset:0;overflow:hidden}.equation-wallpaper span{white-space:nowrap;animation:linear infinite equation-drift;position:absolute}.canvas-app>:not(.equation-wallpaper){z-index:1;position:relative}@keyframes equation-drift{0%{transform:translate(-1rem)rotate(-6deg)}to{transform:translate(1rem,-4rem)rotate(6deg)}}.control-panel{padding:.55rem var(--space);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.control-panel input[type=range]{width:8rem}.is-darkroom .canvas-app{color:#f5f2e8;background:#020202}.is-darkroom .topbar,.is-darkroom .control-panel{opacity:.08;transition:opacity .6s}.is-darkroom .topbar:hover,.is-darkroom .control-panel:hover{opacity:1}.is-darkroom .canvas-stage:after{content:attr(id);left:var(--space);bottom:var(--space);color:currentColor;opacity:.35;pointer-events:none;animation:3s both darkroom-label;position:absolute}@keyframes darkroom-label{0%{opacity:0;transform:translateY(.5rem)}}.topbar{min-height:3.25rem;padding:.75rem var(--space);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.brand,.topbar-title{text-decoration:none}.brand{font-weight:600}.topbar-title{color:var(--muted)}.back-link{color:var(--muted);text-decoration:none}.page{width:min(100%, var(--measure));padding:calc(var(--space) * 1.4) var(--space);margin:0 auto}.page-wide{--measure:72rem}.home-hero{margin-bottom:calc(var(--space) * 1.3);gap:1rem;padding:min(8vw,4rem) 0;display:grid;position:relative}.landing-animation{z-index:0;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.home-hero>:not(.landing-animation){z-index:1;position:relative}.eyebrow,.home-intro{color:var(--muted)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem}.constellation-map{margin-bottom:calc(var(--space) * 1.2);border:1px solid var(--line);background:var(--wash);border-radius:18px;padding:.75rem}.constellation-map svg{width:100%;height:auto;display:block;overflow:visible}.constellation-map line{stroke:var(--fg);stroke-width:.15px;opacity:.2;stroke-dasharray:1 1.5;animation:6s linear infinite map-pulse}.constellation-map circle{fill:var(--fg);opacity:.6}@keyframes map-pulse{to{stroke-dashoffset:-10px}}.home-links{gap:.5rem;display:grid}.home-link{border-top:1px solid var(--line);grid-template-columns:5rem minmax(0,1fr) minmax(8rem,14rem);align-items:center;gap:1rem;padding:.8rem 0;text-decoration:none;display:grid}.home-preview{border:1px solid var(--line);background:var(--wash);border-radius:9px;width:5rem;height:3rem}.home-link:hover span{text-underline-offset:.25em;text-decoration:underline}.home-link small{color:var(--muted)}@media (width<=34rem){.home-link{grid-template-columns:5rem 1fr;gap:.15rem .75rem}.home-link small{grid-column:2}}.math-notebook{right:var(--space);z-index:3;width:min(18rem, calc(100vw - 2 * var(--space)));border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:blur(14px);max-height:calc(100dvh - 9rem);color:var(--muted);border-radius:16px;padding:.9rem;font-size:.8rem;position:fixed;top:7.25rem;overflow:auto}.canvas-app>.math-notebook{z-index:3;position:fixed}.math-notebook strong{color:var(--fg)}.math-notebook ul{margin-bottom:0}.canvas-stage{flex:1;position:relative;overflow:hidden}@media (width<=58rem){.math-notebook{display:none}}button,input{font:inherit;color:inherit}.toolbar-button,.metric-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .7rem}.toolbar-button:hover,.toolbar-button.is-active,.metric-button:hover,.metric-button.is-active{background:var(--fg);border-color:var(--fg);color:var(--bg)}select,textarea,input:not([type=checkbox]):not([type=range]):not([type=color]){border:1px solid var(--line);color:var(--fg);font:inherit;background:0 0;border-radius:4px}.control-label{color:var(--muted);align-items:center;gap:.4rem;display:inline-flex}input[type=number]{border:1px solid var(--line);background:0 0;border-radius:4px;width:3.5rem;padding:.1rem .35rem}input[type=color]{border:1px solid var(--line);background:0 0;width:2rem;height:1.4rem;padding:0}input[type=checkbox],input[type=range]{accent-color:var(--fg)}