: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)}.mono-chip{font-size:.74rem;padding:4px 9px;font-family:JetBrains Mono,monospace}.chip:disabled{opacity:.4;cursor:not-allowed}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.active-tour{background:#b5481f;border-color:#b5481f;color:#fff}.multiwave-panel{padding:1rem 1.1rem 1.1rem}.multiwave-panel svg g:hover rect{fill:#e8b04b0f}@media (max-width: 720px){.multiwave-panel svg text{font-size:9px}}.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}.fifths-canvas-panel{padding:.5rem;align-self:start}.fifths-canvas{min-height:0;height:560px}.fifths-copy{min-width:0}.fifths-mode-row{margin-bottom:1rem;align-items:center}.fifths-rotation-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .55rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.78rem;cursor:pointer}.fifths-rotation-toggle input{accent-color:var(--accent-2)}.fifths-rotation-toggle:has(input:disabled){cursor:not-allowed;opacity:.55}.fifths-label,.fifths-gap-label{color:#d9dce5;background:#0f1117f0;border:1px solid #596176;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.25;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #00000059}.fifths-label.is-start{color:#f3c66f;border-color:#e8b04b;font-weight:700}.fifths-label.is-end,.fifths-gap-label{color:#ff9d8d;border-color:#ff8b78;font-weight:700}.fifths-label.is-active{color:#ffe6b8;border-color:#ffd9a0;font-weight:700}.fifths-gap-label{font-size:12px}.fifths-hearing-row{margin-bottom:.9rem;align-items:center;gap:.5rem}.fifths-hearing-label{margin:0 .35rem 0 0}.fifths-journey{margin-bottom:1rem}.fifths-journey .btn{min-height:44px}.fifths-journey .caption{margin-top:.4rem}.fifths-info{margin-bottom:1.1rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:6px;background:#ffffff05;min-height:96px}.fifths-info-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.45rem;font-family:JetBrains Mono,monospace}.fifths-info-head strong{font-size:1.05rem;color:var(--accent)}.fifths-info-head span{font-size:.78rem;color:var(--text-muted)}.fifths-info-grid{display:grid;gap:.3rem}.fifths-info-grid>div{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem}.fifths-info-grid .k{color:var(--text-muted);min-width:190px}.fifths-info-grid .v{font-family:JetBrains Mono,monospace;color:var(--text)}.fifths-info-grid .v em{color:var(--text-muted);font-style:normal}.fifths-hearing-note{margin-bottom:.6rem}.fifths-comma{color:#ff9d8d}.fifths-formulas .caption+.katex-display{margin-top:.35rem}.fifths-explanation .control-label,.fifths-audio .control-label{margin-bottom:.5rem}.fifths-explanation p{margin-bottom:.65rem}.fifths-scale-note{display:inline-block;margin:.2rem 0 .65rem;padding:.35rem .55rem;border:1px solid var(--border);border-radius:5px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.76rem}.fifths-audio .btn-row{flex-wrap:wrap}.fifths-audio .btn:disabled{cursor:wait;opacity:.55}@media (max-width: 640px){.fifths-canvas{height:460px}.fifths-label,.fifths-gap-label{font-size:12px;padding:2px 5px}.fifths-mode-row{align-items:stretch}.fifths-mode-row .chip{flex:1 1 100%;min-height:44px}.fifths-hearing-row{align-items:stretch}.fifths-hearing-row .chip{flex:1 1 100%;min-height:44px}.fifths-rotation-toggle,.fifths-journey .btn{width:100%}.fifths-info-grid .k{min-width:0;flex:1 1 100%}.fifths-audio .btn{width:100%;min-height:44px}}.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}.orbi-orientation{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);padding:1rem 1.1rem}.orbi-orientation-kicker{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.35rem}.orbi-orientation-route{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-family:Fraunces,serif;font-size:clamp(1.1rem,2.6vw,1.45rem);color:var(--text)}.orbi-orientation-route span{color:var(--accent)}.orbi-movement{margin:.45rem 0 0;color:var(--text);font-size:.9rem}.orbi-metric-note{margin:.35rem 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.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}.orbi-select-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.55rem}.orbi-select-row label{display:grid;gap:.25rem;font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-muted)}.orbi-select-row select{width:100%;min-height:38px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:.35rem .5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.orbi-custom{margin-top:.6rem;border-top:1px solid var(--border);padding-top:.5rem}.orbi-custom summary{cursor:pointer;color:var(--text-muted);font-size:.76rem}.orbi-custom summary:hover{color:var(--text)}.orbi-custom-sliders{padding-top:.45rem}.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-view-buttons .btn{flex:1 1 auto}.orbi-view-buttons .is-active{border-color:var(--accent);color:var(--accent)}.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}.orbi-webgl-fallback{min-height:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:#0a0a0a;color:#f5f2e8;padding:clamp(.75rem,2vw,1.25rem)}.orbi-fallback-copy{display:grid;gap:.25rem;margin-bottom:.5rem;font-size:.8rem;line-height:1.45;color:#aaa8a1}.orbi-fallback-copy strong{color:#f5f2e8;font-family:Fraunces,serif;font-size:1rem;font-weight:500}.orbi-fallback-svg{display:block;width:100%;min-height:0;flex:1}@media (max-width: 520px){.orbi-root{gap:1rem}.orbi-orientation{padding:.8rem .85rem}.orbi-grid{display:flex;flex-direction:column}.orbi-controls{order:1}.orbi-canvas-wrap{order:2;height:390px}.orbi-canvas-wrap>div:first-child{min-height:390px!important}.orbi-legend{max-width:calc(100% - 16px);left:8px;bottom:8px;font-size:.62rem;flex-wrap:wrap;row-gap:.2rem}.orbi-select-row{grid-template-columns:.8fr 1.2fr}.orbi-metric-note,.orbi-fallback-copy{font-size:.75rem}.orbi-fallback-svg text{font-size:16px}}@media (min-width: 521px) and (max-width: 900px){.orbi-grid{grid-template-columns:1fr}}.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%}@media (max-width: 900px){.kepler-canvas{position:relative;top:auto;height:560px;min-height:420px}}.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}.kepler-formula-caption{margin:-.25rem 0 .65rem;text-align:center;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.45}.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)}.fib-math-block,.fib-model-note,.fib-audio-note{margin:.65rem 0;padding:.65rem .75rem;border:1px solid rgba(217,151,87,.18);border-radius:7px;background:#d997570b;color:var(--text-muted);font-size:.78rem;line-height:1.55}.fib-math-block{font-family:JetBrains Mono,monospace;color:var(--text);font-variant-numeric:tabular-nums}.fib-audio-note{margin-top:.65rem;border-color:#e8b04b47}.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)}.compass{width:100%;max-width:440px;height:auto;display:block;margin:0 auto}.compass text{font-family:inherit}.compass-ring{cursor:pointer}.compass-core{pointer-events:none}.compass-ring circle,.compass-ring text{transition:stroke-opacity .25s ease,fill .25s ease}.compass-ring:focus{outline:none}.compass-ring:focus-visible circle:first-of-type{stroke-dasharray:3 5}.compass-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 900px){.compass{max-width:360px}}@media (prefers-reduced-motion: reduce){.compass-ring circle,.compass-ring text,.synthesis-card{transition:none!important}}.synthesis-map{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:var(--space-lg);box-shadow:var(--shadow);margin-bottom:var(--space-lg);min-width:0}@media (min-width: 860px){.synthesis-map{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}.synthesis-map-figure,.synthesis-map-text{min-width:0}.synthesis-map-text p{font-size:.95rem}.synthesis-legend{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.synthesis-legend li{display:flex;align-items:flex-start;gap:.55rem;font-size:.88rem;line-height:1.45;color:var(--text-muted);padding:.3rem .45rem;border-radius:8px;border:1px solid transparent}.synthesis-legend li.is-active{border-color:var(--ring-c, var(--border));background:#ffffff09;color:var(--text)}.synthesis-legend li strong{color:var(--text);font-weight:600}.synthesis-legend-idx{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:1px solid var(--ring-c, var(--border));color:var(--ring-c, var(--text-muted));font-size:.72rem;font-family:JetBrains Mono,monospace;display:inline-flex;align-items:center;justify-content:center;margin-top:.1rem}.synthesis-legend-mods{display:block;font-family:JetBrains Mono,monospace;font-size:.74rem;color:var(--text-faint)}.synthesis-map-hint{font-size:.85rem;line-height:1.55;color:var(--text-muted);background:#e8b04b0d;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:.6rem .8rem;margin:0}.synthesis-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:start}@media (min-width: 760px){.synthesis-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}}@media (min-width: 1024px){.synthesis-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.synthesis-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:var(--space-lg);box-shadow:var(--shadow);min-width:0;max-width:100%;height:auto;align-self:start;transition:border-color .25s ease}.synthesis-card:hover{border-color:#e8b04b59}.synthesis-split{display:grid;grid-template-columns:1fr;gap:1.4rem 2.2rem}.synthesis-split-group{min-width:0}.synthesis-split-group>p:first-of-type{margin-top:0}.synthesis-split-title{margin:0 0 .55rem;font-family:inherit;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}@media (min-width: 760px){.synthesis-split{grid-template-columns:repeat(2,minmax(0,1fr))}}.synthesis-card--wide{grid-column:1 / -1}.synthesis-card-num{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.16em;color:var(--accent);margin-bottom:.35rem}.synthesis-card-title{font-family:Fraunces,Georgia,serif;font-size:clamp(1.08rem,1.6vw,1.25rem);font-weight:600;margin:0 0 .7rem;color:var(--text);line-height:1.3}.synthesis-card-body p{font-size:.95rem;margin:0 0 .85rem}.synthesis-card-body strong{color:var(--text)}.synthesis-card-body em{color:var(--text);font-style:italic}.synthesis-card-body .katex-display{margin:.7rem 0 .9rem;font-size:.95em}@media (max-width: 1023px){.synthesis-card-body .katex-display{font-size:.78em}}.synthesis-vars,.synthesis-list{margin:0 0 .9rem;padding-left:1.05rem;color:var(--text-muted);font-size:.92rem;line-height:1.55}.synthesis-vars li,.synthesis-list li{margin:.25rem 0}.synthesis-list li strong{color:var(--text)}.synthesis-flag{font-size:.9rem!important;line-height:1.55;color:var(--text-muted);background:#4fa8b80f;border-left:3px solid var(--accent-2);border-radius:0 8px 8px 0;padding:.65rem .85rem;margin:.2rem 0 0!important}.synthesis-levels{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin:0 0 var(--space-md)}@media (min-width: 760px){.synthesis-levels{grid-template-columns:repeat(3,minmax(0,1fr))}}.synthesis-level{border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);padding:.9rem 1rem;min-width:0}.synthesis-level-key{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent);letter-spacing:.14em;margin-bottom:.3rem}.synthesis-level h4{font-family:Fraunces,Georgia,serif;font-size:1rem;margin:0 0 .45rem;color:var(--text)}.synthesis-level p{font-size:.89rem;margin:0}.synthesis-final{font-family:Fraunces,Georgia,serif;font-size:clamp(1.02rem,1.7vw,1.2rem)!important;line-height:1.55;color:var(--text)!important;background:linear-gradient(90deg,#e8b04b17,#4fa8b80d);border:1px solid rgba(232,176,75,.28);border-radius:12px;padding:1rem 1.15rem;margin:0!important}.synthesis-card-src{font-size:.76rem!important;color:var(--text-faint)!important;line-height:1.5;border-top:1px solid var(--border);padding-top:.6rem;margin:1rem 0 0!important;overflow-wrap:anywhere}.synthesis-card-src a{color:var(--text-faint)}.synthesis-card-src a:hover{color:var(--accent-2)}.synthesis-sources{overflow-wrap:anywhere}.synthesis-sources strong{color:var(--text-muted)}@media (max-width: 480px){.synthesis-map,.synthesis-card{padding:var(--space-md)}.synthesis-card-body p,.synthesis-vars,.synthesis-list{font-size:.92rem}.synthesis-card-body .katex-display{font-size:.84em}}.tn-root{--tn-fifth: #4fa8b8;--tn-maj3: #c97a5a;--tn-min3: #9a86c9;display:block}.tn-topbar{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);align-items:center;padding:.9rem 1rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px}.tn-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.tn-group-label{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-right:.2rem}.tn-toggle{min-height:44px;padding:.5rem .9rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:.92rem;cursor:pointer}.tn-toggle:hover{color:var(--text);border-color:var(--accent-2)}.tn-toggle.is-active{background:var(--surface-2);color:var(--text);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tn-toggle.is-active:before{content:"● ";color:var(--accent)}.tn-select{min-height:44px;padding:.5rem .7rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;font:inherit}.tn-toggle:focus-visible,.tn-select:focus-visible,.tn-check input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tn-intro{margin-top:var(--space-md);max-width:var(--content)}.tn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);padding:0;margin:0 0 var(--space-lg);list-style:none}.tn-steps li{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.8rem .9rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.tn-steps b{display:block;color:var(--text);font-weight:600;margin-bottom:.25rem;font-size:.86rem}.tn-main{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--space-lg);align-items:start}.tn-stage{min-width:0}.tn-side{min-width:0;display:flex;flex-direction:column;gap:var(--space-md)}.tn-svg-wrap{background:radial-gradient(circle at 50% 40%,#1a1f2e,#0d0f15);border:1px solid var(--border);border-radius:12px;padding:.6rem;overflow:hidden}.tn-svg{display:block;width:100%;height:auto;max-width:100%;touch-action:manipulation}.tn-svg-wrap{display:flex;align-items:center;min-height:340px}.tn-node{cursor:pointer}.tn-node .tn-hit{fill:transparent}.tn-node .tn-disc{fill:var(--surface-2);stroke:#48506a;stroke-width:2.5;transition:fill .15s ease,stroke .15s ease}.tn-node .tn-label{fill:var(--text);font-family:JetBrains Mono,monospace;font-size:23px;font-weight:600;pointer-events:none}.tn-node .tn-ring{fill:none;stroke:var(--accent);stroke-width:4}.tn-badge circle{fill:var(--accent);stroke:#1a1408;stroke-width:2}.tn-badge text{fill:#1a1408;font-size:20px;font-weight:700;font-family:JetBrains Mono,monospace;pointer-events:none}.tn-node .tn-mark{fill:var(--accent);font-size:26px;font-weight:700;pointer-events:none}.tn-node .tn-role,.tn-node .tn-center-tag{fill:var(--text-faint);font-size:18px;letter-spacing:.04em;pointer-events:none}.tn-node.is-center .tn-disc{stroke:var(--accent-2);stroke-dasharray:6 4}.tn-node.is-neighbor .tn-disc{stroke:var(--accent-2);stroke-width:4}.tn-node.is-member .tn-disc{fill:#3a3524;stroke:var(--accent)}.tn-node.is-selected .tn-disc{fill:var(--accent);stroke:#fff3d6}.tn-node.is-selected .tn-label{fill:#1a1408}.tn-node.is-tour .tn-disc{fill:#2b3c46;stroke:var(--accent-2);stroke-width:4}.tn-node:hover .tn-disc{stroke:var(--accent)}.tn-node:focus{outline:none}.tn-node:focus-visible .tn-disc{stroke:#fff;stroke-width:5}.tn-node:focus-visible .tn-hit{stroke:var(--accent);stroke-width:3;stroke-dasharray:5 4}.tn-triad{cursor:pointer}.tn-triad polygon{fill:#c97a5a29;stroke:#c97a5a4d;stroke-width:1.5}.tn-triad-minor polygon{fill:#9a86c926;stroke:#9a86c94d}.tn-triad .tn-triad-core{fill:#c97a5a80;stroke:none}.tn-triad-minor .tn-triad-core{fill:#9a86c980}.tn-triad.is-active .tn-triad-core{fill:var(--accent);stroke:#0d0f15d9;stroke-width:2}.tn-triad:hover polygon{fill:#e8b04b38}.tn-triad.is-active polygon{fill:#e8b04b4d;stroke:var(--accent);stroke-width:3;stroke-dasharray:9 5}.tn-triad .tn-triad-label{fill:#fff3d6;font-size:25px;font-weight:700;pointer-events:none;paint-order:stroke;stroke:#0d0f15eb;stroke-width:7px;stroke-linejoin:round}.tn-triad:focus{outline:none}.tn-triad:focus-visible polygon{stroke:#fff;stroke-width:4}.tn-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.8rem 0 0;padding:0;font-size:.84rem;color:var(--text-muted)}.tn-legend li{display:flex;align-items:center;gap:.45rem}.tn-swatch{width:22px;height:4px;border-radius:2px;display:inline-block}.tn-swatch-up,.tn-swatch-down{width:0;height:0;background:none;border-left:8px solid transparent;border-right:8px solid transparent}.tn-swatch-up{border-bottom:13px solid rgba(201,122,90,.75)}.tn-swatch-down{border-top:13px solid rgba(154,134,201,.75)}.tn-swatch-sel{width:14px;height:14px;border-radius:50%;border:3px solid var(--accent);background:none}.tn-swatch-center{width:14px;height:14px;border-radius:50%;background:none;border:2px dashed var(--accent-2)}.tn-swatch-badge{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#1a1408;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.tn-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-md)}.tn-card-quiet{background:var(--bg-soft)}.tn-card-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.3rem}.tn-card h4{font-size:1.25rem;margin:0 0 .6rem}.tn-card-text{font-size:.9rem;margin:.6rem 0 0}.tn-mono{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text-faint);overflow-wrap:anywhere}.tn-dl{margin:0;display:grid;gap:.45rem}.tn-dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem}.tn-dl dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.tn-dl dd{margin:0;font-size:.92rem;color:var(--text);overflow-wrap:anywhere}.tn-members{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.tn-members li{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px dashed var(--border);padding-bottom:.3rem;font-size:.92rem}.tn-members span{color:var(--text-faint)}.tn-members b{color:var(--text)}.tn-formula{margin-top:.6rem}.tn-actions{margin-top:.2rem}.tn-mini{min-height:44px;font-size:.88rem}.tn-note{font-size:.85rem;color:var(--text-muted);margin:.7rem 0 0;line-height:1.55}.tn-note-quiet{color:var(--text-faint);font-size:.8rem}.tn-check{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);min-height:44px}.tn-check input{width:20px;height:20px;accent-color:var(--accent)}.tn-torus-shell{display:block}.tn-canvas{height:460px;min-height:0}.tn-canvas>div:first-child{height:100%}.tn-torus-bar{margin-top:.6rem}.tn-zoom-row{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}.tn-zoom-value{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-faint)}.tn-torus-label{font-family:JetBrains Mono,monospace;font-size:11px;color:#e8e6e0;background:#0f1117d9;padding:1px 5px;border-radius:3px;border:1px solid var(--accent);white-space:nowrap;pointer-events:none}.tn-fallback{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:var(--space-lg);min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.tn-fallback h4{margin:0;font-size:1.15rem}.tn-fallback p{margin:0;font-size:.9rem}.tn-fallback-text{color:var(--text-faint)!important}.tn-fallback .btn{align-self:flex-start;margin-top:.4rem}.tn-sources{margin-top:var(--space-lg);overflow-wrap:anywhere}@media (max-width: 980px){.tn-main,.tn-steps{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.tn-canvas{height:330px}.tn-svg-wrap{min-height:0}.tn-topbar{padding:.7rem;gap:.7rem}.tn-group{width:100%}.tn-toggle{flex:1 1 auto}.tn-select{width:100%}.tn-legend{font-size:.8rem;gap:.35rem .8rem}.tn-card h4{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.tn-node .tn-disc,.tn-triad polygon{transition:none!important}}html,body{max-width:100%;overflow-x:clip}#root{max-width:100%;overflow:visible}.site-header{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000;isolation:isolate}img,svg,canvas,video{max-width:100%}.container,.section,.section-head,.panel,.panel-grid,.rh-root,.rh-controls,.rh-viz-block,.rh-table-wrap{min-width:0}.rh-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:.15rem}#rhythmus .section-head p .katex{margin-left:.18em}a,.sources,.footer-card-desc{overflow-wrap:anywhere}.rh-viz-block canvas,.rh-viz-block>div,.rh-root canvas{max-width:100%}.rh-root svg text[text-anchor=middle][font-size="18"][font-weight="700"][fill="#4fa8b8"],.rh-root svg text[text-anchor=middle][font-size="18"][font-weight="700"][fill="#e8b04b"]{transform:translateY(-14px)}@media (max-width: 760px){.rh-root,.rh-viz-block,.rh-table-wrap{width:100%}.rh-actions,.rh-chip-row,.btn-row{flex-wrap:wrap}}@media (min-width: 881px){.fourier-workbench-grid{align-items:stretch}.fourier-controls-panel,.fourier-info-column{align-self:stretch}.fourier-controls-panel{min-height:0;display:flex;flex-direction:column}.fourier-controls-panel .overtone-chart{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;gap:.45rem}.fourier-controls-panel .overtone-row{min-height:2.35rem;align-items:center}.fourier-controls-panel .btn-row{margin-top:1.15rem!important}.fifths-module{grid-template-columns:minmax(0,1.38fr) minmax(330px,.9fr);gap:1rem;align-items:start;grid-auto-flow:row}.fifths-copy{display:contents}.fifths-canvas-panel{grid-column:1;grid-row:1 / span 4;align-self:start;height:auto;min-height:0}.fifths-copy>.fifths-mode-row{grid-column:2;grid-row:1;margin:0;align-self:start}.fifths-copy>.fifths-hearing-row{grid-column:2;grid-row:2;margin:0;align-self:start}.fifths-copy>.fifths-journey{grid-column:2;grid-row:3;margin:0;align-self:start}.fifths-copy>.fifths-info{grid-column:2;grid-row:4;margin:0;align-self:start}.fifths-copy>p{grid-column:1;grid-row:5;margin:0;padding:1rem 1.05rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;line-height:1.58;min-width:0;align-self:stretch}.fifths-copy>.fifths-formulas{grid-column:2;grid-row:5;margin:0;min-width:0;align-self:stretch}.fifths-copy>.readout{grid-column:1 / -1;grid-row:6;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.fifths-copy>.fifths-explanation{grid-column:1;grid-row:7;margin:0;min-width:0;height:100%}.fifths-copy>.fifths-audio{grid-column:2;grid-row:7;margin:0;min-width:0;height:100%}.fifths-copy>.fifths-explanation p{margin-bottom:.75rem}.fifths-copy>.fifths-audio .btn-row{gap:.45rem}.fifths-copy>.fifths-audio .btn{padding-inline:.8rem;font-size:.82rem}.fifths-copy>.sources{grid-column:1 / -1;grid-row:8;margin-top:0}.zfk-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:.85rem}#hoertest .panel-grid{grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}#hoertest .panel-grid>div:nth-child(2){display:contents}#hoertest .panel-grid>.panel{min-height:0;height:auto}#hoertest .panel-grid .readout{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}#hoertest .panel-grid .formula-block,#hoertest .panel-grid>div:nth-child(2)>.panel,#hoertest .panel-grid>div:nth-child(2)>.sources,#hoertest .panel-grid>div:nth-child(2)>.module-hint{margin-top:0!important;width:100%}#hoertest .panel-grid .formula-block{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;align-items:center}#hoertest .panel-grid .formula-block>.caption{grid-column:1 / -1;margin-top:.35rem}#hoertest .panel-grid>div:nth-child(2)>.panel{padding:1rem 1.1rem!important}.synthesis-card-grid{align-items:stretch}.synthesis-card-grid>.synthesis-card:not(.synthesis-card--wide){height:100%;align-self:stretch}#impressum .panel-grid{align-items:stretch!important}#impressum .panel-grid>.panel{height:100%;align-self:stretch}}@media (min-width: 901px){.fib-grid{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);grid-auto-flow:row}.fib-controls{display:contents}.fib-canvas{grid-column:1;grid-row:1;min-height:0;height:auto;aspect-ratio:42 / 29;align-self:start}.fib-canvas>svg{width:100%!important;height:100%!important;display:block}.fib-controls>.ctrl-card:nth-child(1){grid-column:2;grid-row:1;align-self:start}.fib-controls>.ctrl-card:nth-child(2){grid-column:1 / -1;grid-row:2;margin-top:0;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);column-gap:1.4rem;align-items:start}.fib-controls>.ctrl-card:nth-child(2)>.ctrl-title,.fib-controls>.ctrl-card:nth-child(2)>.fib-ratios{grid-column:1}.fib-controls>.ctrl-card:nth-child(2)>.ctrl-note{grid-column:2;grid-row:1 / span 2;margin:0}.fib-controls>.ctrl-card:nth-child(3){grid-column:1 / -1;grid-row:3;margin-top:0;padding:1.25rem 1.4rem}.fib-controls>.ctrl-card:nth-child(3)>.ctrl-title{margin-bottom:.8rem}.fib-controls>.ctrl-card:nth-child(3)>.ctrl-note{max-width:none}}@media (max-width: 640px){#monochord .readout{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}#monochord .readout .item{min-width:0;padding:.72rem}#monochord .readout .item .k{font-size:.64rem;line-height:1.3;letter-spacing:.075em;overflow-wrap:anywhere}#monochord .readout .item .v{font-size:1.08rem;line-height:1.25;overflow-wrap:anywhere}#monochord .readout .item .sub{font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}#monochord .formula-block{min-width:0;overflow:hidden}#monochord .formula-block .katex-display{margin-inline:-.2rem;font-size:.78em;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.overtone-chart,.fourier-controls-panel,.fourier-info-column{min-width:0;max-width:100%}.overtone-row{grid-template-columns:minmax(102px,.9fr) minmax(0,1.2fr)!important;column-gap:.55rem!important;row-gap:.12rem!important;align-items:center;min-width:0}.overtone-row .name{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:.78rem;line-height:1.25}.overtone-row>div:nth-child(2){display:grid!important;grid-template-columns:minmax(34px,1fr) 76px;align-items:center!important;gap:.4rem!important;width:100%;min-width:0}.overtone-row .bar{width:100%!important;min-width:0}.overtone-row input[type=range]{width:76px!important;min-width:0;max-width:100%}.overtone-row .freq{grid-column:2;justify-self:end;max-width:100%;white-space:nowrap;font-size:.72rem;line-height:1.2}.fifths-canvas,.fifths-canvas-panel,.fifths-copy{min-width:0;max-width:100%}.fifths-canvas{background:radial-gradient(circle at 50% 40%,#1a1f2e,#0d0f15)!important}.fifths-canvas canvas{transform:none!important;background:transparent!important}.fifths-rotation-toggle{min-height:44px;display:flex!important;align-items:center;gap:.65rem;color:var(--text-muted)!important;opacity:1!important}.fifths-rotation-toggle input{width:22px;height:22px;flex:0 0 auto}.fifths-mode-row .chip,.fifths-hearing-row .chip,.fifths-journey .btn{min-height:44px}.fifths-label{cursor:pointer;pointer-events:auto!important;min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:.28rem .46rem!important;touch-action:manipulation}.fifths-label:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.orbi-mobius,.orbi-mobius-canvas,.orbi-controls,[data-testid=mobius-guide]{min-width:0;max-width:100%}.orbi-mobius{width:100%;overflow:hidden;box-sizing:border-box}[data-testid=mobius-guide],[data-testid=mobius-guide]>*,[data-testid=mobius-guide]>*>*,[data-testid=mobius-guide] p,[data-testid=mobius-guide] div{box-sizing:border-box;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere;word-break:normal}[data-testid=mobius-guide]{width:100%;overflow:hidden}[data-testid=mobius-guide]>div{width:100%!important}[data-testid=mobius-guide] p{width:auto!important}.orbi-mobius-canvas div[style*="font-size: 9px"]{display:none!important}[data-testid=mobius-guide]>div:nth-child(3){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:.65rem!important}[data-testid=mobius-guide]>div:nth-child(3)>div[aria-hidden=true]{display:none!important}[data-testid=mobius-guide] label,[data-testid=mobius-guide] select{min-width:0!important;width:100%}[data-testid=mobius-guide] button,[data-testid=mobius-guide] select{min-height:44px!important}[data-testid=mobius-guide] svg{min-height:0!important;aspect-ratio:640 / 340;height:auto}.iso-wrap,.iso-controls,.iso-vex-block,.iso-roll,.iso-table-block,.iso-viz-block,.iso-cayley-block{min-width:0;max-width:100%}.iso-controls,.iso-vex-block,.iso-roll,.iso-table-block,.iso-viz-block,.iso-cayley-block{padding:.75rem}.iso-range-wrap{width:100%}.iso-range-wrap input[type=range]{width:100%!important;min-width:0}.iso-chip,.iso-play-btn{min-height:44px}.iso-vex-block,.iso-table-scroll,.iso-cayley-block{overflow-x:auto;-webkit-overflow-scrolling:touch}.iso-cayley th,.iso-cayley td{min-width:2.65rem;padding:.45rem .55rem}.iso-viz-block canvas{pointer-events:none!important;touch-action:pan-y!important}.iso-viz-block>div[style*="height: 520px"],.iso-viz-block>div[style*="height: 460px"]{height:min(82vw,350px)!important;min-height:290px;max-height:350px}.iso-viz-block>div[style*="height: 520px"]>*,.iso-viz-block>div[style*="height: 460px"]>*{min-height:0!important;height:100%!important}.iso-legend{top:6px;left:6px;right:6px;max-width:calc(100% - 12px);justify-content:center;gap:.25rem .45rem;padding:.3rem .4rem}.iso-legend-item{font-size:.65rem}.rh-root,.rh-viz-block,.rh-controls,.rh-table-wrap{min-width:0;max-width:100%}.rh-root>div[style*="1.45fr"]{grid-template-columns:minmax(0,1fr)!important}.rh-viz-block>div[style*="height: 430px"]{width:min(100%,430px)!important;height:auto!important;aspect-ratio:1 / 1;margin-inline:auto}.rh-viz-block>div[style*="height: 430px"]>*{min-height:0!important;height:100%!important}.rh-viz-block>div[style*="height: 430px"] canvas{width:100%!important;height:100%!important}.rh-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 420px){#monochord .readout{grid-template-columns:minmax(0,1fr)}#monochord .readout .item .k{font-size:.67rem}#monochord .readout .item .v{font-size:1.16rem}}@media (max-width: 390px){.overtone-row{grid-template-columns:minmax(92px,.82fr) minmax(0,1.18fr)!important}.overtone-row>div:nth-child(2){grid-template-columns:minmax(28px,1fr) 68px}.overtone-row input[type=range]{width:68px!important}}.fifths-view-switch{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}.fifths-view-switch button{border:1px solid #353b4f;background:#171a22;color:#aeb4c4;border-radius:999px;padding:7px 12px;font:500 12px/1.1 JetBrains Mono,monospace;cursor:pointer}.fifths-view-switch button[aria-pressed=true]{background:#e8b04b;color:#17130b;border-color:#e8b04b}.fifths-circle-view{display:none;min-height:520px;border-radius:12px;background:radial-gradient(circle at 50% 46%,rgba(232,176,75,.06),transparent 48%);padding:14px}.fifths-circle-view.is-active{display:block}.fifths-circle-stage{position:relative;width:min(100%,680px);aspect-ratio:1/1;margin:0 auto}.fifths-circle-ring{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:2px solid #d39b47;border-radius:50%;box-shadow:0 0 24px #e8b04b14}.fifths-circle-ring:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px solid #343a4d;border-radius:50%}.fifths-circle-node{position:absolute;left:50%;top:50%;width:74px;min-height:50px;transform:translate(-50%,-50%);border:1px solid #555d73;background:#181c25;color:#e7e9ef;border-radius:12px;padding:6px 7px;text-align:center;cursor:pointer;box-shadow:0 4px 16px #0000003d;font-family:JetBrains Mono,monospace}.fifths-circle-node:hover,.fifths-circle-node:focus-visible{border-color:#e8b04b;outline:none}.fifths-circle-node.is-active{border-color:#e8b04b;background:#252116;box-shadow:0 0 0 2px #e8b04b2e}.fifths-circle-node .main{display:block;color:#f4f1e7;font-weight:600;font-size:14px}.fifths-circle-node .alt{display:block;color:#9da5b8;font-size:10px;margin-top:2px}.fifths-circle-node .count{display:block;color:#e8b04b;font-size:10px;margin-top:3px}.fifths-circle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39%;text-align:center;color:#aeb4c4;font-size:12px;line-height:1.55}.fifths-circle-center strong{display:block;color:#e8b04b;font-family:Fraunces,serif;font-size:19px;margin-bottom:6px}.fifths-circle-arrow{font-family:JetBrains Mono,monospace;color:#d9ad62;font-size:12px;margin:7px 0}.fifths-signature-card{margin:12px auto 0;max-width:680px;border:1px solid #343a4d;border-radius:10px;background:#171a22;padding:12px 14px}.fifths-signature-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}.fifths-signature-head strong{color:#e8b04b}.fifths-signature-head span{color:#aeb4c4;font-size:12px}.fifths-signature-stave{min-height:132px;overflow:visible;background:#fff;border-radius:8px;padding:6px 10px;margin:2px auto 0 0;box-sizing:border-box;width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center}.fifths-signature-stave svg{display:block;overflow:visible;margin:0;flex:0 0 auto;transform:translateY(-14px)}.fifths-signature-stave svg *{stroke:#000;fill:#000}.fifths-signature-note{color:#aeb4c4;font-size:12px;line-height:1.55;margin-top:8px}.fifths-accidental-switch{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:10px auto 0;max-width:680px;color:#9da5b8;font:500 11px/1.2 JetBrains Mono,monospace}.fifths-accidental-switch span{margin-right:2px}.fifths-accidental-switch button{width:34px;height:28px;border:1px solid #3a4054;border-radius:999px;background:#171a22;color:#aeb4c4;font:600 16px/1 serif;cursor:pointer}.fifths-accidental-switch button[aria-pressed=true]{background:#e8b04b;color:#17130b;border-color:#e8b04b}.fifths-accidental-switch button:hover,.fifths-accidental-switch button:focus-visible{border-color:#e8b04b;outline:none}.fifths-circle-legend{display:flex;justify-content:space-between;gap:12px;margin:10px auto 0;max-width:680px;color:#9da5b8;font-size:11px;line-height:1.45}.fifths-circle-legend b{color:#e8b04b}.fifths-canvas-panel[data-fifths-view=circle] .fifths-canvas{display:none}.fifths-canvas-panel[data-fifths-view=circle] .fifths-circle-view{display:block}@media (max-width:700px){.fifths-circle-view{min-height:430px;padding:8px}.fifths-circle-node{width:62px;min-height:44px;padding:5px 4px}.fifths-circle-node .main{font-size:12px}.fifths-circle-node .alt,.fifths-circle-node .count{font-size:9px}.fifths-circle-center{width:36%;font-size:10px}.fifths-circle-center strong{font-size:16px}.fifths-circle-legend{flex-direction:column;gap:4px}.fifths-signature-stave{min-height:124px;padding:4px 6px;margin-left:0;margin-right:auto}.fifths-signature-stave svg{max-width:100%;height:auto;transform:translateY(-12px)}.fifths-accidental-switch{flex-wrap:wrap}}