:root{--bg: #0f1117;--bg-soft: #161922;--surface: #1c2030;--surface-2: #232838;--border: #2e3346;--text: #e8e6e0;--text-muted: #9aa0b0;--text-faint: #6b7180;--accent: #e8b04b;--accent-2: #4fa8b8;--accent-3: #c97a5a;--shadow: 0 10px 40px rgba(0,0,0,.35);--maxw: 1180px;--phi: 1.618;--space-xs: .382rem;--space-sm: .618rem;--space-md: 1rem;--space-lg: 1.618rem;--space-xl: 2.618rem;--space-2xl: 4.236rem;--space-3xl: 6.854rem;--content: 68ch}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(232,176,75,.06),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(79,168,184,.06),transparent 60%),var(--bg);min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em;color:var(--text);margin:0 0 .5rem}p{line-height:1.6;color:var(--text-muted);margin:0 0 1rem}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1117c7;border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:clamp(1.618rem,4vw,3.236rem);justify-content:space-between;height:68px;max-width:1400px}.logo{display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto;margin-inline-end:var(--space-xl);font-family:Fraunces,serif;font-weight:600;font-size:1.05rem;color:var(--text);white-space:nowrap}.logo-mark{width:30px;height:30px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent-3),var(--accent));position:relative}.logo-mark:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--bg)}.nav-links{display:flex;align-items:center;gap:clamp(.7rem,1.1vw,1.02rem);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline-start:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--text-muted);font-size:.86rem;font-weight:500;white-space:nowrap;letter-spacing:.01em}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-toggle:hover{background:#ffffff0d}.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 1260px){.site-header .container{height:auto;padding-top:var(--space-sm);padding-bottom:var(--space-sm);gap:var(--space-sm);position:relative}.logo{font-size:.98rem;margin-inline-end:0}.logo-mark{width:26px;height:26px}.nav-toggle{display:inline-flex;margin-inline-start:auto}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin-inline-start:0;background:#0f1117fb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 var(--space-sm);max-height:0;overflow:hidden;transition:max-height .28s ease,padding .28s ease;box-shadow:0 14px 28px #0006}.nav-links[data-open=true]{max-height:78vh;overflow-y:auto;padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.nav-links a{padding:.72rem .5rem;font-size:.95rem;border-bottom:1px solid var(--border);color:var(--text)}.nav-links a:last-child{border-bottom:none}.nav-links a:hover{color:var(--accent)}}.hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.hero .eyebrow{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem}.hero h1{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:1.2rem}.hero h1 em{font-style:italic;color:var(--accent)}.hero p{max-width:var(--content);margin:0 auto var(--space-xl);font-size:1.1rem}.hero .stats{display:flex;gap:var(--space-xl);justify-content:center;flex-wrap:wrap;margin-top:var(--space-xl)}.hero .stat .num{font-family:Fraunces,serif;font-size:1.8rem;color:var(--text)}.hero .stat .label{font-size:.8rem;color:var(--text-faint);font-family:JetBrains Mono,monospace}.section{padding:var(--space-2xl) 0;border-top:1px solid var(--border);scroll-margin-top:80px}.section-head{max-width:720px;margin-bottom:var(--space-xl)}.section-head .num{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.16em}.section-head h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin:var(--space-sm) 0 var(--space-md)}.section-head p{font-size:1.05rem;max-width:var(--content)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:var(--space-lg);box-shadow:var(--shadow)}.panel-grid{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--space-lg);align-items:stretch}@media (max-width: 880px){.panel-grid{grid-template-columns:minmax(0,1fr)}}.controls{display:flex;flex-direction:column;gap:1.1rem}.control-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.control-label{font-size:.85rem;color:var(--text-muted);min-width:130px;font-weight:500}.control-value{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent);background:var(--bg-soft);padding:.2rem .5rem;border-radius:6px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--surface-2);border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#1a1408;border:none;border-radius:8px;padding:.6rem 1.1rem;font-family:Inter,sans-serif;font-weight:600;font-size:.92rem;cursor:pointer;transition:transform .1s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{border-color:var(--accent-2);color:var(--accent-2)}.btn-stop{background:#3a2030;color:#ff9a8a;border:1px solid #6e3a4a}.btn-stop:hover{background:#4a2840;border-color:#ff7e6b;color:#ffb0a0}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.slider-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.slider-label span{font-family:JetBrains Mono,monospace}.slider-label input[type=range]{width:100%}.chip{display:inline-block;padding:.28rem .7rem;border-radius:20px;background:var(--bg-soft);border:1px solid var(--border);font-size:.78rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent-2);color:var(--text)}.chip.active{background:var(--accent);color:#1a1408;border-color:var(--accent)}.readout{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:.5rem}.readout .item{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:.8rem}.readout .item .k{font-size:.72rem;color:var(--text-faint);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.readout .item .v{font-family:Fraunces,serif;font-size:1.25rem;color:var(--text)}.readout .item .sub{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.formula-block{background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1rem 1.2rem;margin:1rem 0;color:var(--text);font-size:1.02rem}.formula-block .caption{font-size:.82rem;color:var(--text-muted);margin-top:.6rem}.sources{margin-top:1.2rem;font-size:.82rem;color:var(--text-faint);border-top:1px solid var(--border);padding-top:.8rem}.sources a{color:var(--text-faint)}.sources a:hover{color:var(--accent-2)}.canvas-wrap{background:radial-gradient(circle at 50% 40%,#1a1f2e,#0d0f15);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;min-height:420px;flex:1 1 auto}.panel:has(.canvas-wrap){display:flex;flex-direction:column}.canvas-wrap .hint{position:absolute;bottom:.7rem;left:.8rem;font-size:.72rem;color:var(--text-faint);font-family:JetBrains Mono,monospace;pointer-events:none}.overtone-chart{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.overtone-row{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:.6rem;font-size:.82rem}.overtone-row .name{color:var(--text-muted);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overtone-row .bar{height:18px;border-radius:4px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .2s}.overtone-row .freq{text-align:right;font-family:JetBrains Mono,monospace;color:var(--accent)}footer{border-top:1px solid var(--border);padding:2.5rem 0 1.5rem;color:var(--text-faint);font-size:.85rem;background:#0000002e}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:2.5rem;align-items:start}.footer-brand-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.footer-brand-row .logo-mark{width:26px;height:26px}.footer-brand-row strong{color:var(--text);font-family:Fraunces,serif;font-size:1.05rem;font-weight:600}.footer-brand p{margin:0;line-height:1.55;max-width:34ch}.footer-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.75rem}.footer-projects{display:flex;flex-direction:column;gap:.6rem}.footer-card{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:10px;background:#ffffff05;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.footer-card:hover{border-color:var(--accent);background:#e8b04b0f;transform:translateY(-1px);text-decoration:none}.footer-card-name{color:var(--accent);font-weight:600;font-size:.92rem}.footer-card-desc{color:var(--text-muted);font-size:.78rem;line-height:1.45}.footer-modules p{margin:0;line-height:1.6;color:var(--text-muted)}.footer-bottom{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;justify-content:center;font-size:.75rem;color:var(--text-faint)}@media (max-width: 720px){.footer-inner{grid-template-columns:1fr;gap:1.75rem}.footer-brand p{max-width:none}}.module-hint{font-size:.8rem;color:var(--text-muted);margin:-.3rem 0 1.15rem;padding:.5rem .8rem;border-left:2px solid var(--accent);background:#ffffff04;border-radius:0 6px 6px 0;line-height:1.5}.module-hint b{color:var(--accent);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;margin-right:.45rem}.lesehilfe{font-size:.82rem;line-height:1.5;color:var(--text-muted);background:#e8b04b0d;border-left:3px solid var(--accent, #e8b04b);border-radius:0 6px 6px 0;padding:.65rem .85rem;margin:0 0 1.1rem}.lesehilfe>strong{color:var(--text)}.lesehilfe ul{margin:.4rem 0 .3rem;padding-left:1.05rem}.lesehilfe li{margin:.2rem 0}.lesehilfe li strong{color:var(--accent, #e8b04b);font-weight:600}.lesehilfe .lh-src{display:block;margin-top:.35rem;font-size:.72rem;color:var(--text-faint, #5a5957);font-style:italic}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.35rem;vertical-align:middle}.katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:.4rem 0;-webkit-overflow-scrolling:touch}.katex-display>.katex{white-space:nowrap}.tex,.katex{max-width:100%}svg{max-width:100%;height:auto}html,body{overflow-x:clip}.section .panel,.section .formula-block,.section .readout,.section .control-row,.section .btn-row,.section .sources{min-width:0;max-width:100%}.note{font-size:.82rem;color:var(--text-faint);margin-top:.6rem}.zfk-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.zfk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;margin-bottom:1.5rem}.zfk-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem .85rem .85rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:transform .15s,border-color .15s,box-shadow .15s;font:inherit;color:var(--text)}.zfk-card:hover{transform:translateY(-3px);border-color:var(--accent-c);box-shadow:0 6px 18px #00000059}.zfk-poly{display:flex;justify-content:center;margin-bottom:.1rem}.zfk-n{font-family:Fraunces,serif;font-size:1.9rem;font-weight:600;line-height:1}.zfk-row{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;font-size:.78rem}.zfk-key{color:var(--text-faint)}.zfk-val{font-family:JetBrains Mono,monospace;color:var(--text);text-align:right}.zfk-dev{color:var(--text-faint);font-size:.72rem}.zfk-intname{font-size:.78rem;color:var(--text-muted);text-align:center;min-height:1.1em}.zfk-badges{display:flex;flex-direction:column;gap:.3rem;width:100%;margin-top:.25rem}.zfk-badge{font-size:.68rem;text-align:center;padding:.18rem .4rem;border-radius:6px;color:#0f1117;font-weight:600}.zfk-badge-ghost{background:transparent;border:1px solid;font-weight:500;color:var(--text-muted)}.zfk-insight{margin-top:.5rem}.zfk-insight p{margin:0 0 .7rem;line-height:1.6}.formula-card{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem;border-top:1px solid var(--border)}.formula-card:first-child{border-top:none;padding-top:0}.formula-card .formula-block{margin:0}.formula-card .formula-block .katex-display{margin:.2rem 0}.formula-sketch{background:#ffffff05;border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem .3rem}.formula-sketch svg{display:block;width:100%;height:auto}.sketch-label{display:block;text-align:center;font-size:.7rem;color:var(--text-faint);margin-top:.15rem}.orbi-root{display:flex;flex-direction:column;gap:1.5rem}.orbi-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem}@media (max-width: 900px){.orbi-grid{grid-template-columns:1fr}}.orbi-canvas-wrap{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0a0a0a;height:560px}.orbi-canvas-wrap canvas{display:block;width:100%;height:100%}.orbi-legend{position:absolute;left:12px;bottom:10px;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;background:#00000073;padding:4px 8px;border-radius:5px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.orbi-controls{display:flex;flex-direction:column;gap:.9rem}.ctrl-block{padding:.85rem .9rem;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.ctrl-title{font-family:Fraunces,serif;font-size:1rem;margin-bottom:.55rem;color:var(--text);font-weight:500}.ctrl-value{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.85rem;margin-left:.4rem}.ctrl-note{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-muted);margin:.35rem 0 .6rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.chip{font-family:JetBrains Mono,monospace;font-size:.7rem;background:#ffffff0a;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;cursor:pointer;transition:all .12s ease}.chip:hover{color:var(--text);border-color:var(--accent-hover)}.chip-on{background:var(--accent);color:#111;border-color:var(--accent)}.chip-on:hover{color:#111}.chord-slider{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:.55rem;margin:.25rem 0}.chord-slider-label{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted)}.chord-slider input{width:100%;accent-color:var(--accent)}.chord-slider-value{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text);text-align:right}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.orbi-mobius{border:1px solid var(--border);border-radius:10px;padding:1rem;background:#ffffff05}.orbi-mobius-header{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}.orbi-mobius-header h4{margin:0;font-family:Fraunces,serif;font-size:1.05rem;color:var(--text);font-weight:500}.orbi-mobius-canvas{height:380px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#0a0a0a}.orbi-mobius-canvas canvas{display:block;width:100%!important;height:100%!important;max-width:100%}.orbi-mobius-explain{font-size:.82rem;line-height:1.5;color:var(--text-muted);background:#e8b04b0d;border-left:3px solid var(--accent, #e8b04b);border-radius:0 6px 6px 0;padding:.6rem .8rem;margin-bottom:.7rem}.orbi-mobius-explain strong{color:var(--text)}.orbi-mobius-explain ul{margin:.4rem 0;padding-left:1.05rem}.orbi-mobius-explain li{margin:.2rem 0}.orbi-mobius-explain li strong{color:var(--accent, #e8b04b);font-weight:600}.orbi-mobius-src{display:block;margin-top:.3rem;font-size:.72rem;color:var(--text-faint, #5a5957);font-style:italic}.kepler-wrap{display:block}.kepler-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:1.25rem;align-items:start}@media (max-width: 900px){.kepler-grid{grid-template-columns:1fr}}.kepler-grid>*{min-width:0}.kepler-canvas{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0a0a0a;height:70vh;min-height:480px;max-height:720px;position:sticky;top:76px}.kepler-canvas canvas{display:block;width:100%!important;height:100%!important;max-width:100%}.kepler-controls{display:flex;flex-direction:column;gap:.85rem}.kepler-order{margin:.35rem 0 .2rem 1.1rem;padding:0;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.55}.kepler-order b{color:var(--text);font-weight:500}.kepler-planets{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.kepler-planets .chip{border-width:1.5px}.kepler-info{margin-top:.4rem}.kepler-info-line{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-muted);margin:.25rem 0}.k-label{color:var(--text-muted)}.k-value{color:var(--accent);margin-left:.4rem}.kepler-hint{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-faint);margin-top:.5rem;line-height:1.5}.kepler-info-empty{font-style:italic;opacity:.85}.chord-play{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#1a1408;border:none;border-radius:8px;padding:.5rem .95rem;font-family:Inter,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .1s,opacity .15s}.chord-play:hover{transform:translateY(-1px);opacity:.92}.chord-play:active{transform:translateY(0)}.kepler-mode-toggle{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.kepler-mode-toggle .chip{font-size:.74rem;padding:5px 11px}.kepler-math .katex-display{margin:.5rem 0;font-size:.92em}.fib-wrap{display:block}.fib-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:1.25rem;align-items:stretch}@media (max-width: 900px){.fib-grid{grid-template-columns:1fr}}.fib-canvas{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0a0a0a;min-height:560px;display:flex;align-items:center;justify-content:center;padding:1rem}.fib-controls{display:flex;flex-direction:column;gap:.85rem}.fib-btnrow{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.chord-play.alt{background:transparent;color:var(--accent);border:1px solid var(--accent)}.chord-play.alt:hover{background:#d9975714}.fib-ratios{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.35rem;margin:.4rem 0 .55rem}.fib-chip{display:flex;flex-direction:column;align-items:center;padding:.4rem .35rem;gap:.15rem}.fib-chip .fib-frac{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text)}.fib-chip .fib-cents{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-muted)}.fib-bartok-eq{margin:.55rem 0;padding:.55rem .7rem;border-left:2px solid var(--accent);background:#d997570f;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text)}.iso-wrap{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.iso-controls{display:flex;flex-direction:column;gap:.9rem;padding:1rem 1.1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px}.iso-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.iso-control-lbl{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;min-width:140px}.iso-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.iso-chip{padding:.35rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-dim);border-radius:20px;cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .15s ease}.iso-chip:hover{border-color:#ffc55380;color:var(--text)}.iso-chip-on{background:#ffc55326;border-color:#ffc553b3;color:#ffc553}.iso-range-wrap{display:flex;align-items:center;gap:.75rem}.iso-range-wrap input[type=range]{width:220px}.iso-range-val{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#ffc553;min-width:3rem}.iso-roll{padding:1rem;background:#0a0a0a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow-x:auto}.iso-roll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.iso-roll-title{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-dim);letter-spacing:.05em}.iso-btn-min{padding:.25rem .7rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-dim);border-radius:6px;cursor:pointer;font-family:inherit;font-size:.75rem}.iso-btn-min:hover{border-color:#ffc55399;color:#ffc553}.iso-roll-svg-wrap{position:relative;width:100%;height:240px;background:#00000073;border-radius:8px;overflow:hidden}.iso-roll-svg{display:block;width:100%;height:100%}.iso-roll-note{fill:#20808dd9;stroke:#ffffff40;stroke-width:.15;cursor:pointer;transition:fill .08s ease}.iso-roll-note:hover{fill:#20808d}.iso-roll-note-on{fill:#ffc553!important;stroke:#fff;stroke-width:.3}.iso-roll-labels{position:absolute;left:6px;top:0;height:100%;pointer-events:none}.iso-roll-label-c{position:absolute;font-family:JetBrains Mono,monospace;font-size:.62rem;color:#ffc553;opacity:.8}.iso-vex-block{padding:1rem;background:#f7f6f2f7;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow-x:auto}.iso-vex-header{margin-bottom:.5rem}.iso-vex-header .iso-roll-title{color:#28251d;font-size:.82rem}.iso-vex-host{display:flex;justify-content:flex-start}.iso-vex-host svg{display:block}.iso-table-block{padding:1rem;background:#0a0a0a99;border:1px solid rgba(255,255,255,.08);border-radius:12px}.iso-table-scroll{overflow-x:auto}.iso-notes-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:.8rem;min-width:360px}.iso-notes-table th,.iso-notes-table td{padding:.35rem .6rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.iso-notes-table thead th{color:var(--text-dim);font-weight:500;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.iso-notes-row-on{background:#ffc5532e;color:#ffc553}.iso-play-btn-on{background:#ffc5531f}.iso-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}.iso-form-block{padding:.85rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-left-width:3px;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.iso-form-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.iso-form-toggle input{cursor:pointer}.iso-play-btn{align-self:flex-start;padding:.35rem .85rem;background:#ffc5531f;border:1px solid rgba(255,197,83,.4);color:#ffc553;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .15s ease}.iso-play-btn:hover:not(:disabled){background:#ffc55333;border-color:#ffc553b3}.iso-play-btn:disabled{opacity:.4;cursor:not-allowed}.iso-viz-block{padding:1.1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px}.iso-viz-title{margin:0 0 .5rem;font-size:1.1rem;color:var(--text)}.iso-viz-caption{margin:0 0 1rem;color:var(--text-dim);font-size:.92rem;line-height:1.5}.iso-loading{height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;color:#666;font-family:JetBrains Mono,monospace;font-size:.85rem}.iso-axis-lbl{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#888;white-space:nowrap}.iso-form-lbl{font-family:JetBrains Mono,monospace;font-size:.75rem;white-space:nowrap;font-weight:500}.iso-edge-lbl{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;background:#0009;padding:.1rem .4rem;border-radius:4px}.iso-corner-lbl{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.iso-cayley-block{padding:1.1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px}.iso-cayley{margin:.5rem 0;border-collapse:collapse;font-family:JetBrains Mono,monospace}.iso-cayley th,.iso-cayley td{border:1px solid rgba(255,255,255,.15);padding:.5rem .9rem;text-align:center;min-width:3.5rem}.iso-cayley thead th{color:#ffc553;background:#ffc55314}.iso-cayley tbody th{color:#ffc553;background:#ffc5530d}.iso-cayley-caption{margin:.6rem 0 0;color:var(--text-dim);font-size:.88rem}@media (max-width: 640px){.iso-control-row{flex-direction:column;align-items:flex-start}.iso-control-lbl{min-width:auto}.iso-range-wrap input[type=range]{width:180px}.iso-forms{grid-template-columns:1fr}}.iso-legend{position:absolute;top:8px;right:8px;left:auto;z-index:3;display:flex;flex-wrap:wrap;gap:.5rem;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.4rem .6rem;pointer-events:none}.iso-legend-item{display:flex;align-items:center;gap:.35rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.iso-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.rh-root{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.6rem}.rh-controls{background:var(--surface, #1c1b19);border:1px solid var(--border, #393836);border-radius:10px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:1rem}.rh-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.rh-chip{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-muted, #797876);background:transparent;border:1px solid var(--border, #393836);border-radius:999px;padding:.4rem .8rem;cursor:pointer;transition:all .15s}.rh-chip:hover{color:var(--text, #cdccca);border-color:#555}.rh-chip-on{color:#fff;background:var(--primary, #4f98a3);border-color:var(--primary, #4f98a3)}.rh-steppers{display:flex;align-items:center;gap:.6rem}.rh-step{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted, #797876)}.rh-step input{width:70px;font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text, #cdccca);background:var(--bg, #171614);border:1px solid var(--border, #393836);border-radius:6px;padding:.35rem .5rem}.rh-colon{font-size:1.4rem;color:var(--text-muted, #797876);margin-top:1.1rem}.rh-sliders{display:flex;flex-wrap:wrap;gap:1.2rem}.rh-slider{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:200px;font-size:.78rem;color:var(--text-muted, #797876);font-family:JetBrains Mono,monospace}.rh-slider input[type=range]{width:100%;accent-color:var(--primary, #4f98a3)}.rh-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.rh-play{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:#fff;background:var(--primary, #4f98a3);border:none;border-radius:8px;padding:.6rem 1.4rem;cursor:pointer;transition:background .15s}.rh-play:hover{background:var(--primary-hover, #227f8b)}.rh-check{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted, #797876);cursor:pointer}.rh-check input{accent-color:var(--primary, #4f98a3)}.rh-stats{display:flex;flex-wrap:wrap;gap:1.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted, #797876);padding:.5rem .2rem}.rh-stats strong{color:var(--text, #cdccca);font-weight:600}.rh-timeline{display:flex;flex-direction:column;gap:.6rem;padding:.8rem 0}.rh-tl-row{display:flex;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.rh-tl-label{width:60px}.rh-tl-track{position:relative;flex:1;height:22px;background:var(--bg, #171614);border:1px solid var(--border, #393836);border-radius:4px}.rh-tl-bar{position:absolute;top:50%;left:0;right:0;height:1px;background:#333;transform:translateY(-50%)}.rh-tl-hit{position:absolute;top:3px;width:4px;height:16px;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px currentColor}.rh-viz-block{background:var(--surface, #1c1b19);border:1px solid var(--border, #393836);border-radius:10px;padding:1.2rem}.rh-viz-block h4{margin:0 0 .4rem;font-size:1.05rem;color:var(--text, #cdccca)}.rh-viz-block p{font-size:.86rem;color:var(--text-muted, #797876);line-height:1.6;margin:0 0 1rem}.rh-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-family:JetBrains Mono,monospace;font-size:.85rem}.rh-wheel-lbl{font-family:JetBrains Mono,monospace;font-size:.78rem;color:#ddd;background:#000000b3;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.rh-table-wrap{background:var(--surface, #1c1b19);border:1px solid var(--border, #393836);border-radius:10px;padding:1.2rem}.rh-table-wrap h4{margin:0 0 .4rem;font-size:1.05rem;color:var(--text, #cdccca)}.rh-table-wrap p{font-size:.86rem;color:var(--text-muted, #797876);line-height:1.6;margin:0 0 1rem}.rh-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:.82rem}.rh-table th{text-align:left;padding:.5rem;color:var(--text-muted, #797876);border-bottom:1px solid var(--border, #393836);font-weight:500}.rh-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(57,56,54,.5);color:var(--text, #cdccca)}.rh-row-on{background:#4f98a324}.rh-row-on td{color:#fff}.rh-formulas{display:flex;flex-direction:column;gap:.6rem;padding:.5rem 0}@media (max-width: 640px){.rh-steppers{flex-wrap:wrap}.rh-colon{display:none}.rh-table{font-size:.74rem}.rh-table th,.rh-table td{padding:.35rem .3rem}}.cp7{display:flex;flex-direction:column;gap:1rem}.cp7-toolbar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}.cp7-modes{display:flex;gap:.4rem;flex-wrap:wrap}.cp7-mode{background:transparent;border:1px solid var(--border, #393836);color:var(--text-muted, #797876);padding:.4rem .8rem;border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .15s}.cp7-mode:hover{border-color:var(--primary, #4F98A3);color:var(--text, #cdccca)}.cp7-mode.on{background:#4f98a329;border-color:var(--primary, #4F98A3);color:#fff}.cp7-transport{display:flex;align-items:center;gap:1rem}.cp7-play{background:var(--primary, #4F98A3);color:#fff;border:none;padding:.5rem 1.1rem;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:600;transition:background .15s}.cp7-play:hover{background:var(--primary-hover, #227F8B)}.cp7-tempo{display:flex;flex-direction:column;font-size:.78rem;color:var(--text-muted, #797876);gap:.15rem}.cp7-tempo input{width:120px;accent-color:var(--primary, #4F98A3)}.cp7-math{background:var(--surface, #1C1B19);border:1px solid var(--border, #393836);border-radius:10px;padding:.9rem 1rem}.cp7-math-note{font-size:.85rem;color:var(--text-muted, #797876);line-height:1.6;margin:.4rem 0 0}.cp7-roll-wrap{overflow-x:auto;background:var(--surface, #1C1B19);border:1px solid var(--border, #393836);border-radius:10px;padding:.4rem}.cp7-roll{width:100%;min-width:640px;height:auto;display:block}.cp7-voices{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}@media (max-width: 720px){.cp7-voices{grid-template-columns:1fr}}.cp7-voice{border-left:3px solid;background:var(--surface, #1C1B19);border-top:1px solid var(--border, #393836);border-right:1px solid var(--border, #393836);border-bottom:1px solid var(--border, #393836);border-radius:8px;padding:.7rem .8rem}.cp7-voice-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cp7-voice-name{font-weight:700;font-size:.9rem}.cp7-voice-info{font-size:.78rem;color:var(--text-muted, #797876);flex:1}.cp7-voice-mute{display:flex;gap:.25rem}.cp7-voice-mute button{width:24px;height:24px;border-radius:6px;border:1px solid var(--border, #393836);background:transparent;color:var(--text-muted, #797876);font-size:.72rem;cursor:pointer}.cp7-voice-mute button.on{background:#a12c7b33;color:#fff;border-color:var(--error, #D163A7)}.cp7-voice-controls{display:flex;align-items:flex-end;gap:.7rem;margin:.6rem 0 .4rem;flex-wrap:wrap}.cp7-forms{display:flex;gap:.25rem}.cp7-form{min-width:30px;padding:.3rem .4rem;border:1px solid var(--border, #393836);background:transparent;color:var(--text-muted, #797876);border-radius:6px;font-size:.78rem;cursor:pointer;font-family:JetBrains Mono,monospace}.cp7-form.on{background:#ffffff0f}.cp7-factor{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:120px}.cp7-factor-label{font-size:.72rem;color:var(--text-muted, #797876)}.cp7-factor input{width:100%}.cp7-oct{display:flex;flex-direction:column;gap:.15rem;font-size:.72rem;color:var(--text-muted, #797876)}.cp7-oct select{background:var(--surface-alt, #201F1D);color:var(--text, #cdccca);border:1px solid var(--border, #393836);border-radius:6px;padding:.2rem .3rem;font-size:.78rem}.cp7-voice-seq{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.3rem}.cp7-notechip{font-size:.7rem;font-family:JetBrains Mono,monospace;padding:.1rem .3rem;border-radius:4px}.cp7-source{font-size:.78rem;color:var(--text-muted, #797876);line-height:1.6;margin:.5rem 0 0}.cp7-source a{color:var(--primary, #4F98A3)}