:root{color:#172942;font-synthesis:none;--pc-ink:#172942;--pc-night:#071623;--pc-indigo:#4d3874;--pc-orange:#ff7540;--pc-cyan:#58e0e8;--pc-gold:#ffd26a;--pc-paper:#fffdf8;--pc-line:#cbd2d9;--pc-muted:#697583;--pc-mono:"SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;background:#f6f0e8;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 93% 3%,#58e0e829,#0000 31rem),radial-gradient(circle at 2% 29%,#ff75401f,#0000 33rem),#f6f0e8;margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.pc-eyebrow{color:var(--pc-indigo);font:800 8px var(--pc-mono);letter-spacing:.11em;text-transform:uppercase;margin:0}.pc-math-inline{color:var(--pc-indigo);vertical-align:-.08em;display:inline-block}.pc-math-display{min-width:0;overflow:auto visible}.pc-math-display .katex-display{margin:0;padding:.35em .08em .43em;overflow:visible}.pc-math-display .katex{font-size:clamp(18px,1.32vw,25px);line-height:1.42}.pc-math-inline .katex{font-size:1.14em}.pc-header{z-index:30;color:#fff;border-bottom:5px solid var(--pc-orange);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071623f5;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:70px;padding:10px max(22px,50vw - 765px);display:grid;position:sticky;top:0}.pc-header a{color:#d7e4eb;font:750 9px var(--pc-mono);text-decoration:none}.pc-header>div{text-align:center}.pc-header span,.pc-header strong{display:block}.pc-header span{color:var(--pc-cyan);font:800 7px var(--pc-mono);letter-spacing:.12em;margin-bottom:3px}.pc-header strong{font-size:13px}.pc-header nav{justify-content:flex-end;gap:18px;display:flex}.pc-hero{grid-template-columns:minmax(520px,1.16fr) minmax(410px,.84fr);align-items:end;gap:clamp(48px,8vw,116px);padding:67px max(24px,50vw - 660px) 56px;display:grid}.pc-hero h1{color:var(--pc-ink);letter-spacing:-.074em;margin:13px 0 24px;font-size:clamp(4rem,6.7vw,7.4rem);line-height:.83}.pc-hero h1 em{color:var(--pc-orange);font-style:normal}.pc-hero>div>p:last-child{max-width:790px;color:var(--pc-muted);margin:0;font-size:14px;line-height:1.75}.pc-hero>aside{color:#fff;border:1px solid #516579;border-top:7px solid var(--pc-gold);background:linear-gradient(145deg,#071623,#243a56 58%,#205960);border-radius:8px;padding:28px;box-shadow:13px 13px #ff754026}.pc-hero>aside>span{color:var(--pc-cyan);font:800 8px var(--pc-mono);letter-spacing:.09em}.pc-hero>aside .pc-math-display{color:var(--pc-gold);background:#030c156b;border:1px solid #ffffff24;border-radius:4px;margin-top:11px;padding:11px 7px}.pc-hero>aside p{color:#c6d4dd;margin:14px 0 0;font-size:9px;line-height:1.65}.pc-lab{border-block:5px solid var(--pc-orange);background:var(--pc-paper);grid-template-columns:minmax(680px,1fr) 375px;min-height:990px;display:grid}.pc-stage{color:#fff;background:radial-gradient(circle at 46% 26%,#58e0e81a,#0000 38%),linear-gradient(145deg,#071623,#182b44 58%,#352040);min-width:0;padding:18px max(18px,33.3333vw - 393.333px)}.pc-stage>header{justify-content:space-between;align-items:center;gap:20px;padding:2px 3px 13px;display:flex}.pc-stage>header span,.pc-stage>header strong{display:block}.pc-stage>header span{color:var(--pc-cyan);font:800 7px var(--pc-mono);letter-spacing:.09em}.pc-stage>header strong{margin-top:4px;font-size:11px}.pc-legend{color:#aebbc8;font:750 7px var(--pc-mono);white-space:nowrap}.pc-legend i{background:var(--pc-cyan);border-radius:50%;width:7px;height:7px;margin:0 5px 0 11px;display:inline-block}.pc-legend i:nth-of-type(2){background:var(--pc-gold)}.pc-legend i:nth-of-type(3){background:var(--pc-orange);border-radius:0}#pc-canvas{background:var(--pc-night);touch-action:none;border:1px solid #4b5f74;border-radius:6px;width:100%;height:clamp(610px,63vw,750px);max-height:750px;display:block}.pc-switch-row,.pc-actions{flex-wrap:wrap;gap:5px;display:flex}.pc-switch-row{align-items:center;padding-top:10px}.pc-switch-row>span{width:44px;color:var(--pc-cyan);font:800 7px var(--pc-mono);letter-spacing:.08em}.pc-switch-row button,.pc-actions button{color:#d5dfe9;background:#12243a;border:1px solid #51657a;border-radius:3px;min-height:36px;padding:7px 11px;font-size:9px;font-weight:800}.pc-switch-row button.active{color:var(--pc-night);border-color:var(--pc-cyan);background:linear-gradient(135deg, var(--pc-cyan), var(--pc-gold))}.pc-actions{padding:9px 0 10px}.pc-actions button{min-width:145px}.pc-actions button.primary{color:var(--pc-night);border-color:var(--pc-gold);background:linear-gradient(135deg, var(--pc-gold), var(--pc-orange))}.pc-actions button.primary.active{background:linear-gradient(135deg, var(--pc-cyan), var(--pc-gold))}.pc-metrics{background:#485b70;border:1px solid #485b70;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:6px;display:grid}.pc-metrics>div{background:#0d1d2d;min-width:0;padding:12px 9px}.pc-metrics span,.pc-metrics strong{display:block}.pc-metrics span{color:#8697aa;font:700 7px var(--pc-mono);text-transform:uppercase}.pc-metrics strong{overflow-wrap:anywhere;color:var(--pc-gold);font:800 9px var(--pc-mono);margin-top:5px}.pc-controls{border-left:1px solid var(--pc-line);background:linear-gradient(#fffdf8,#eff3f7);padding:22px}.pc-domain-buttons{gap:6px;margin:12px 0 15px;display:grid}.pc-domain-buttons button{min-height:67px;color:var(--pc-ink);border:1px solid var(--pc-line);text-align:left;background:#fff;border-radius:4px;grid-template-columns:31px 1fr;gap:3px 10px;padding:11px;display:grid}.pc-domain-buttons button>span{color:var(--pc-orange);font:800 8px var(--pc-mono);grid-row:1/span 2;align-self:center}.pc-domain-buttons strong,.pc-domain-buttons small{display:block}.pc-domain-buttons strong{font-size:10px}.pc-domain-buttons small{color:var(--pc-muted);font-size:8px}.pc-domain-buttons button.active{color:#fff;border-color:var(--pc-orange);background:linear-gradient(135deg, var(--pc-indigo), #285062)}.pc-domain-buttons button.active small{color:#dae3e9}.pc-controls fieldset{border:0;border-bottom:1px solid var(--pc-line);min-width:0;margin:0;padding:13px 0}.pc-controls legend{color:var(--pc-ink);padding:0;font-size:10px;font-weight:800}.pc-symmetry-buttons,.pc-loop-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.pc-symmetry-buttons button,.pc-loop-buttons button{min-height:34px;color:var(--pc-ink);border:1px solid var(--pc-line);background:#fff;border-radius:3px;padding:6px;font-size:8px;font-weight:800}.pc-symmetry-buttons button.active,.pc-loop-buttons button.active{color:#fff;border-color:var(--pc-indigo);background:var(--pc-indigo)}.pc-controls>label{border-bottom:1px solid var(--pc-line);grid-template-columns:1fr auto;gap:5px 10px;padding:13px 0;display:grid}.pc-controls label span strong,.pc-controls label span small{display:block}.pc-controls label span strong{color:var(--pc-ink);font-size:10px}.pc-controls label span small{color:var(--pc-muted);margin-top:3px;font-size:8px}.pc-controls output{color:var(--pc-indigo);font:800 9px var(--pc-mono)}.pc-controls input[type=range]{width:100%;accent-color:var(--pc-orange);grid-column:1/-1}.pc-ledger{color:#fff;border-top:5px solid var(--pc-cyan);background:linear-gradient(145deg,#071a29,#164654);border-radius:5px;margin-top:18px;padding:16px}.pc-ledger>span{color:var(--pc-cyan);font:800 7px var(--pc-mono);letter-spacing:.08em}.pc-ledger .pc-math-display{color:var(--pc-gold);background:#030c1575;border:1px solid #46596d;border-radius:4px;margin-top:10px;padding:12px 7px}.pc-ledger p{color:#c4d0da;margin:11px 0 0;font-size:8px;line-height:1.6}.pc-lesson{background:radial-gradient(circle at 7% 10%, #ffd26a21, transparent 28rem), var(--pc-paper);grid-template-columns:minmax(390px,.86fr) minmax(400px,1.14fr);gap:9px;padding:78px max(24px,50vw - 650px);display:grid}.pc-lesson>header{grid-row:1/span 2;align-self:center;padding-right:53px}.pc-lesson h2,.pc-two-hole h2,.pc-clebsch h2{color:var(--pc-ink);letter-spacing:-.064em;margin:12px 0 23px;font-size:clamp(3.1rem,5vw,5.7rem);line-height:.88}.pc-lesson h2 em{color:var(--pc-orange);font-style:normal}.pc-lesson>header>p:last-child,.pc-two-hole>div>p:last-child,.pc-clebsch>header>p:last-child{color:var(--pc-muted);margin:0;font-size:11px;line-height:1.72}.pc-equation-card{color:#fff;border-top:6px solid var(--pc-cyan);background:linear-gradient(135deg,#071623,#233a56);border-radius:6px;min-width:0;padding:24px}.pc-equation-card>span{color:var(--pc-cyan);font:800 7px var(--pc-mono);letter-spacing:.09em}.pc-equation-card .pc-math-display{color:var(--pc-gold);background:#030c156b;border:1px solid #4d6073;border-radius:4px;margin-top:10px;padding:12px 7px}.pc-equation-card p{color:#c8d4dc;margin:13px 0 0;font-size:9px;line-height:1.6}.pc-lesson ol{background:var(--pc-line);gap:1px;margin:0;padding:1px;list-style:none;display:grid}.pc-lesson li{background:#fff;grid-template-columns:38px 1fr;align-items:start;gap:13px;padding:17px;display:grid}.pc-lesson li b{width:34px;height:34px;color:var(--pc-night);background:var(--pc-gold);font:800 8px var(--pc-mono);border-radius:50%;place-items:center;display:grid}.pc-lesson li:nth-child(2) b{background:var(--pc-cyan)}.pc-lesson li:nth-child(3) b{color:#fff;background:var(--pc-indigo)}.pc-lesson li strong{font-size:12px}.pc-lesson li p{color:var(--pc-muted);margin:5px 0 0;font-size:9px;line-height:1.55}.pc-two-hole{color:#fff;background:radial-gradient(circle at 88% 25%,#58e0e824,#0000 28rem),linear-gradient(145deg,#071623,#222c4c 60%,#3c244a);grid-template-columns:minmax(380px,.82fr) minmax(450px,1.18fr);align-items:center;gap:65px;padding:82px max(24px,50vw - 650px);display:grid}.pc-two-hole h2{color:#fff}.pc-two-hole>div>p:last-child{color:#c4d1db}.pc-two-hole-math{border:1px solid #506278;border-top:7px solid var(--pc-orange);background:#030c156b;border-radius:7px;padding:28px}.pc-two-hole-math .pc-math-display{color:var(--pc-gold);background:#071623b8;border:1px solid #43566c;border-radius:4px;margin-top:9px;padding:13px 8px}.pc-two-hole-math p{color:#c8d4dc;margin:17px 0 0;font-size:10px;line-height:1.68}.pc-clebsch{padding:82px max(24px,50vw - 650px) 96px}.pc-clebsch>header{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);align-items:end;gap:58px;display:grid}.pc-clebsch>header .pc-eyebrow{grid-column:1/-1}.pc-clebsch>header h2{margin-bottom:0}.pc-clebsch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:36px;display:grid}.pc-clebsch-grid article{border:1px solid var(--pc-line);border-top:6px solid var(--pc-cyan);background:var(--pc-paper);border-radius:6px;min-width:0;padding:25px}.pc-clebsch-grid article:nth-child(2){border-top-color:var(--pc-orange)}.pc-clebsch-grid article>span{color:var(--pc-indigo);font:800 7px var(--pc-mono);letter-spacing:.08em}.pc-clebsch-grid .pc-math-display{color:var(--pc-cyan);background:var(--pc-night);border-radius:4px;margin-top:13px;padding:14px 8px}.pc-clebsch-grid p{color:var(--pc-muted);margin:15px 0 0;font-size:9px;line-height:1.65}.pc-clebsch>aside{color:#fff;border-left:8px solid var(--pc-gold);background:linear-gradient(135deg,#071623,#2a3151);border-radius:6px;grid-template-columns:240px 1fr;align-items:center;gap:26px;margin-top:10px;padding:25px;display:grid}.pc-clebsch>aside strong{font-size:19px;line-height:1.05}.pc-clebsch>aside p{color:#c5d1da;margin:0;font-size:9px;line-height:1.65}@media (max-width:1120px){.pc-lab{grid-template-columns:1fr}.pc-controls{border-top:1px solid var(--pc-line);border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;display:grid}.pc-controls>.pc-eyebrow,.pc-domain-buttons,.pc-ledger{grid-column:1/-1}}@media (max-width:820px){.pc-header,.pc-hero,.pc-lesson,.pc-two-hole,.pc-clebsch>header{grid-template-columns:1fr}.pc-header{position:relative}.pc-header>div{display:none}.pc-header nav{flex-wrap:wrap;justify-content:flex-start}.pc-hero{gap:30px}.pc-hero h1{font-size:clamp(3.7rem,15vw,6rem)}.pc-controls{grid-template-columns:1fr}.pc-controls>.pc-eyebrow,.pc-domain-buttons,.pc-ledger{grid-column:auto}#pc-canvas{height:74vw;min-height:520px}.pc-lesson>header{grid-row:auto;padding:0 0 25px}.pc-clebsch>header .pc-eyebrow{grid-column:auto}}@media (max-width:580px){.pc-hero,.pc-lesson,.pc-two-hole,.pc-clebsch{padding-inline:16px}.pc-stage,.pc-controls{padding-inline:14px}.pc-stage>header{align-items:flex-start}.pc-legend{display:none}#pc-canvas{min-height:490px}.pc-metrics,.pc-clebsch-grid{grid-template-columns:1fr}.pc-switch-row button,.pc-actions button{flex:130px}.pc-clebsch>aside{grid-template-columns:1fr}}