@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");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}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");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}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#fafaf9;--foreground:#1c1917;--surface:#fff;--surface-muted:#f5f5f4;--border:#e7e5e4;--accent:#1d4ed8;--accent-text:#fff;--accent-light:#eff6ff;--card-bg:#fafaf9;--muted-text:#78716c;--special-bg:#fef3c7;--special-border:#f59e0b;--special-text:#92400e;--special-active:#fde68a}[data-theme=dark]{--background:#0c0a09;--foreground:#e7e5e4;--surface:#1c1917;--surface-muted:#292524;--border:#3f3f46;--accent:#60a5fa;--accent-text:#0c0a09;--accent-light:#172554;--card-bg:#1c1917;--muted-text:#a8a29e;--special-bg:#422006;--special-border:#b45309;--special-text:#fde68a;--special-active:#78350f}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}html,body{min-height:100%}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans), "Georgia", serif;-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:clip}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.siteHeader{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.2rem;display:flex}.brand{color:inherit;font-weight:700;text-decoration:none}.pageContainer{width:min(1200px,100%);margin:0 auto;padding:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.muted{color:var(--muted-text);font-size:.9rem}button{font:inherit;cursor:pointer}.primaryBtn{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:.35rem;padding:.35rem .65rem;font-size:.88rem}.secondaryBtn{background:var(--surface-muted);color:var(--foreground);border:1px solid var(--border);border-radius:.35rem;padding:.35rem .65rem;font-size:.88rem}.storyPage{gap:0;display:grid}.progressBar{background:linear-gradient(90deg, var(--accent), #7c3aed, var(--accent));transform-origin:0;z-index:1000;will-change:transform;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.revealed{opacity:1}.storyHero{max-width:680px;margin:0 auto;padding:4rem 1.5rem 2.5rem}.heroMeta{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.readMeta{color:var(--muted-text);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:500}.heroControls{align-items:center;gap:.5rem;display:flex}.langToggle{gap:.25rem;display:flex}.langToggleFlash{border-radius:.55rem;animation:1.7s ease-out langFlash;position:relative}@keyframes langFlash{0%{background:#fef08a29;box-shadow:0 0 0 .22rem #fde04780,0 0 1.2rem #facc157a}60%{background:#fef08a17;box-shadow:0 0 0 .3rem #fde0474d,0 0 1.8rem #facc1547}to{box-shadow:none;background:0 0}}.themeToggle{background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;text-align:center;min-width:3rem;color:var(--foreground);border-radius:.4rem;padding:.3rem .85rem;font-size:1rem;transition:background .15s,border-color .15s}.themeToggle:hover{background:var(--accent-light);border-color:var(--accent)}.heroTitle{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:900;line-height:1.08;animation:.7s cubic-bezier(.4,0,.2,1) both heroSlideIn}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.heroTitle .mathArrow{color:var(--accent)}.heroDek{color:var(--muted-text);max-width:540px;font-size:1.1rem;line-height:1.7;animation:.7s cubic-bezier(.4,0,.2,1) .12s both heroSlideIn}.heroAudience{color:var(--foreground);border-left:2px solid var(--border);opacity:0;margin-top:1.2rem;padding:0 0 0 1rem;font-size:.88rem;line-height:1.6;animation:.7s cubic-bezier(.4,0,.2,1) .25s forwards heroSlideIn}.tocNav{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}.tocNavSections{flex-wrap:wrap;gap:.35rem;display:flex}.storyNavChip{border:1px solid var(--border);color:var(--muted-text);white-space:nowrap;background:0 0;border-radius:.35rem;flex:none;align-items:center;gap:.35rem;padding:.32rem .7rem .32rem .4rem;font-size:.78rem;line-height:1.3;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tocNav .storyNavChip{opacity:0;animation:.45s cubic-bezier(.4,0,.2,1) forwards chipAppear;transform:translateY(8px)}.storyNavChip:hover{border-color:var(--accent);color:var(--foreground);background:var(--accent-light)}.storyNavChipActive{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.storyNavChipJump{color:var(--accent);padding-left:.65rem;font-weight:600}.storyNavChipNum{background:var(--surface-muted);width:1.2rem;height:1.2rem;color:var(--muted-text);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:inline-flex}.tocNavHint{color:var(--muted-text);opacity:0;margin:.55rem 0 0;font-size:.82rem;line-height:1.45;animation:.45s cubic-bezier(.4,0,.2,1) .55s forwards chipAppear}@keyframes chipAppear{to{opacity:1;transform:translateY(0)}}.storyBody{gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.25rem 4rem;display:grid}.storyArticle{word-break:break-word;gap:0;min-width:0;max-width:680px;display:grid}.storyH2{letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.5rem;padding-bottom:.35rem;font-size:1.55rem;font-weight:700;line-height:1.25;position:relative}.storyH2:after{content:"";background:var(--accent);width:0;height:2px;transition:width .6s cubic-bezier(.4,0,.2,1) .15s;position:absolute;bottom:0;left:0}.revealed .storyH2:after,.storyH2.heading-visible:after{width:2rem}.storyH3{margin-top:1.8rem;margin-bottom:.3rem;font-size:1.15rem;font-weight:600}.storyP{margin-bottom:.8rem;font-size:1.06rem;line-height:1.85}.storyArticle code{background:var(--surface-muted);border-radius:.3rem;padding:.15rem .4rem;font-family:inherit;font-size:1.15em}.storyQuote{border-left:2px solid var(--border);color:var(--muted-text);margin:1.2rem 0;padding:0 0 0 1.2rem;font-size:1.15rem;font-style:italic;font-weight:400;line-height:1.7}.pairBlock{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;margin:.8rem 0 1rem;padding:1rem 1.2rem}.pairRow{flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.15rem;display:flex}.pairRow code{background:var(--surface-muted);border-radius:.35rem;padding:.2rem .55rem;font-size:1.15rem}.pairArrowText{color:var(--accent);font-weight:700}.pairCaption{margin-top:.4rem;font-size:.92rem}.levelsTable{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;width:100%;margin:.8rem 0 1rem;font-size:.98rem;overflow:hidden}.levelsTable td{border-top:1px solid var(--border);padding:.6rem .8rem}.levelsTable tr:first-child td{border-top:none}.levelsOp{text-align:center;width:100px}.levelsOp code{letter-spacing:.04em;font-size:1rem;font-weight:600}.levelsNote{text-align:left;white-space:nowrap;font-size:.88rem}.levelsCheck{text-align:center;width:3rem}.levelsCheckBadge{border-radius:.28rem;justify-content:center;align-items:center;min-width:1.6rem;height:1.3rem;padding:.02rem .25rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.levelsCheckPass{color:#166534;background:#34d39952}.levelsCheckFail{color:#991b1b;background:#ef444447}.formulaFig{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:.6rem;justify-items:start;gap:.15rem;margin:.8rem 0 1rem;padding:1rem 1.2rem;display:grid}.formulaLine{letter-spacing:.03em;background:var(--surface-muted);background-position:100% 0;background-size:200% 100%;border-radius:.35rem;margin:.15rem 0;padding:.2rem .55rem;font-size:1.15rem;transition:background-position .5s;display:inline-block}.mathArrow{vertical-align:middle;color:var(--accent);font-size:.82em;font-weight:700;line-height:1;display:inline-block}.formulaFig figcaption{margin-top:.4rem;font-size:.92rem}.symbolFamily{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0 1.2rem;display:grid}.symbolCard{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:.6rem;gap:.25rem;padding:1rem .5rem;display:grid}.symbolGlyph{color:var(--accent);font-size:2.2rem;line-height:1}.symbolGlyph .mathArrow{font-size:1em}.symbolName{font-size:.92rem;font-weight:600}.symbolEx{font-family:var(--font-geist-mono), monospace}.tryInline{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.tryInline code{background:var(--surface-muted);border-radius:.35rem;padding:.2rem .5rem;font-size:1.15rem}.tryBtn{background:var(--accent);color:var(--accent-text);cursor:pointer;white-space:nowrap;border:none;border-radius:.3rem;padding:.22rem .55rem;font-size:.82rem;transition:transform .15s;position:relative;overflow:hidden}.tryBtn:active{transform:scale(.94)}.tryBtn:after{content:"";opacity:0;background:#ffffff40;transition:opacity .2s;position:absolute;inset:0}.tryBtn:active:after{opacity:1}.tryPronounce{color:var(--muted-text);white-space:nowrap;font-size:.85rem;font-style:italic}.tryResult{color:var(--accent);font-size:1.15rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) resultAppear}@keyframes resultAppear{0%{opacity:0;transform:translateY(4px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.tryBlock{margin:.3rem 0 1.2rem}.proofBlock{gap:0;margin:1rem 0 1.5rem;display:grid}.proofRow{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.7rem .85rem;display:grid}.proofRow:last-child{border-bottom:none}.proofIndex{background:var(--accent-light);width:1.7rem;height:1.7rem;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}.proofContent{gap:.2rem;min-width:0;display:grid}.proofLabel{font-size:1.15rem;font-weight:500}.proofContent code{background:var(--surface-muted);white-space:normal;overflow-wrap:anywhere;border-radius:.25rem;justify-self:start;max-width:100%;padding:.12rem .4rem;font-size:.92rem}.vizWrap{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;margin:1rem 0 1.5rem;padding:1rem}.vizSvg{width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.vizSvg text{font-family:system-ui,-apple-system,sans-serif}.pianoBar rect,.vizSvg g[style*=pointer] rect{transition:opacity .15s}.pianoBar:hover rect{filter:brightness(1.15);opacity:1!important}.savingsExplorer{background:var(--surface-muted);border-radius:.75rem;flex-direction:column;gap:.8rem;margin:1rem 0;padding:1.2rem;display:flex}.savingsControls{flex-direction:column;gap:.5rem;display:flex}.savingsRow{border-radius:.4rem;align-items:center;gap:.6rem;min-height:2.2rem;padding:.3rem .5rem;transition:background .2s;display:flex}.savingsRow.savingsUnknown{background:var(--accent-light);border:1px solid var(--accent)}.savingsLabel{color:var(--muted-text);min-width:5rem;font-size:.85rem;font-weight:500}.savingsToggle{border:2px solid var(--border);background:var(--surface);width:2.4rem;height:2rem;color:var(--foreground);cursor:pointer;border-radius:.4rem;flex-shrink:0;font-size:.95rem;font-style:italic;font-weight:700;transition:all .15s}.savingsToggle:hover{border-color:var(--accent)}.savingsToggleActive{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.savingsSlider{min-width:0;accent-color:var(--accent);cursor:grab;flex:1;height:6px}.savingsSlider:active{cursor:grabbing}.savingsValue{text-align:right;min-width:4rem;color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.savingsAnswer{color:var(--accent);flex:1;font-size:1.1rem;font-weight:700}.savingsFormula{background:var(--surface);border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .6rem;transition:box-shadow .3s;display:flex}.savingsFormulaPulse{box-shadow:0 0 0 2px var(--accent), 0 0 12px #1d4ed826}.savingsFormula code{background:var(--surface-muted);border-radius:.3rem;padding:.2rem .5rem;font-size:1.05rem;font-weight:600;transition:color .2s}.savingsFormulaPulse code{color:var(--accent)}.savingsOperatorHint{color:var(--muted-text);font-size:.82rem;font-style:italic}.savingsChart{margin-top:.3rem}.vizCaption{text-align:center;margin-top:.6rem;font-size:.88rem}@media (max-width:600px){.vizWrap{padding:.85rem .55rem}.vizSvg text{font-size:16px!important}.pianoChainHzLabel{transform:translateY(6px)}.vizCaption{padding:0 .15rem;font-size:1rem;line-height:1.45}.savingsExplorer{gap:.65rem;padding:1rem .75rem}.savingsLabel{min-width:4.75rem;font-size:.95rem}.savingsToggle{width:2.55rem;height:2.1rem;font-size:1.05rem}.savingsValue{min-width:3.5rem;font-size:1rem}.savingsAnswer{font-size:1.2rem}.savingsFormula{padding:.55rem .5rem}.savingsFormula code{font-size:clamp(.88rem,3.8vw,1.05rem)}.savingsOperatorHint{font-size:.9rem;line-height:1.35}}@media (max-width:480px){.vizWrap{padding:.75rem .35rem}.vizSvg text{font-size:18px!important}.savingsFormula code{font-size:.95rem}}.collapsibleBlock{margin:2rem 0}.collapsibleSummary{cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 0;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.collapsibleSummary:before{content:"▶";color:var(--accent);font-size:.7rem;transition:transform .2s}.collapsibleBlock[open]>.collapsibleSummary:before{transform:rotate(90deg)}.collapsibleSummary::-webkit-details-marker{display:none}.collapsibleContent{gap:0;padding-top:.5rem;display:grid;overflow-x:clip}.collapsibleClose{background:var(--surface-muted);border:1px solid var(--border);color:var(--muted-text);cursor:pointer;border-radius:.4rem;justify-self:center;margin-top:1.5rem;padding:.5rem 1rem;font-size:.88rem;transition:color .2s}.collapsibleClose:hover{color:var(--foreground)}.challengeCard{margin:.8rem 0;transition:border-color .3s}.challengeCard:hover{border-color:var(--accent)}.challengeTitle{margin-bottom:.3rem;font-size:1.05rem;font-weight:600}.challengeDesc{color:var(--foreground);margin-bottom:.6rem;font-size:1.15rem;line-height:1.6}.challengeItems{gap:.5rem;display:grid}.challengeRow{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.challengeHint{font-size:.85rem}.inverseRuleCard{-webkit-overflow-scrolling:touch;margin:1rem 0 1.2rem;overflow-x:auto}.inverseRuleTable{border-collapse:collapse;width:100%}.inverseRuleTable td{vertical-align:middle;padding:.5rem .6rem}.inverseRuleHeaderRow td{border-bottom:1px solid var(--border);padding-bottom:.6rem}.inverseRuleRow td{border-bottom:1px solid var(--border)}.inverseRuleRow:last-child td{border-bottom:none}.inverseRuleFormula{white-space:nowrap;width:1%}.inverseRuleArrow{color:var(--muted-text);text-align:center;white-space:nowrap;width:1%;padding:0 .4rem}.inverseRuleFormula code{letter-spacing:.03em;background:var(--surface-muted);border-radius:.35rem;padding:.2rem .5rem;font-size:1.2rem}.inverseVar{text-align:center;vertical-align:baseline;border-radius:.28rem;min-width:1em;padding:0 .2rem;font-weight:700;line-height:1;display:inline-block}.inverseVarA{background:#60a5fa47}.inverseVarB{background:#fbbf2457}.inverseVarC{background:#34d39952}.inverseRuleLabel{font-size:1.15rem}.inverseRuleHint{color:var(--muted-text);white-space:nowrap;width:1%;padding:0 .4rem;font-size:.9rem;line-height:1.4}.inverseRuleExample{padding:.6rem .6rem 0;font-size:.88rem;line-height:1.6}.symbolHighlight{vertical-align:middle;color:var(--accent);font-size:.82em;font-weight:700;line-height:1;display:inline-block}.notationCoreHighlight{border:2px solid #0000;border-radius:14px;margin:.75rem 0 1.25rem;padding:.85rem .75rem 1rem;scroll-margin-top:5.5rem;transition:background .45s,border-color .45s,box-shadow .45s}.notationCoreHighlight:target{background:color-mix(in srgb, var(--accent-light) 72%, var(--surface));border-color:color-mix(in srgb, var(--accent) 62%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 24%, transparent);animation:1.2s coreHighlightPulse}@keyframes coreHighlightPulse{0%{border-color:color-mix(in srgb, var(--accent) 25%, transparent);box-shadow:0 0 0 color-mix(in srgb, var(--accent) 18%, transparent)}40%{border-color:color-mix(in srgb, var(--accent) 78%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--accent) 32%, transparent)}to{border-color:color-mix(in srgb, var(--accent) 62%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 24%, transparent)}}.transformCard{padding:1rem 1.2rem}.transformHeader{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin-bottom:.5rem;display:grid}.transformColLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-text);font-size:.82rem;font-weight:600}.transformColLabel:first-child{text-align:right}.transformColSpacer{width:1.2rem}.transformRows{flex-direction:column;gap:.5rem;display:flex}.transformRow{grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;display:grid}.transformFormula{letter-spacing:.03em;background:var(--surface-muted);white-space:nowrap;border-radius:.35rem;padding:.25rem .7rem;font-size:clamp(.95rem,3.5vw,1.15rem)}.transformRow .transformFormula:first-child{justify-self:end}.transformRow .transformFormula:last-child{justify-self:start}.transformArrow{color:var(--accent);padding:0 .15rem;font-size:1.1rem;font-weight:700}.stickySectionNav{z-index:20;scrollbar-width:none;background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;gap:.35rem;margin:0 0 1rem;padding:.5rem 0;display:flex;position:sticky;top:0;overflow-x:auto}.stickySectionNav::-webkit-scrollbar{display:none}.articleBackLink{color:var(--muted-text);align-items:center;gap:.35rem;margin:0 0 1.25rem;font-size:.88rem;text-decoration:none;display:inline-flex}.articleBackLink:hover{color:var(--foreground)}.pageLinkCard{color:var(--accent);margin:1rem 0 1.2rem;padding:.9rem 1.1rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:block}.pageLinkCard:hover{border-color:var(--accent);background:var(--accent-light)}.examplesIntroGrid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:.85rem;margin:1rem 0 1.5rem;display:grid}.examplePreviewCard{flex-direction:column;height:100%;padding:0;transition:transform .3s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.examplePreviewCard:not(.examplePreviewCardComingSoon):hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}}.examplePreviewCardComingSoon{opacity:.78;border-style:dashed}.examplePreviewCardCurrent{border-color:var(--accent)}.examplePreviewCardComingSoon .examplePreviewVizSoon{filter:grayscale(.45)}.examplePreviewSoonBadge{z-index:1;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-text);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.examplePreviewFooterDisabled,.examplePreviewFooterCurrent{text-align:center;padding:.65rem .75rem .75rem}.examplePreviewFooterCurrent{border-top:1px solid var(--border);background:var(--accent-light)}.examplePreviewVizInner{flex-direction:column;flex:auto;justify-content:flex-end;min-height:0;padding:.65rem .55rem .5rem;display:flex}.examplePreviewSvg{width:100%;height:auto;display:block}.examplePreviewControl{align-items:center;gap:.4rem;margin-top:.35rem;font-size:.72rem;display:flex}.examplePreviewControlLabel{color:var(--muted-text);flex:none}.examplePreviewSlider{min-width:0;accent-color:var(--accent);flex:1}.examplePreviewControlValue{font-variant-numeric:tabular-nums;text-align:right;min-width:1.2rem;font-weight:600}.examplePreviewHint{text-align:center;margin:.35rem 0 0;font-size:.72rem;line-height:1.35}.examplePreviewPianoKeys{justify-content:center;align-items:flex-end;gap:3px;height:4.5rem;display:flex}.examplePreviewPianoKey{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface));max-width:2rem;min-height:2rem;color:var(--foreground);cursor:pointer;border-radius:0 0 3px 3px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:.2rem;font-size:.62rem;font-weight:600;transition:background .15s,transform .1s;display:flex}.examplePreviewPianoKey:hover{background:var(--accent-light)}.examplePreviewPianoKey:active{transform:scaleY(.96)}.examplePreviewQuakeBars{justify-content:center;align-items:flex-end;gap:.45rem;display:flex}.examplePreviewQuakeCol{flex-direction:column;flex:1;align-items:center;gap:.2rem;max-width:2.8rem;display:flex}.examplePreviewQuakeBar{background:var(--accent);opacity:.85;width:100%;min-height:1.5rem;color:var(--accent-text,#fff);cursor:pointer;border:none;border-radius:3px 3px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding:.2rem .15rem;transition:opacity .15s,transform .1s;display:flex}.examplePreviewQuakeBar:hover{opacity:1}.examplePreviewQuakeBar:active{transform:scaleY(.97)}.examplePreviewQuakeEnergy{font-size:.62rem;font-weight:700}.examplePreviewQuakeMag{color:var(--muted-text);font-size:.62rem;font-weight:600;line-height:1}.examplePreviewFooter{border-top:1px solid var(--border);text-align:center;color:inherit;gap:.2rem;margin-top:auto;padding:.65rem .75rem .75rem;text-decoration:none;transition:background .15s;display:grid}.examplePreviewFooter:hover{background:var(--accent-light)}.examplePreviewLabel{font-size:clamp(.88rem,3.2vw,.92rem);font-weight:600}.examplePreviewOps{color:var(--accent);letter-spacing:.12em;font-size:1rem;font-weight:700}.examplePreviewCta{color:var(--muted-text);margin-top:.1rem;font-size:.72rem}.examplePreviewFooter:hover .examplePreviewCta{color:var(--accent)}.examplePageFooter{border-top:1px solid var(--border);margin:2rem 0 .5rem;padding-top:1.25rem}.examplePageFooterTitle{margin:0 0 .65rem;font-size:.95rem;font-weight:600}.examplePageFooter .examplesIntroGrid{margin:0 0 1rem}.examplePageFooterBack{margin:0}.fullCalc{gap:.4rem;margin:1rem 0;display:grid}.fullCalc h3{margin-bottom:0;font-size:.95rem}.calcSubtitle{margin-bottom:0;font-size:.75rem}.calcDisplayWrap{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.15rem;padding:.5rem;display:flex}.calcDisplay{width:100%;font-size:1.05rem;font-family:var(--font-geist-mono), monospace;text-align:right;color:var(--foreground);background:0 0;border:none;outline:none;padding:.4rem .2rem}.calcResult{color:var(--accent);text-align:right;min-height:1.4em;padding:0 .2rem;font-size:1rem;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) resultAppear}.calcResultError{color:#ef4444;font-size:.9rem;font-weight:500}.calcKeypad{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.calcKey{border:1px solid var(--border);background:var(--surface-muted);color:var(--foreground);cursor:pointer;text-align:center;border-radius:.4rem;padding:.45rem;font-size:1rem;transition:background .1s,transform .1s}.calcKey:active{transform:scale(.93)}.calcKeyAccent{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:700;transition:background .1s,transform .1s,box-shadow .1s}.calcKeyAccent:active{transform:scale(.9);box-shadow:0 0 12px #1d4ed84d}.calcKeyOp{background:var(--accent-light);border-color:var(--border);color:var(--foreground);font-weight:600}.calcKeySpecial{background:var(--special-bg);border-color:var(--special-border);color:var(--special-text);font-size:1.1rem;font-weight:700}.calcKeySpecial:active{background:var(--special-active)}.calcKeyAction{background:var(--surface);border-color:var(--border);color:var(--muted-text);flex:1;font-size:.88rem;font-weight:500}.calcOps{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.calcRuleCard{background:var(--surface-muted);border-radius:.4rem;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.5rem;margin-top:.5rem;padding:.4rem .5rem;font-size:.75rem;line-height:1.6;display:grid}.calcRuleCard code{font-size:.78rem;font-family:var(--font-geist-mono), monospace;white-space:pre;background:0 0;padding:0}.calcNum{text-align:center;border-radius:.28rem;min-width:1.1em;padding:.02rem .25rem;font-weight:700;display:inline-block}.calcNumA{background:#60a5fa47}.calcNumB{background:#fbbf2457}.calcNumC{background:#34d39952}.calcRuleHint{color:var(--muted-text);font-size:.7rem}.calcActions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.storySidebar{display:none}.stickyCalc{position:sticky;top:1rem}@media (min-width:1080px){.storyBody{grid-template-columns:minmax(0,680px) minmax(320px,380px);justify-content:center}.storyArticle{align-self:start}.storySidebar{display:block}}@media (max-width:480px){.levelsTable{table-layout:fixed;font-size:.92rem}.levelsTable td{vertical-align:top;white-space:normal;overflow-wrap:anywhere;padding:.5rem .45rem}.levelsTable td:first-child{width:22%}.levelsTable td:nth-child(2){width:42%}.levelsTable td:nth-child(3){width:10%}.levelsTable td:nth-child(4){width:26%}.levelsOp{text-align:left;width:auto}.levelsNote{text-align:left;line-height:1.3}.levelsCheck{text-align:left}.symbolFamily,.examplesIntroGrid{grid-template-columns:1fr}.inverseRuleHint,.inverseRuleHeaderRow td:nth-child(2){display:none}.inverseRuleFormula code{font-size:1.05rem}.pairRow,.pairRow code{font-size:1rem}.proofRow{grid-template-columns:auto 1fr}.proofContent{min-width:0}.proofRow .tryInline{grid-column:2}.formulaLine{font-size:1.05rem}}.calcFab{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));background:var(--accent);width:3.2rem;height:3.2rem;color:var(--accent-text);cursor:pointer;z-index:900;border:none;border-radius:50%;font-size:1.3rem;transition:transform .15s;display:none;position:fixed;right:1.5rem;box-shadow:0 4px 16px #0003}.calcFab:active{transform:scale(.92)}.calcFabPulse{animation:1.8s cubic-bezier(.36,.07,.19,.97) .5s fabBounce}@keyframes fabBounce{0%,to{transform:translateY(0)}15%{transform:translateY(-10px)}30%{transform:translateY(0)}45%{transform:translateY(-6px)}60%{transform:translateY(0)}75%{transform:translateY(-3px)}90%{transform:translateY(0)}}.calcDrawer{bottom:calc(5rem + env(safe-area-inset-bottom,0px));z-index:899;opacity:0;pointer-events:none;max-width:360px;margin-left:auto;transition:opacity .25s,transform .25s;display:none;position:fixed;left:1rem;right:1rem;transform:translateY(12px)}.calcDrawerOpen{opacity:1;pointer-events:auto;transform:translateY(0)}.calcDrawer .fullCalc{border:1px solid var(--border);box-shadow:0 8px 32px #0000002e}@media (max-width:1079px){.storyHero,.storyBody{padding-inline:max(1.25rem, env(safe-area-inset-left,0px)) max(1.7rem, env(safe-area-inset-right,0px))}.calcFab{justify-content:center;align-items:center;display:flex}.calcDrawer{display:block}}