*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111111;--fg: #dedede;--fg-muted: #888888;--border: #252525;--surface-hover: rgba(255,255,255,.045);--surface-active: rgba(255,255,255,.07);--topbar-bg: rgba(15,15,15,.88);--code-bg: #1b1b1b;--sidebar-shadow: 4px 0 24px rgba(0,0,0,.5);--overlay-bg: rgba(0,0,0,.5);--sep-color: #3a3a3a;--sidebar-width: 280px;--header-height: 64px;--font-body: "Sora", sans-serif;--font-code: "Google Sans Code", "Fira Mono", monospace}html[data-font=serif]{--font-body: "Lora", serif}html,body{background:var(--bg);color:silver;font-family:var(--font-body);font-size:18px;font-weight:300;line-height:1.7;min-height:100vh}.shell{display:block;min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:100;pointer-events:none}.topbar-controls{display:flex;align-items:center;background:var(--topbar-bg);border-radius:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:all}.topbar-controls-left{padding:.22rem}.topbar-controls-right{padding:.22rem .55rem;display:flex;align-items:center;gap:.6rem}.topbar-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;cursor:pointer;color:var(--fg);border-radius:5px;transition:background .15s}.topbar-toggle:hover{background:var(--surface-hover)}.topbar-font-switcher{display:flex;align-items:center;gap:.25rem}.font-opt{background:none;border:none;cursor:pointer;padding:.2rem .1rem;font-size:.75rem;color:var(--fg-muted);letter-spacing:.01em;transition:color .15s}.font-opt:hover{color:var(--fg)}.font-opt.active{color:var(--fg);font-weight:600}.font-sep{color:var(--sep-color);font-size:.75rem;user-select:none}.sidebar-backdrop{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:98}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg);overflow-y:auto;z-index:101;transform:translate(calc(-1 * var(--sidebar-width)));transition:transform .22s ease;padding:1rem 0 2rem}.shell.sidebar-open .sidebar{transform:translate(0);box-shadow:var(--sidebar-shadow)}.shell.no-transition .sidebar,.shell.no-transition .main-wrap{transition:none!important}.shell.sidebar-open .sidebar-backdrop{display:block}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav a{display:block;font-family:Sora,sans-serif;font-size:.82rem;color:var(--fg-muted);text-decoration:none;padding:.42rem 1.25rem;transition:background .1s}.sidebar-nav a:hover{background:var(--surface-hover);color:var(--fg)}.sidebar-nav a.current{font-weight:600;color:var(--fg);background:var(--surface-active)}.sidebar-nav a.sub{padding-left:2rem;font-size:.78rem}.sidebar-nav a.sketch{opacity:.45;font-size:.74rem}.main-wrap{margin-top:var(--header-height);transition:margin-left .22s ease}.shell.sidebar-open .main-wrap{margin-left:var(--sidebar-width)}.main-inner{max-width:1080px;margin:0 auto;padding:3rem 2rem 6rem}h1,h2{color:var(--fg)}h1{font-size:3rem;font-weight:300;letter-spacing:-.03em;margin-bottom:3.5rem}.monologue{max-width:640px;margin-bottom:3.5rem;font-size:1.22rem;font-weight:300;line-height:1.75;font-style:italic;color:var(--fg-muted);letter-spacing:-.01em}.monologue p{margin:0}.monologue a{color:var(--fg-muted);text-decoration:underline;text-decoration-color:var(--fg-muted);text-underline-offset:3px;transition:text-decoration-color .15s}.monologue a:hover{text-decoration-color:var(--fg)}.monologue strong{color:var(--fg);font-weight:500}.demo-section{width:960px;max-width:calc(100% - 1.5rem);margin:0 0 4rem 1.5rem}.demo-header{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1rem}.demo-header h2{font-size:1.22rem;font-weight:500;letter-spacing:-.01em}.demo-header a{font-family:var(--font-code);font-size:.78rem;color:var(--fg-muted);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:1px;transition:color .15s,border-color .15s}.demo-header a:hover{color:var(--fg);border-color:var(--fg)}.demo-embed{width:960px;height:540px;max-width:100%;position:relative;border:1px solid var(--border);border-radius:4px;overflow:hidden}.demo-embed iframe{width:960px;height:540px;border:none;display:block;transform-origin:top left}.demo-embed.sq,.demo-embed.sq iframe{width:540px;height:540px}.main-inner>.prose{margin-left:1.5rem;margin-bottom:4rem}.main-inner>.demo-embed{margin-left:1.5rem;margin-bottom:4rem}.prose{max-width:800px;margin-top:2.5rem;font-size:1rem;line-height:1.75}.prose p{margin-bottom:1.1rem}.prose em{font-style:italic}.prose a{color:#6ebeff;text-decoration:underline;text-decoration-color:#6ebeff66;text-underline-offset:3px;transition:text-decoration-color .15s}.prose a:hover{text-decoration-color:#6ebeff}.prose .math-block{margin:1.4rem 0;text-align:left;overflow-x:auto}.prose .math-block .katex-display{text-align:left}.prose .math-block .katex-display>.katex{text-align:left}.page-note{max-width:800px;margin:1.5rem 0;padding:.9rem 1.1rem;border-left:3px solid var(--border);font-size:.82rem;line-height:1.6;color:var(--fg-muted)}.page-note a{color:var(--fg-muted);text-decoration:underline}.page-note strong{color:var(--fg);font-weight:500}.page-note p:last-child{margin-bottom:0}.page-note .math-block{margin:1rem 0}.prose h3{font-size:.92rem;font-weight:600;letter-spacing:-.005em;margin-top:2rem;margin-bottom:.6rem}.prose h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.8rem}.prose .subhead{font-family:Sora,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin-top:2rem;margin-bottom:.6rem}.prose ul{list-style:disc;padding-left:1.4rem}.prose ul li{margin-bottom:.4rem}.prose ol{list-style:decimal;padding-left:1.4rem}.prose ol li{margin-bottom:.4rem}.prose .shape-desc p,.prose .shape-desc li{font-size:.82rem;line-height:1.6;color:var(--fg-muted)}.prose .shape-desc strong,.prose details strong{color:var(--fg);font-weight:500}.prose>details{margin-top:1rem}.prose details p,.prose details h3,.prose details strong{font-size:.82rem;line-height:1.6}.prose details p{color:var(--fg-muted)}.prose details h3{color:var(--fg);font-weight:500}.prose>details>summary{display:inline-block;list-style:none;cursor:pointer;font-family:Sora,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);opacity:.6;padding:.2rem 0}.prose>details>summary::-webkit-details-marker{display:none}.prose>details>summary::marker{display:none}.prose>details>summary:before{content:"▸ ";font-size:.7rem}.prose>details[open]>summary:before{content:"▾ "}.prose>details[open]>summary{opacity:1;margin-bottom:1rem}.prose code{font-family:var(--font-code);font-size:.88em;background:var(--code-bg);padding:.1em .35em;border-radius:3px}.prose h2,.prose h3,.demo-header h2{position:relative}.anchor-copy-btn{position:absolute;left:-1.6rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;background:none;border:none;cursor:pointer;padding:0;color:var(--fg-muted);transition:opacity .15s}.anchor-copy-btn.visible{opacity:1;pointer-events:auto}.page-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border)}.footer-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:1.5rem}.next-page{font-family:Sora,sans-serif;font-size:.85rem;font-weight:500;color:var(--fg);text-decoration:none}.next-page:hover{text-decoration:underline}.site-footer{display:flex;flex-wrap:wrap;gap:1.25rem;margin-left:auto;font-family:var(--font-body);font-size:.8rem}.footer-license{max-width:700px;font-family:var(--font-body);font-size:.75rem;line-height:1.6;color:var(--fg-muted)}.footer-license a{color:var(--fg-muted);text-decoration:underline}.footer-license a:hover{color:var(--fg)}.site-footer a{color:var(--fg-muted);text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--fg)}@media (max-width: 768px){.shell.sidebar-open .main-wrap{margin-left:0}.main-inner{padding:1.5rem 1.25rem 3rem}h1{font-size:2rem}.prose{max-width:100%}}