@font-face{font-family:Grenze;font-style:normal;font-display:swap;font-weight:600;src:url(./grenze-latin-600-normal.TzCP4au2.woff2)format("woff2"),url(./grenze-latin-600-normal.CBR8rAgh.woff)format("woff")}@font-face{font-family:Grenze;font-style:normal;font-display:swap;font-weight:700;src:url(./grenze-latin-700-normal.BhnHXdwr.woff2)format("woff2"),url(./grenze-latin-700-normal.DB8gb8RH.woff)format("woff")}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal.DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal.D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:oklch(20% .03 255);--bg-2:oklch(24% .035 255);--surface:oklch(27% .035 255);--surface-2:oklch(31% .035 255);--line:oklch(38% .035 255);--ink:oklch(95% .01 255);--muted:oklch(80% .02 255);--brass:oklch(80% .14 75);--brass-2:oklch(86% .12 80);--brass-ink:oklch(22% .04 70);--danger:oklch(72% .16 25);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r:10px;--display:"Grenze", Georgia, serif;--body:"Figtree Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);background-image:linear-gradient(oklch(30% .03 255/.45) 1px,#0000 0),linear-gradient(90deg,oklch(30% .03 255/.45) 1px,#0000 0);background-size:40px 40px;background-attachment:fixed;margin:0;font-size:1.0625rem;line-height:1.62}h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;margin:0 0 var(--s3);letter-spacing:0;font-weight:700;line-height:1.1}h1{font-size:clamp(2.4rem,1.6rem + 3.6vw,4.4rem)}h2{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}h3{font-size:1.35rem}h3,h4{font-weight:600}h4{font-size:1.1rem}p{margin:0 0 var(--s4);text-wrap:pretty}a{color:var(--brass-2);text-underline-offset:3px}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--brass);outline-offset:2px;border-radius:4px}.meta,.num,input[type=number],table td{font-variant-numeric:tabular-nums}.wrap{width:min(1180px,100% - 2 * var(--s4));margin-inline:auto}.prose{max-width:70ch}.skip{background:var(--brass);color:var(--brass-ink);padding:var(--s2) var(--s4);z-index:50;position:absolute;top:0;left:-999px}.skip:focus{left:var(--s2)}.site-head{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2);background:oklch(20% .03 255/.94);position:sticky;top:0}.head-in{gap:var(--s4);min-height:60px}.brand,.head-in{align-items:center;display:flex}.brand{gap:var(--s2);color:var(--ink);font-family:var(--display);white-space:nowrap;font-size:1.5rem;font-weight:700;text-decoration:none}.brand svg{width:30px;height:30px}.nav-toggle{min-width:44px;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:0 var(--s3);font:inherit;background:0 0;margin-left:auto;font-weight:600}.nav{display:none}.nav.open{background:var(--bg-2);border-bottom:1px solid var(--line);padding:var(--s3) var(--s4) var(--s4);display:block;position:absolute;top:100%;left:0;right:0}.nav ul{gap:var(--s1) var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.nav a{min-height:44px;color:var(--ink);align-items:center;font-size:.97rem;font-weight:500;text-decoration:none;display:flex}.nav a.router-link-exact-active{color:var(--brass)}.quick{display:none}@media (width>=1100px){.quick{gap:var(--s4);margin:0 0 0 auto;padding:0;list-style:none;display:flex}.quick a{min-height:44px;color:var(--ink);align-items:center;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.quick a.router-link-exact-active{color:var(--brass)}.nav-toggle{margin-left:var(--s2)}.nav.open ul{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1180px,100% - 32px);margin:0 auto}}.ruler{height:18px;margin:var(--s2) 0 calc(var(--s5) + 18px);background:repeating-linear-gradient(90deg,var(--brass) 0 2px,transparent 2px 40px) bottom /100% 12px no-repeat,repeating-linear-gradient(90deg,var(--brass) 0 1px,transparent 1px 20px) bottom /100% 6px no-repeat;border-bottom:2px solid var(--brass);max-width:420px;position:relative}.ruler:after{content:attr(data-label);color:var(--brass);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;position:absolute;top:22px;left:0}.hero{padding:var(--s6) 0 var(--s4);gap:var(--s5);grid-template-columns:minmax(0,1fr);display:grid}.hero p.lede{color:var(--muted);max-width:60ch;font-size:1.2rem}.hero-facts{gap:var(--s2) var(--s5);color:var(--muted);flex-wrap:wrap;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.hero-facts li:before{content:"";width:10px;height:10px;margin-right:var(--s2);background:var(--brass);display:inline-block;transform:rotate(45deg)}section.block{padding:var(--s7) 0}section.block+section.block{border-top:1px solid var(--line)}.studio{background:var(--bg-2);border:1px solid var(--line);padding:var(--s4);gap:var(--s3);border-radius:14px;display:grid}.studio,.studio>*{min-width:0}.studio-bar{gap:var(--s3);display:grid}.type-row{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{min-height:44px;padding:0 var(--s4);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;font-weight:600}.chip[aria-pressed=true]{background:var(--brass);color:var(--brass-ink);border-color:var(--brass)}.controls{gap:var(--s2) var(--s3);flex-wrap:wrap;align-items:end;display:flex}.fld{color:var(--muted);gap:2px;font-size:.85rem;font-weight:600;display:grid}.fld input,.fld select{background:var(--bg);min-height:44px;color:var(--ink);border:1px solid var(--line);padding:0 var(--s3);font:inherit;border-radius:8px;min-width:0;font-size:1rem;font-weight:500}.fld input{width:12rem;max-width:100%}.fld.sm input{width:5.5rem}.fld.inline{align-items:center;gap:var(--s2);display:flex}.btn{min-height:44px;padding:0 var(--s4);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;font-weight:700;transition:background .15s,transform .1s}.btn:hover{background:var(--line)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.btn.primary:hover{background:var(--brass-2)}.btn.ghost{background:0 0}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-row{gap:var(--s2)}.btn-row,.tools{flex-wrap:wrap;align-items:center;display:flex}.tools{gap:var(--s2) var(--s3);padding-top:var(--s2);border-top:1px solid var(--line)}.seg{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{min-height:44px;padding:0 var(--s3);background:var(--surface);color:var(--ink);border:0;border-right:1px solid var(--line);font:inherit;cursor:pointer;font-size:.93rem;font-weight:600}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--brass);color:var(--brass-ink)}.check{gap:var(--s2);align-items:center;min-height:44px;font-size:.93rem;font-weight:600;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--brass)}.board{background:#12151d;border-radius:8px;min-height:200px;max-height:78vh;position:relative;overflow:auto}.board canvas{touch-action:pan-x pan-y;display:block}.board.editing canvas{touch-action:none;cursor:crosshair}.board-wait{place-items:center;display:grid;position:absolute;inset:0}.board-wait,.hint{color:var(--muted);margin:0}.hint{font-size:.9rem}.studio-foot{gap:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}.studio-foot>*{min-width:0}@media (width>=860px){.studio-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.meta{color:var(--muted);margin:var(--s2) 0}.meta,.status{font-size:.9rem}.status{min-height:1.4em;color:var(--brass-2);margin:0}.notes ul{margin:0 0 var(--s4);padding-left:1.1em}.notes li{margin-bottom:2px}.ai{margin-top:var(--s4);background:var(--surface);border-radius:var(--r)}.ai,.ai-out{padding:var(--s4)}.ai-out{white-space:pre-wrap;margin-top:var(--s3);background:var(--bg);border-radius:8px;font-size:1rem;line-height:1.65}.err{color:var(--danger);margin-top:var(--s2)}.link{color:var(--brass-2);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}.saved ul{margin:0;padding:0;list-style:none}.saved li{justify-content:space-between;align-items:center;gap:var(--s2);border-bottom:1px solid var(--line);display:flex}.x{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.3rem}.two{gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid}.two>*{min-width:0}@media (width>=900px){.two{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.panel{background:var(--surface);border-radius:var(--r);padding:var(--s5)}.table-wrap{margin:0 0 var(--s5);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.97rem}td,th{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);vertical-align:top}th{font-family:var(--display);color:var(--brass-2);font-size:1.05rem;font-weight:600}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:52px;padding:var(--s2) 0;align-items:center;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";color:var(--brass);font-family:var(--display);flex:none;width:1.4em;font-size:1.5rem}.faq details[open] summary:before{content:"−"}.faq details p{color:var(--muted);padding-left:1.7em}.tool-links{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:0;padding:0;list-style:none;display:grid}.tool-links a{padding:var(--s4);background:var(--surface);border-radius:var(--r);color:var(--ink);min-height:44px;text-decoration:none;display:block}.tool-links a strong{font-family:var(--display);color:var(--brass-2);font-size:1.3rem;font-weight:600;display:block}.tool-links a span{color:var(--muted);font-size:.93rem}.tool-links a:hover{background:var(--surface-2)}ol.steps{padding-left:1.3em}ol.steps li{margin-bottom:var(--s2)}.kbd{background:var(--bg);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.9em}.explainer{background:var(--bg-2);border:1px solid var(--line);padding:var(--s5);gap:var(--s4);border-radius:14px;min-width:0;display:grid}.explainer canvas,.explainer svg{max-width:100%;height:auto;display:block}.readout{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.readout div{background:var(--surface);padding:var(--s3);border-radius:8px;min-width:0}.readout b{font-family:var(--display);color:var(--brass);font-variant-numeric:tabular-nums;font-size:1.9rem;line-height:1.1;display:block}.readout span{color:var(--muted);font-size:.88rem}input[type=range]{width:100%;accent-color:var(--brass);min-height:44px}.site-foot{border-top:1px solid var(--line);margin-top:var(--s8);padding:var(--s6) 0 var(--s7);color:var(--muted);background:var(--bg);font-size:.93rem}.foot-grid{gap:var(--s5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=800px){.foot-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.site-foot ul{gap:0 var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.site-foot a{color:var(--muted);align-items:center;min-height:40px;display:inline-flex}.site-foot a:hover{color:var(--ink)}@media (width>=1000px){.hero.split{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:end}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=640px){.hero-facts{display:none}.hero p.lede{font-size:1.08rem}.studio{padding:var(--s3)}}