:root{color:#173b38;font-synthesis:none;--ink:#173b38;--deep:#102c2b;--green:#1f9d74;--lime:#b9df61;--orange:#ff7a3d;--cyan:#55dce1;--cream:#fffaf0;--paper:#fffdf8;--line:#c7d6cd;--muted:#63766f;--mono:"SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;background:#f6f2e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 83% 4%,#55dce133,#0000 27rem),radial-gradient(circle at 3% 32%,#ff7a3d1c,#0000 31rem),#f6f2e9;margin:0}button,input{font:inherit}button{cursor:pointer}.cw-header{z-index:20;color:#fff;border-bottom:5px solid var(--orange);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#102c2bf5;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:70px;padding:10px max(22px,50vw - 750px);display:grid;position:sticky;top:0}.cw-header a{color:#d6eee4;font:700 9px var(--mono);text-decoration:none}.cw-header>div{text-align:center}.cw-header span,.cw-header strong{display:block}.cw-header span{color:var(--lime);font:800 7px var(--mono);letter-spacing:.12em;margin-bottom:3px}.cw-header strong{font-size:13px}.cw-header nav{justify-content:flex-end;gap:18px;display:flex}.cw-eyebrow{color:var(--green);font:800 8px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.cw-math-inline{color:var(--green);vertical-align:-.08em;display:inline-block}.cw-math-display .katex-display{margin:0;overflow:auto hidden}.cw-math-display .katex{font-size:clamp(14px,1vw,18px)}.cw-math-inline .katex{font-size:1.1em}.cw-hero{grid-template-columns:minmax(430px,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(42px,8vw,120px);min-height:530px;padding:70px max(24px,50vw - 640px);display:grid}.cw-title h1{max-width:920px;color:var(--ink);letter-spacing:-.075em;margin:0 0 25px;font-size:clamp(3.8rem,7.2vw,7.8rem);line-height:.82}.cw-title h1 em{color:var(--orange);font-style:normal}.cw-title>p:not(.cw-eyebrow){max-width:790px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.cw-title>a{color:#fff;background:var(--green);font:800 9px var(--mono);border-radius:4px;margin-top:24px;padding:11px 14px;text-decoration:none;display:inline-flex}.cw-equation-card{color:#fff;border:1px solid #3f7168;border-top:7px solid var(--lime);background:linear-gradient(145deg,#102c2b,#205c53 58%,#176f70);border-radius:8px;padding:27px;box-shadow:13px 13px #ff7a3d2b}.cw-equation-card>span{color:var(--lime);font:800 8px var(--mono);letter-spacing:.1em}.cw-equation-card .cw-math-display{color:#fff9df;background:#04191859;border:1px solid #ffffff26;border-radius:4px;margin-top:15px;padding:13px 10px;font-size:15px}.cw-equation-card .cw-math-display.accent{color:var(--cyan)}.cw-equation-card p{color:#c7ddd6;margin:18px 0 0;font-size:10px;line-height:1.65}.cw-equation-card b{color:var(--lime)}.variable-ribbon{color:#fff;border-block:5px solid var(--lime);background:#477068;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;display:grid}.variable-ribbon article{background:#173d39;min-height:150px;padding:22px}.variable-ribbon article:nth-child(2){background:#244943}.variable-ribbon article:nth-child(3){background:#2c5348}.variable-ribbon article:nth-child(4){background:#1d4948}.variable-ribbon span,.variable-ribbon strong{display:block}.variable-ribbon span{color:var(--lime);font:800 7px var(--mono);letter-spacing:.09em}.variable-ribbon strong{color:#fff;font:24px var(--mono);margin:10px 0}.variable-ribbon p{color:#c5d9d1;max-width:310px;margin:0;font-size:9px;line-height:1.55}.variable-ribbon i{color:var(--cyan);font-family:var(--mono);font-style:normal}.cw-scope-note{color:#fff;background:linear-gradient(135deg,#102f2d,#244c45 58%,#185e62);border-bottom:1px solid #53746d;grid-template-columns:minmax(350px,.82fr) minmax(480px,1.18fr);align-items:center;gap:44px;padding:38px max(24px,50vw - 640px);display:grid}.cw-scope-note span{color:var(--lime);font:800 8px var(--mono);letter-spacing:.09em}.cw-scope-note h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(28px,3.4vw,48px);line-height:.94}.cw-scope-note p{color:#c4d8d1;margin:0;font-size:10px;line-height:1.67}.cw-scope-note .cw-math-inline{color:var(--cyan)}.cw-scope-equations{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cw-scope-equations .cw-math-display{min-width:0;color:var(--cyan);background:#07201e8f;border:1px solid #52776e;border-radius:4px;padding:15px 9px;font-size:10px;overflow-x:auto}.cw-scope-equations p{border-left:5px solid var(--orange);background:#ffffff0a;grid-column:1/-1;padding:12px 14px}.cw-lab{border-bottom:5px solid var(--orange);grid-template-columns:minmax(240px,285px) minmax(610px,1fr) minmax(330px,400px);min-height:1100px;scroll-margin-top:75px;display:grid}.cw-guide,.cw-controls{background:var(--paper);padding:22px}.cw-guide{border-right:1px solid var(--line)}.cw-guide ol{margin:0 0 24px;padding:0;list-style:none}.cw-guide li{border-top:1px solid var(--line);grid-template-columns:29px 1fr;gap:10px;padding:13px 0;display:grid}.cw-guide li>span{color:#fff;background:var(--green);width:27px;height:27px;font:800 7px var(--mono);border-radius:50%;place-items:center;display:grid}.cw-guide li strong{color:var(--ink);font-size:10px}.cw-guide li p,.cw-guide details p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.58}.cw-guide details{border-top:1px solid var(--line);padding:14px 0}.cw-guide summary{color:var(--ink);cursor:pointer;font-size:10px;font-weight:800}.cw-stage{color:#fff;background:radial-gradient(circle at 50% 24%,#55dce11a,#0000 38%),linear-gradient(145deg,#0d2525,#153b3b 55%,#213848);min-width:0;padding:18px}.cw-stage-head{justify-content:space-between;align-items:center;gap:20px;padding:3px 3px 13px;display:flex}.cw-stage-head span,.cw-stage-head strong{display:block}.cw-stage-head span{color:var(--lime);font:800 7px var(--mono);letter-spacing:.1em}.cw-stage-head strong{margin-top:4px;font-size:11px}#cw-status{color:var(--cyan);font:800 8px var(--mono);background:#102f2d;border:1px solid #3f6761;border-radius:999px;padding:7px 9px}#cw-canvas{touch-action:none;background:#081d1c;border:1px solid #49756e;border-radius:6px;width:100%;height:clamp(520px,58vw,720px);max-height:720px;display:block}.cw-layer-switch,.cw-glyph-switch,.cw-actions{flex-wrap:wrap;gap:5px;display:flex}.cw-layer-switch{padding-top:10px}.cw-layer-switch button,.cw-glyph-switch button,.cw-actions button,.cw-presets button{color:#d2e4de;background:#102f2d;border:1px solid #426c65;border-radius:3px;min-height:36px;padding:7px 10px;font-size:9px;font-weight:800}.cw-layer-switch button.active,.cw-glyph-switch button.active{color:var(--deep);border-color:var(--cyan);background:var(--cyan)}.cw-glyph-switch{align-items:center;padding-top:7px}.cw-glyph-switch>span{color:var(--lime);font:800 7px var(--mono);letter-spacing:.08em;margin-right:5px}.cw-glyph-note{color:#a8c5bc;min-height:28px;font:8px/1.5 var(--mono);margin:7px 0 0}.cw-actions{padding:5px 0 11px}.cw-actions button{min-width:100px}.cw-actions button.primary{color:var(--deep);border-color:var(--lime);background:linear-gradient(135deg, var(--lime), var(--orange))}.cw-metrics{background:#42645f;border:1px solid #42645f;grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.cw-metrics>div{background:#102b2a;min-width:0;padding:10px}.cw-metrics span,.cw-metrics strong{display:block}.cw-metrics span{color:#87aaa0;font:700 7px var(--mono);text-transform:uppercase}.cw-metrics strong{overflow-wrap:anywhere;color:var(--lime);font:9px var(--mono);margin-top:5px}.cw-atlas{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;display:grid}.cw-atlas header{color:#9fc0b7;font:8px var(--mono);grid-column:1/-1;justify-content:space-between;gap:14px;display:flex}.cw-atlas header span{color:var(--lime);font-weight:800}.cw-atlas button{color:#d7e9e3;background:#0d2927;border:1px solid #3f6962;border-radius:4px;min-width:0;padding:6px}.cw-atlas button.active{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.cw-atlas canvas{aspect-ratio:1;background:#081d1c;width:100%;display:block}.cw-atlas button span{font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;display:block;overflow:hidden}.cw-controls{border-left:1px solid var(--line);min-width:0}.cw-presets{grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 10px;display:grid}.cw-presets button{min-width:0;min-height:49px;color:var(--green);background:#fff;border-color:#a9c8ba;padding:6px;font-size:8px}.cw-presets button.active{color:#fff;border-color:var(--green);background:var(--green)}.cw-controls>label,.cw-probe>label{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 10px;padding:12px 0;display:grid}.cw-controls label strong,.cw-controls label small{display:block}.cw-controls label strong{font-size:10px}.cw-controls label small{color:var(--muted);margin-top:3px;font-size:8px}.cw-controls output{color:var(--green);font:800 9px var(--mono)}.cw-controls input[type=range]{width:100%;accent-color:var(--orange);grid-column:1/-1}.cw-probe{border:1px solid #93bca9;border-top:6px solid var(--orange);background:linear-gradient(145deg,#fff8df,#e9f9ed 58%,#e2fbfc);border-radius:6px;margin-top:18px;padding:15px;box-shadow:7px 7px #1f9d741f}.cw-probe>span,.cw-probe>strong{display:block}.cw-probe>span{color:var(--orange);font:800 7px var(--mono);letter-spacing:.08em}.cw-probe>strong{color:var(--ink);margin-top:7px;font-size:11px}.cw-probe-values{background:#b7ccbf;grid-template-columns:repeat(4,1fr);gap:1px;margin:12px 0;padding:1px;display:grid}.cw-probe-values>div{background:#fff;min-width:0;padding:8px}.cw-probe-values small,.cw-probe-values b{display:block}.cw-probe-values small{color:var(--muted);font:7px var(--mono)}.cw-probe-values b{overflow-wrap:anywhere;color:var(--green);font:8px var(--mono);margin-top:4px}.cw-probe-equation{color:#fff;background:var(--deep);border-radius:4px;padding:11px}.cw-probe-equation .cw-math-display{color:var(--cyan);font-size:9px}.cw-probe-equation b{color:var(--lime);font:11px var(--mono);margin-top:8px;display:block}.cw-probe>label{margin-top:6px}#cw-probe-breakdown{color:var(--muted);font:8px/1.55 var(--mono);margin:10px 0 0}.cw-tutorial{padding:72px max(24px,50vw - 640px)}.cw-tutorial>header{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:40px;margin-bottom:32px;display:grid}.cw-tutorial>header .cw-eyebrow{grid-column:1/-1;margin:0}.cw-tutorial h2{max-width:850px;color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,5vw,5.6rem);line-height:.91}.cw-tutorial>header>p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.cw-type-grid{color:#fff;background:linear-gradient(135deg,#102c2b,#24574f 55%,#195f67);border-radius:8px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;padding:18px;display:grid}.cw-type-grid article{background:#071f1e8c;border:1px solid #4d776e;border-radius:5px;min-height:190px;padding:20px}.cw-type-grid article>span{color:var(--lime);font:800 7px var(--mono);letter-spacing:.09em}.cw-type-grid h3{margin:10px 0;font-size:24px}.cw-type-grid p{color:#c0d7d0;min-height:58px;font-size:9px;line-height:1.55}.cw-type-grid code{color:var(--cyan);font:9px var(--mono);background:#092220;padding:9px;display:block}.cw-type-grid>i{color:var(--orange);font:800 10px var(--mono)}.cw-explanation-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.cw-explanation-grid>article{border:1px solid var(--line);border-top:7px solid var(--orange);background:var(--paper);border-radius:7px;min-height:340px;padding:28px}.cw-explanation-grid>article>span,.cw-evolution-card>div>span{color:var(--green);font:800 8px var(--mono);letter-spacing:.09em}.cw-explanation-grid h3{color:var(--ink);margin:11px 0 18px;font-size:29px;line-height:1}.cw-explanation-grid p{color:var(--muted);font-size:10px;line-height:1.7}.cw-vorticity-card .cw-math-display{color:var(--cyan);background:var(--deep);border-radius:5px;margin:20px 0;padding:17px;font-size:13px}.cw-vector-card{border-top-color:var(--cyan)!important}.cw-dual-demo{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.cw-dual-demo>div{background:#f4f7ef;border:1px solid #b9cdc4;min-height:155px;padding:14px}.cw-dual-demo b{color:var(--ink);font:10px var(--mono);display:block}.cw-dual-demo p{font-size:8px}.vector-glyph,.covector-glyph{width:90px;height:55px;margin:14px auto;display:block;position:relative}.vector-glyph:before{content:"";background:var(--orange);transform-origin:0;width:65px;height:3px;position:absolute;top:27px;left:8px;transform:rotate(-22deg)}.vector-glyph:after{content:"";border-top:3px solid var(--orange);border-right:3px solid var(--orange);width:14px;height:14px;position:absolute;top:8px;right:8px;transform:rotate(23deg)}.covector-glyph{background:repeating-linear-gradient(154deg, transparent 0 11px, var(--green) 12px 14px, transparent 15px 23px)}.cw-evolution-card{color:#fff;background:linear-gradient(135deg,#173c38,#275b4f 58%,#176a70);border-radius:8px;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);gap:34px;margin-top:12px;padding:34px;display:grid;box-shadow:10px 10px #b9df612e}.cw-evolution-card h3{margin:10px 0;font-size:28px;line-height:1.03}.cw-evolution-card>div p{color:#c3d8d1;font-size:10px;line-height:1.65}.cw-evolution-card .cw-math-inline{color:var(--lime)}.cw-evolution-card ol{grid-template-columns:repeat(2,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.cw-evolution-card li{background:#07201e7a;border:1px solid #568076;min-width:0;padding:15px}.cw-evolution-card li .cw-math-display{color:var(--cyan);font-size:10px}.cw-evolution-card li p{color:#c3d8d1;margin:10px 0 0;font-size:8px;line-height:1.5}@media (max-width:1220px){.cw-lab{grid-template-columns:240px minmax(0,1fr)}.cw-controls{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:0 25px;display:grid}.cw-controls>.cw-eyebrow,.cw-controls>.cw-presets,.cw-controls>.cw-probe{grid-column:1/-1}.cw-probe{max-width:760px}.cw-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.cw-header,.cw-hero,.variable-ribbon,.cw-scope-note,.cw-lab,.cw-tutorial>header,.cw-type-grid,.cw-explanation-grid,.cw-evolution-card{grid-template-columns:1fr}.cw-header{position:relative}.cw-header>div{text-align:left}.cw-header nav{flex-wrap:wrap;justify-content:flex-start}.cw-hero{min-height:0}.cw-guide{border-right:0}.cw-controls{grid-column:auto;grid-template-columns:1fr}.cw-controls>.cw-eyebrow,.cw-controls>.cw-presets,.cw-controls>.cw-probe{grid-column:auto}.cw-type-grid>i{justify-self:center;transform:rotate(90deg)}.cw-atlas{grid-template-columns:repeat(2,1fr)}.cw-evolution-card ol{grid-template-columns:1fr}.cw-tutorial>header .cw-eyebrow{grid-column:auto}}@media (max-width:540px){.cw-hero,.cw-scope-note,.cw-tutorial{padding-inline:17px}.cw-title h1{font-size:3.65rem}.cw-guide,.cw-stage,.cw-controls{padding-inline:14px}.cw-presets,.cw-scope-equations{grid-template-columns:1fr}.cw-scope-equations p{grid-column:auto}.cw-metrics{grid-template-columns:repeat(2,1fr)}.cw-atlas,.cw-dual-demo{grid-template-columns:1fr}.cw-layer-switch button,.cw-glyph-switch button{flex:70px}}