:root{--app-bg: #14131a;--panel-bg: #1f1e2a;--text-primary: #ffffff;--text-secondary: color-mix(in srgb, var(--text-primary), var(--panel-bg) 30%);--instrument-icon-filter: invert(1);--text-dim: #cccccc;--text-lowlight: #8a8a8a;--range-lowlight: #a8a8a8;--range-boundary-highlight: #ffffff;--accent-yellow: #f2c879;--accent-purple: #c08bdc;--pressed-key-color: #e6a84f;--button-passive: #333;--button-active: #6a2a8a;--button-text: #fff;--button-small-padding: 4px 8px;--button-small-font: 12px;--white-key-color: #c6c9da;--white-key-color-highlight: #9bb3d1;--white-key-color-tonic: #c08bdc;--black-key-color: #0e0f14;--black-key-color-highlight: #1d2247;--black-key-color-tonic: #6a2a8a;--wheel-color-lowlight: #333;--wheel-color-highlight: #2f3558;--wheel-color-tonic: #6a2a8a;--wheel-text-color-lowlight: #c6c9da;--wheel-text-color-highlight: #c6c9da;--wheel-text-color-tonic: #c6c9da;--scale-selector-bg: rgba(255, 255, 255, .05);--scale-selector-border: rgba(255, 255, 255, .1);--scale-selector-active-bg: var(--accent-yellow);--scale-selector-active-text: #ffffff;--note-tonic: #d27ffb;--note-scale: #7fa0c8;--judgment-perfect: #2eb84d;--judgment-near: #d4a800;--judgment-far: #e07818;--judgment-missed: #b5b5b5;--judgment-wrong: #9b4fd6;--judgment-corrected: #2e6fd6;--judgment-extra: #4a4a4a;--chromatone-0: #88FF00;--chromatone-1: #00FF00;--chromatone-2: #00FF88;--chromatone-3: #00FFFF;--chromatone-4: #0088FF;--chromatone-5: #0000FF;--chromatone-6: #8800FF;--chromatone-7: #FF00F2;--chromatone-8: #FF006A;--chromatone-9: #FF0000;--chromatone-10: #FF8800;--chromatone-11: #FFFF00;--drum-cymbal: #f9f0bc;--drum-kick-snare: #c6add5;--drum-tom: #8dbcf0;--drum-woodblock: #c89f76;--drum-cowbell: #e6e6e6;--chromatone-percussion-kick: #FF007A;--chromatone-percussion-snare: #C000FF;--chromatone-percussion-snare-rim: #8833FF;--chromatone-percussion-snare-ghost: #7800B8;--chromatone-percussion-tom-high: #00D4FF;--chromatone-percussion-tom-mid: #0099FF;--chromatone-percussion-tom-floor: #005CFF;--chromatone-percussion-crash: #FFFF00;--chromatone-percussion-crash-tip: #FFE100;--chromatone-percussion-crash-bell: hsl(48 100% 50%);--chromatone-percussion-ride: #FFC400;--chromatone-percussion-ride-tip: #FFB000;--chromatone-percussion-ride-bell: hsl(42 100% 45%);--chromatone-percussion-hihat-open: #FFF700;--chromatone-percussion-hihat-closed: #FFD000;--chromatone-percussion-hihat-pedal: #FFB800;--chromatone-percussion-woodblock-hi: #FF6A00;--chromatone-percussion-woodblock-mid: #FF4500;--chromatone-percussion-woodblock-lo: #FF1E00;--chromatone-percussion-cowbell: #00FF66;--chromatone-percussion-other: #66FF00;--soft-mix-target: #ffffff;--cat-keys: #c9cdd8;--cat-guitars: #d6b78a;--cat-bass-guitars: #c9a878;--cat-strings: #b8c6a8;--cat-wind: #a8c6cf;--cat-percussion-tuned: #c7b0d0;--cat-voice: #d4b0b8;--cat-synth: #a0bcd8;--cat-ethnic: #d0946a}:root[data-theme=nocturne],:root[data-theme=stars]{--app-bg: #0b1020;--panel-bg: #222c40;--text-primary: #e6e8ef;--text-dim: #8a90a8;--text-tonic: #0b1020;--text-highlight: #e6e8ef;--text-lowlight: #8a90a8;--accent-yellow: #d4af37;--button-active: var(--accent-yellow);--pressed-key-color: #d4af37;--white-key-color: #c6c9da;--white-key-color-tonic: #316ee1;--black-key-color: #0e0f14;--black-key-color-tonic: #316ee1;--wheel-color-tonic: #d4af37;--wheel-color-highlight: #3451aa;--wheel-color-lowlight: #151822;--soft-mix-target: #ffffff}:root[data-theme=meridienne],:root[data-theme=barley]{--instrument-icon-filter: none;--range-boundary-highlight: #2b3a42;--app-bg: #f4e7c5;--panel-bg: #e3d3a2;--text-primary: #3a2e1f;--text-dim: #7b6a55;--text-tonic: #3a2e1f;--text-highlight: #4a5f73;--text-lowlight: #7b6a55;--accent-yellow: #b08a5a;--button-active: var(--accent-yellow);--pressed-key-color: #dcb35c;--white-key-color: #fffaf0;--black-key-color: #3e2b1d;--wheel-color-tonic: #e6c15a;--wheel-color-highlight: #9bb3c8;--wheel-color-lowlight: #b08a5a;--note-tonic: #7c2bb3;--note-scale: #4c6b95;--soft-mix-target: #ffffff;--cat-keys: #5a6470;--cat-guitars: #8a6a3e;--cat-bass-guitars: #7a5a2e;--cat-strings: #5f7048;--cat-wind: #486a73;--cat-percussion-tuned: #6a5076;--cat-voice: #7a4f57;--cat-synth: #44607c;--cat-ethnic: #8a5a3e}:root[data-theme=light],:root[data-theme=classical]{--instrument-icon-filter: none;--range-boundary-highlight: #2b3a42;--app-bg: #eef3f7;--panel-bg: #bcc7d4;--text-primary: #2b3a42;--text-dim: #7d8e9c;--text-tonic: #2b3a42;--text-highlight: #445a6b;--text-lowlight: #7d8e9c;--accent-yellow: #c97b4b;--button-active: var(--accent-yellow);--pressed-key-color: #c97b4b;--white-key-color: #f5f7fb;--white-key-color-highlight: #9bb3d1;--black-key-color: #445a6b;--wheel-color-tonic: #c97b4b;--wheel-color-highlight: #a9bfd6;--wheel-color-lowlight: #bcc7d4;--note-tonic: #8a3fd1;--note-scale: #4e6fa3;--soft-mix-target: var(--panel-bg);--cat-keys: #56636e;--cat-guitars: #876738;--cat-bass-guitars: #76562a;--cat-strings: #5b6e44;--cat-wind: #44666f;--cat-percussion-tuned: #664c72;--cat-voice: #764b53;--cat-synth: #405c78;--cat-ethnic: #805638}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--panel-bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@font-face{font-family:Maestro;src:url(/assets/maestro-BcumlVAs.ttf) format("truetype")}@font-face{font-family:BestiaryPixel;font-weight:400;font-style:normal;src:url(/assets/CelticTime-CG8stCJx.ttf) format("truetype")}@font-face{font-family:BestiaryPixel;font-weight:400;font-style:italic;src:url(/assets/SandyForest-CgnGnCs0.ttf) format("truetype")}@font-face{font-family:BestiaryPixel;font-weight:700;font-style:normal;src:url(/assets/Bitfantasy-XMIC90qh.ttf) format("truetype")}@font-face{font-family:Bitfantasy;src:url(/assets/Bitfantasy-XMIC90qh.ttf) format("truetype")}@font-face{font-family:Mea Culpa;font-display:swap;src:url(/assets/MeaCulpa-Regular-CTgNfz2p.ttf) format("truetype")}@font-face{font-family:Academico;font-weight:400;font-style:normal;src:url(/assets/AcademicoRegular-kstFCe1y.otf) format("opentype")}@font-face{font-family:Academico;font-weight:400;font-style:italic;src:url(/assets/AcademicoItalic-D1N-LqnU.otf) format("opentype")}@font-face{font-family:Academico;font-weight:700;font-style:normal;src:url(/assets/AcademicoBold-BZP0aRXm.otf) format("opentype")}@font-face{font-family:Academico;font-weight:700;font-style:italic;src:url(/assets/AcademicoBoldItalic-CG0IKCrQ.otf) format("opentype")}@font-face{font-family:FinaleMaestroText;font-weight:400;font-style:normal;src:url(/assets/FinaleMaestroText-Regular-BiI2MMie.otf) format("opentype")}@font-face{font-family:FinaleMaestroText;font-weight:400;font-style:italic;src:url(/assets/FinaleMaestroText-Italic-BQ698S-Q.otf) format("opentype")}@font-face{font-family:FinaleMaestroText;font-weight:700;font-style:normal;src:url(/assets/FinaleMaestroText-Bold-QW8wrJqO.otf) format("opentype")}@font-face{font-family:FinaleMaestroText;font-weight:700;font-style:italic;src:url(/assets/FinaleMaestroText-BoldItalic-CvLGKFeh.otf) format("opentype")}:root[data-app-font=academico]{--app-text-font: "Academico", Georgia, serif}:root[data-app-font=maestro]{--app-text-font: "FinaleMaestroText", Georgia, serif}:root[data-app-font] text[font-family*=serif]:not([font-family*=Maestro]):not([font-family*=Academico]){font-family:var(--app-text-font)!important}:root[data-app-font] :not(svg):not(svg *){font-family:var(--app-text-font)!important}:root[data-app-font=academico] .carousel-value-label,:root[data-app-font=maestro] .carousel-value-label{text-transform:lowercase;font-weight:700}svg{font-family:Maestro;user-select:none;-webkit-user-select:none}svg path:focus{outline:none}path{-webkit-tap-highlight-color:transparent}@keyframes scrollPreviewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes tonePulse{0%,to{box-shadow:0 0 14px 4px #f2c879cc}50%{box-shadow:0 0 22px 8px #f2c879}}@keyframes successFadeOutline{0%{filter:drop-shadow(0 0 8px #00FF00) drop-shadow(0 0 4px #00FF00) drop-shadow(0 0 2px #00FF00)}to{filter:drop-shadow(0 0 0px rgba(0,255,0,0))}}.app-container{display:flex;flex-direction:column;height:100dvh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.top-content{flex:1;padding:20px;overflow:auto;box-shadow:inset 0 1px #fff3,inset 0 -1px #0000000d}.piano-container{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:100%;box-sizing:border-box}.piano-row{display:flex;align-items:center;justify-content:center;height:80vh;width:100%}.piano-wrapper{flex:1;height:100%;display:flex;justify-content:center;align-items:center}.piano-controls{display:flex;flex-direction:column;gap:12px;margin-left:12px}.piano-white{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;z-index:1}.piano-black{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;z-index:2;pointer-events:none}.white-key{font-size:clamp(10px,4vw,26px);overflow:visible;flex:1;height:100%;margin:0;background-color:var(--white-key-color);border-right:1px solid #000;border-left:0;border-bottom:1px solid #000;border-top:1px solid #000;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px;cursor:pointer;color:#444;border-radius:0 0 6px 6px;box-shadow:4px 8px 12px -4px #00000080}.white-key:first-child{border-left:1px solid #000}.white-key:active,.black-key:active{background-color:var(--pressed-key-color)!important}.black-key{font-size:clamp(10px,4vw,26px);overflow:hidden;flex:1;width:100%;height:65%;margin:0 8px;background-color:var(--black-key-color);border:1px solid #000;border-radius:0 0 6px 6px;box-shadow:0 2px 4px #00000080;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px;pointer-events:all;color:#fff;cursor:pointer}.half-key{flex:.5;width:50%;height:80%;margin:0 4px;background-color:transparent}.placeholder-key{flex:1;background-color:transparent;margin:0 8px;height:80%}.highlighted-white-key{background-color:var(--white-key-color-highlight)}.highlighted-black-key{background-color:var(--black-key-color-highlight)}.tonic-white-key{background-color:var(--white-key-color-tonic)}.tonic-black-key{background-color:var(--black-key-color-tonic)}.piano-key-label{display:inline-block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(8px,1.5vw,14px)}.diatonic-wheel{display:flex;flex-direction:column;align-items:center;gap:12px}.wheel-controls{display:flex;align-items:center;gap:12px}.mode-label{min-width:120px;text-align:center;font-weight:600}.diatonic.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0;transition:all .2s;min-width:0;flex:1}.ghost-button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:8px 12px;display:flex;align-items:center;gap:6px;border-radius:6px;transition:all .2s ease}.ghost-button:hover{background:#0000000f}.ghost-button.active{background:#7d00c633;color:var(--white-key-color-tonic);border:1px solid rgba(125,0,198,.3)}.tab-button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:18px;padding:4px 0;border-radius:6px;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;width:75px;flex-shrink:0}.tab-button:hover{background:#ffffff1a;color:var(--text-primary)}.tab-button.active{color:var(--accent-yellow);background:#00000014}.tab-button.secondary{color:var(--text-secondary)}.tab-button.secondary:hover{color:var(--text-primary)}.tab-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.scale-selector-button{margin:1px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(10px,2vw,11px);padding:2px 4px;cursor:pointer;border-radius:3px;border:none;background-color:var(--button-passive);color:var(--text-primary);height:36px;line-height:normal}.scale-selector-button.active{background-color:var(--scale-selector-active-bg);color:var(--scale-selector-active-text);font-weight:600}.family-buttons-container,.mode-buttons-container{font-weight:600}.bpm-note{font-family:Maestro;font-size:24px;fill:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.bpm-text{font-family:Arial,sans-serif;font-size:24px;fill:var(--text-primary);pointer-events:none;-webkit-user-select:none;user-select:none}.bpm-equals{font-family:Times New Roman,serif;font-size:14px;fill:var(--text-dim);font-weight:400;pointer-events:none;-webkit-user-select:none;user-select:none}.bpm-value{font-family:Maestro;font-size:32px;fill:var(--text-dim);font-weight:400;pointer-events:none;-webkit-user-select:none;user-select:none}.tempo-term{font-family:Times New Roman,serif;font-size:14px;fill:var(--text-dim);font-style:italic;pointer-events:none;-webkit-user-select:none;user-select:none}.measure-indicator{fill:var(--text-secondary);font-size:16px;font-family:Arial,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.notes-transition{transition:opacity .2s ease-in-out}.pagination-old-visible{opacity:1}.pagination-old-hidden{opacity:0}.pagination-new-hidden,.wipe-new-hidden{opacity:0;pointer-events:none}.note-active{filter:url(#note-glow-subtle)}[data-band="1"][data-degree].chord-active{background:#fffdd2f7!important;box-shadow:0 0 10px 3px #fff07880!important;outline:none!important}[data-band="1"][data-degree].chord-active span{color:#222!important}[data-band="1"][data-degree].chord-next{background:#f0dc3ced!important;box-shadow:none!important;outline:none!important}[data-band="1"][data-degree].chord-next span{color:#111!important}[data-band="2"][data-degree].chord-active{background:#ebdc64f5!important;box-shadow:0 0 8px 2px #f0d23c66!important;outline:none!important}[data-band="2"][data-degree].chord-active span{color:#222!important}[data-band="2"][data-degree].chord-next{background:#d2b400ed!important;box-shadow:none!important;outline:none!important}[data-band="2"][data-degree].chord-next span{color:#111!important}[data-band="3"][data-degree].chord-active{background:#d2b900f2!important;box-shadow:0 0 8px 2px #d2af0059!important;outline:none!important}[data-band="3"][data-degree].chord-active span{color:#111!important}[data-band="3"][data-degree].chord-next{background:#af9100ed!important;box-shadow:none!important;outline:none!important}[data-band="3"][data-degree].chord-next span{color:#ddd!important}[data-band="4"][data-degree].chord-active{background:#af8c00f2!important;box-shadow:0 0 6px 2px #af87004d!important;outline:none!important}[data-band="4"][data-degree].chord-active span{color:#eee!important}[data-band="4"][data-degree].chord-next{background:#8c6900ed!important;box-shadow:none!important;outline:none!important}[data-band="4"][data-degree].chord-next span{color:#ddd!important}[data-band="5"][data-degree].chord-active{background:#8c6900f2!important;box-shadow:0 0 6px 2px #8c640040!important;outline:none!important}[data-band="5"][data-degree].chord-active span{color:#ddd!important}[data-band="5"][data-degree].chord-next{background:#644800ed!important;box-shadow:none!important;outline:none!important}[data-band="5"][data-degree].chord-next span{color:#ccc!important}[data-mel=chord].chord-label-active text{filter:url(#note-glow-subtle)}@keyframes note-click-flash{0%{filter:url(#note-glow);opacity:.55}40%{filter:url(#note-glow);opacity:1}to{filter:none;opacity:1}}.note-click-flash{animation:note-click-flash .4s ease-out forwards}@keyframes keySigEnter{0%{opacity:0;fill:var(--judgment-perfect);filter:drop-shadow(0 0 3px var(--judgment-perfect))}65%{opacity:1;fill:var(--judgment-perfect);filter:drop-shadow(0 0 3px var(--judgment-perfect))}to{opacity:1;fill:var(--text-primary);filter:none}}@keyframes keySigLeave{0%{opacity:1;fill:var(--text-primary);filter:none}12%{opacity:1;fill:var(--judgment-perfect);filter:drop-shadow(0 0 3px var(--judgment-perfect))}to{opacity:0;fill:var(--judgment-perfect);filter:drop-shadow(0 0 3px var(--judgment-perfect))}}.key-sig-entering text{animation:keySigEnter .18s ease-out both}.key-sig-leaving text{animation:keySigLeave .18s ease-in both}.tone-chord-key{box-shadow:0 0 8px 2px #c080408c}.tone-active-key{animation:tonePulse .6s ease-in-out infinite}.overlay-sheet text{fill:#c8a000!important}.overlay-sheet path{stroke:#c8a000!important}.overlay-sheet line{stroke:#c8a000!important}.input-test-waiting text{filter:url(#note-glow)}.input-test-success{animation:successFadeOutline 1s ease-out forwards}.input-test-error text{filter:url(#note-glow-error)}.chord-note-hit{filter:drop-shadow(0 0 8px #00FF00) drop-shadow(0 0 4px #00FF00)!important}@keyframes clefVariantEnter{0%{transform:translate(-28px);opacity:0}to{transform:translate(0);opacity:1}}.clef-variant-enter{animation:clefVariantEnter .4s ease-out}:root[data-theme=thronefall],:root[data-theme=royal]{--app-bg: #1f2a52;--panel-bg: #2d3d78;--text-primary: #fff3d6;--text-dim: #9aa6d6;--text-tonic: #1f2a52;--text-highlight: #ffffff;--text-lowlight: #7a86bb;--accent-yellow: #ffc93c;--button-active: var(--accent-yellow);--pressed-key-color: #ffc93c;--white-key-color: #fdf6e3;--white-key-color-tonic: #4f8cff;--black-key-color: #131a38;--black-key-color-tonic: #4f8cff;--wheel-color-tonic: #ffc93c;--wheel-color-highlight: #4f8cff;--wheel-color-lowlight: #24305e;--soft-mix-target: #ffffff;--tf-shadow: rgba(18, 16, 52, .65)}:root[data-theme=thronefall] .notes-transition,:root[data-theme=royal] .notes-transition,:root[data-theme=thronefall] .chord-labels-group,:root[data-theme=royal] .chord-labels-group{filter:drop-shadow(1.6px 2.2px 0 var(--tf-shadow))}:root[data-theme=thronefall] .tab-button,:root[data-theme=royal] .tab-button,:root[data-theme=thronefall] .app-header-btn,:root[data-theme=royal] .app-header-btn{box-shadow:2.5px 3px 0 var(--tf-shadow)}:root[data-theme=thronefall] .profile-family-btn,:root[data-theme=royal] .profile-family-btn,:root[data-theme=thronefall] .profile-debug-toggle,:root[data-theme=royal] .profile-debug-toggle,:root[data-theme=thronefall] .session-summary-card,:root[data-theme=royal] .session-summary-card{box-shadow:4px 5px 0 var(--tf-shadow)}:root[data-theme=marble],:root[data-theme=cloudy-day],:root[data-theme=disco],:root[data-theme=paper],:root[data-theme=pride-light]{--instrument-icon-filter: none;--range-boundary-highlight: var(--text-primary);--soft-mix-target: var(--panel-bg);--text-dim: color-mix(in srgb, var(--text-primary), var(--panel-bg) 45%);--text-lowlight: color-mix(in srgb, var(--text-primary), var(--panel-bg) 55%);--text-highlight: var(--text-primary);--white-key-color: color-mix(in srgb, #ffffff, var(--panel-bg) 15%);--white-key-color-highlight: color-mix(in srgb, var(--accent-yellow), #ffffff 40%);--black-key-color: color-mix(in srgb, var(--text-primary), #000000 10%);--wheel-color-tonic: var(--accent-yellow);--wheel-color-highlight: color-mix(in srgb, var(--panel-bg), #ffffff 30%);--wheel-color-lowlight: var(--panel-bg);--note-tonic: #8a3fd1;--note-scale: #4e6fa3}:root[data-theme=paper]{--app-bg: #ffffff;--panel-bg: #ffffff;--text-primary: #111111;--accent-yellow: #333333;--note-tonic: #111111;--note-scale: #333333;--white-key-color: #ffffff;--black-key-color: #222222}:root[data-theme=marble]{--app-bg: #f2f1f4;--panel-bg: #e4e3e8;--text-primary: #33323a;--accent-yellow: #8a7a6a}:root[data-theme=cloudy-day]{--app-bg: #dbeefb;--panel-bg: #bfdcf0;--text-primary: #25415a;--accent-yellow: #5a8fc0}:root[data-theme=disco]{--app-bg: #f0eefa;--panel-bg: #a99ec8;--text-primary: #241f36;--accent-yellow: #7d3fb0}:root[data-theme=pride-light]{--app-bg: #fdf0f5;--panel-bg: #f3dbe8;--text-primary: #3a2030;--accent-yellow: #e0407a}:root[data-theme=sunset]{--app-bg: #241018;--panel-bg: #3a1c2a;--text-primary: #ffe6d0;--accent-yellow: #ff8c42}:root[data-theme=museum]{--app-bg: #0e2a47;--panel-bg: #163a5f;--text-primary: #f0e6d2;--accent-yellow: #f2c94c}:root[data-theme=marble-dark]{--app-bg: #151518;--panel-bg: #1c1c20;--text-primary: #e4e4ea;--accent-yellow: #9a9aa6}:root[data-theme=clover]{--app-bg: #0d2016;--panel-bg: #16321f;--text-primary: #e2f2e4;--accent-yellow: #5fbf6a}:root[data-theme=river]{--app-bg: #08202b;--panel-bg: #103440;--text-primary: #dff0f4;--accent-yellow: #3fb6c9}:root[data-theme=lava]{--app-bg: #2e1310;--panel-bg: #451a15;--text-primary: #ffe0d6;--accent-yellow: #ff6a3d}:root[data-theme=rock]{--app-bg: #26241f;--panel-bg: #34322b;--text-primary: #e8e4dc;--accent-yellow: #a08c6a}:root[data-theme=pride-dark]{--app-bg: #1a1020;--panel-bg: #2a1a38;--text-primary: #f0d8e8;--accent-yellow: #ff5fa2}:root[data-theme=vapourwave]{--app-bg: #2a1a3e;--panel-bg: #3a2552;--text-primary: #f0d0ff;--accent-yellow: #ff6ad5}:root[data-theme=cat]{--app-bg: #241d18;--panel-bg: #332a22;--text-primary: #f5e8dc;--accent-yellow: #e8a04b}:root[data-theme=dog]{--app-bg: #201811;--panel-bg: #31261c;--text-primary: #f0e4d4;--accent-yellow: #c98a3f}:root[data-theme=ram]{--app-bg: #242019;--panel-bg: #322d24;--text-primary: #ece6da;--accent-yellow: #9a8768}:root[data-theme=pride-light] .app-root{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 900' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='bl' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='900'%3E%3Cstop offset='0' stop-color='%23ef9298'/%3E%3Cstop offset='0.15' stop-color='%23ef9298'/%3E%3Cstop offset='0.22' stop-color='%23f0bd86'/%3E%3Cstop offset='0.28' stop-color='%23f0e29a'/%3E%3Cstop offset='0.35' stop-color='%2386cf92'/%3E%3Cstop offset='0.42' stop-color='%238aa6e6'/%3E%3Cstop offset='0.49' stop-color='%23c4a0dd'/%3E%3Cstop offset='1' stop-color='%23c4a0dd'/%3E%3C/linearGradient%3E%3Cfilter id='fl'%3E%3CfeGaussianBlur stdDeviation='4.5'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23fl)' transform='rotate(-5 200 450)'%3E%3Crect x='-140' y='-180' width='680' height='1260' fill='url(%23bl)'/%3E%3Cpath d='M0 188 L170 288 L0 388 Z' fill='%23aeaeae'/%3E%3Cpath d='M0 208 L138 288 L0 368 Z' fill='%23ccb28c'/%3E%3Cpath d='M0 228 L106 288 L0 348 Z' fill='%23a8dff0'/%3E%3Cpath d='M0 248 L74 288 L0 328 Z' fill='%23ffcedb'/%3E%3Cpath d='M0 268 L42 288 L0 308 Z' fill='%23ffffff'/%3E%3Ccircle cx='32' cy='288' r='22' fill='%23ffdf6a'/%3E%3Ccircle cx='32' cy='288' r='22' fill='none' stroke='%23ac82c8' stroke-width='7'/%3E%3C/g%3E%3C/svg%3E") left center / cover no-repeat}:root[data-theme=pride-dark] .app-root{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 900' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='bd' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='900'%3E%3Cstop offset='0' stop-color='%237a2028'/%3E%3Cstop offset='0.15' stop-color='%237a2028'/%3E%3Cstop offset='0.22' stop-color='%237a4e1e'/%3E%3Cstop offset='0.28' stop-color='%236e6420'/%3E%3Cstop offset='0.35' stop-color='%231e6030'/%3E%3Cstop offset='0.42' stop-color='%231e3a72'/%3E%3Cstop offset='0.49' stop-color='%2340285e'/%3E%3Cstop offset='1' stop-color='%2340285e'/%3E%3C/linearGradient%3E%3Cfilter id='fd'%3E%3CfeGaussianBlur stdDeviation='4.5'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23fd)' transform='rotate(-5 200 450)'%3E%3Crect x='-140' y='-180' width='680' height='1260' fill='url(%23bd)'/%3E%3Cpath d='M0 188 L170 288 L0 388 Z' fill='%23121212'/%3E%3Cpath d='M0 208 L138 288 L0 368 Z' fill='%233e2512'/%3E%3Cpath d='M0 228 L106 288 L0 348 Z' fill='%233f7386'/%3E%3Cpath d='M0 248 L74 288 L0 328 Z' fill='%2393566a'/%3E%3Cpath d='M0 268 L42 288 L0 308 Z' fill='%23c4c4c4'/%3E%3Ccircle cx='32' cy='288' r='22' fill='%23c9a83a'/%3E%3Ccircle cx='32' cy='288' r='22' fill='none' stroke='%236e2a92' stroke-width='7'/%3E%3C/g%3E%3C/svg%3E") left center / cover no-repeat}:root[data-theme=vapourwave] .app-root{background:linear-gradient(118deg,#6e2f66,#45285f,#2a3560,#2a5f66,#45285f,#6e2f66);background-size:300% 100%;animation:vw-drift 30s ease-in-out infinite alternate}@keyframes vw-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}:root[data-theme=disco] .app-top-wrapper{isolation:isolate;position:relative}.disco-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}:root[data-theme=marble] .app-root{background-color:#f1eff3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='820' preserveAspectRatio='none'%3E%3Cfilter id='v' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.018 0.026' numOctaves='3' seed='6' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='26' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='0.45'/%3E%3C/filter%3E%3Cg filter='url(%23v)' fill='none' stroke='%23595460' stroke-opacity='0.6'%3E%3Cpath stroke-width='0.9' d='M110 -20 C104 200 172 340 146 540 S120 760 168 840'/%3E%3Cpath stroke-width='0.6' d='M146 320 C206 380 244 480 230 610'/%3E%3Cpath stroke-width='1' d='M320 -20 C352 190 296 360 344 545 S372 745 316 840'/%3E%3Cpath stroke-width='0.6' d='M344 380 C296 470 336 565 300 700'/%3E%3Cpath stroke-width='0.9' d='M470 -20 C492 220 434 385 486 565 S516 760 468 840'/%3E%3Cpath stroke-width='0.7' d='M56 -20 C88 200 40 360 78 560 S110 760 58 840'/%3E%3Cpath stroke-width='0.8' d='M242 -20 C224 200 276 380 246 605 S214 780 258 840'/%3E%3Cpath stroke-width='0.6' d='M410 315 C462 385 432 505 476 645'/%3E%3Cpath stroke-width='0.7' d='M540 -20 C520 225 560 405 528 620'/%3E%3Cpath stroke='%23ffffff' stroke-opacity='0.95' stroke-width='0.9' d='M92 -20 C122 210 66 400 110 600 S150 780 96 840'/%3E%3Cpath stroke='%23ffffff' stroke-opacity='0.9' stroke-width='0.7' d='M418 -20 C388 230 452 430 410 650 S446 800 424 840'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.014' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.70 0 0 0 0 0.69 0 0 0 0 0.73 0 0 0 5 -3.0'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23m)'/%3E%3C/svg%3E");background-size:cover,800px 800px;background-repeat:no-repeat,repeat}:root[data-theme=marble-dark] .app-root{background-color:#050506;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='820' preserveAspectRatio='none'%3E%3Cfilter id='vd' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.018 0.026' numOctaves='3' seed='6' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='26' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='0.45'/%3E%3C/filter%3E%3Cg filter='url(%23vd)' fill='none' stroke='%23868692' stroke-opacity='0.5'%3E%3Cpath stroke-width='0.9' d='M110 -20 C104 200 172 340 146 540 S120 760 168 840'/%3E%3Cpath stroke-width='0.6' d='M146 320 C206 380 244 480 230 610'/%3E%3Cpath stroke-width='1' d='M320 -20 C352 190 296 360 344 545 S372 745 316 840'/%3E%3Cpath stroke-width='0.6' d='M344 380 C296 470 336 565 300 700'/%3E%3Cpath stroke-width='0.9' d='M470 -20 C492 220 434 385 486 565 S516 760 468 840'/%3E%3Cpath stroke-width='0.7' d='M56 -20 C88 200 40 360 78 560 S110 760 58 840'/%3E%3Cpath stroke-width='0.8' d='M242 -20 C224 200 276 380 246 605 S214 780 258 840'/%3E%3Cpath stroke-width='0.6' d='M410 315 C462 385 432 505 476 645'/%3E%3Cpath stroke-width='0.7' d='M540 -20 C520 225 560 405 528 620'/%3E%3Cpath stroke='%23343440' stroke-opacity='0.9' stroke-width='0.9' d='M92 -20 C122 210 66 400 110 600 S150 780 96 840'/%3E%3Cpath stroke='%23343440' stroke-opacity='0.85' stroke-width='0.7' d='M418 -20 C388 230 452 430 410 650 S446 800 424 840'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='md'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.014' numOctaves='4' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.10 0 0 0 0 0.10 0 0 0 0 0.13 0 0 0 5 -3.0'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23md)'/%3E%3C/svg%3E");background-size:cover,800px 800px;background-repeat:no-repeat,repeat}:root[data-theme=stars] .app-root{background-color:#141c2e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 620' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23ffe680'%3E%3Ccircle cx='30' cy='44' r='1.4'/%3E%3Ccircle cx='92' cy='62' r='1.1'/%3E%3Ccircle cx='205' cy='30' r='1.6'/%3E%3Ccircle cx='300' cy='54' r='1.2'/%3E%3Ccircle cx='362' cy='92' r='1.5'/%3E%3Ccircle cx='150' cy='96' r='1'/%3E%3Ccircle cx='252' cy='150' r='1.3'/%3E%3Ccircle cx='340' cy='182' r='1.1'/%3E%3Ccircle cx='42' cy='222' r='1.5'/%3E%3Ccircle cx='120' cy='250' r='1'/%3E%3Ccircle cx='200' cy='232' r='1.3'/%3E%3Ccircle cx='300' cy='262' r='1.2'/%3E%3Ccircle cx='372' cy='300' r='1.4'/%3E%3Ccircle cx='60' cy='322' r='1.1'/%3E%3Ccircle cx='158' cy='352' r='1.5'/%3E%3Ccircle cx='82' cy='420' r='1.2'/%3E%3Ccircle cx='190' cy='442' r='1'/%3E%3Ccircle cx='360' cy='420' r='1.4'/%3E%3Ccircle cx='40' cy='500' r='1.2'/%3E%3Ccircle cx='140' cy='540' r='1.5'/%3E%3Ccircle cx='262' cy='545' r='1.1'/%3E%3Ccircle cx='352' cy='560' r='1.3'/%3E%3Ccircle cx='100' cy='592' r='1.2'/%3E%3Ccircle cx='300' cy='602' r='1.4'/%3E%3Ccircle cx='210' cy='582' r='1'/%3E%3C/g%3E%3Cg stroke='%23ffe07a' stroke-opacity='0.5' stroke-width='1' stroke-dasharray='1.5 4' fill='none'%3E%3Cpolyline points='55,110 58,152 105,168 118,132 55,110'/%3E%3Cpolyline points='118,132 172,120 216,130 258,108'/%3E%3Cpolyline points='245,345 320,335'/%3E%3Cpolyline points='245,345 262,405'/%3E%3Cpolyline points='320,335 308,418'/%3E%3Cpolyline points='262,405 285,412 308,418'/%3E%3Cpolyline points='262,405 250,485'/%3E%3Cpolyline points='308,418 322,478'/%3E%3C/g%3E%3Cg fill='%23fff2b0'%3E%3Ccircle cx='55' cy='110' r='2.6'/%3E%3Ccircle cx='58' cy='152' r='2.2'/%3E%3Ccircle cx='105' cy='168' r='2.3'/%3E%3Ccircle cx='118' cy='132' r='2.1'/%3E%3Ccircle cx='172' cy='120' r='2.4'/%3E%3Ccircle cx='216' cy='130' r='2.2'/%3E%3Ccircle cx='258' cy='108' r='2.6'/%3E%3Ccircle cx='245' cy='345' r='3'/%3E%3Ccircle cx='320' cy='335' r='2.4'/%3E%3Ccircle cx='262' cy='405' r='2'/%3E%3Ccircle cx='285' cy='412' r='2'/%3E%3Ccircle cx='308' cy='418' r='2'/%3E%3Ccircle cx='250' cy='485' r='2.8'/%3E%3Ccircle cx='322' cy='478' r='2.3'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat}:root[data-theme=cloudy-day] .app-root{background-color:#cfe6f8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='cl'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.014' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 5 -2.6'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23cl)'/%3E%3C/svg%3E");background-size:800px 800px;background-repeat:repeat;animation:cloud-drift 90s linear infinite alternate}@keyframes cloud-drift{0%{background-position:0 0}to{background-position:260px 40px}}:root[data-theme=dog] .app-root{background:linear-gradient(#31261cc7,#31261cc7),url(data:image/png;base64,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) 0 0 / 132px repeat,var(--panel-bg)}:root[data-theme=cat] .app-root{background:linear-gradient(#332a22c7,#332a22c7),url(data:image/png;base64,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) 0 0 / 132px repeat,var(--panel-bg)}:root[data-theme=ram] .app-root{background:linear-gradient(#322d24c7,#322d24c7),url(data:image/png;base64,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) 0 0 / 132px repeat,var(--panel-bg)}.app-root{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:var(--panel-bg);color:#fff;overflow:hidden;box-sizing:border-box}.app-top-wrapper{background-color:var(--bg-primary);display:flex;flex-direction:column;box-sizing:border-box}.app-content-area{flex:1;overflow:hidden;padding:0 20px 20px;display:flex;flex-direction:column;min-height:0}.app-tab-sheet{flex:1;display:flex;flex-direction:column}.app-tab-chords{width:100%;flex:1;min-height:0;overflow-y:auto}.app-tab-chords-inner{padding:0 8px}.app-tab-playback{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.app-tab-listen{display:block;height:100%}.app-instrument-panel{flex:1;position:"relative";width:100%;overflow:visible}.app-instrument-loading{padding:20px;color:#888}.app-qwerty-btn{width:36px;height:36px;border-radius:50%;background:var(--panel-bg);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0}.app-settings-panel{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto}.app-settings-section{display:flex;flex-direction:column;gap:8px}.app-settings-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.app-settings-row{padding:10px 14px;background:var(--bg-secondary);border-radius:8px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid #333}.app-settings-row-icon{color:var(--accent-yellow)}.app-settings-row-body{flex:1}.app-settings-row-title{font-size:12px;font-weight:700;color:var(--text-primary)}.app-settings-row-sub{font-size:9px;color:var(--text-dim)}.app-theme-picker{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.app-theme-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.app-theme-swatch{width:36px;height:36px;border-radius:50%;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.app-theme-swatch-slice{flex:1}.app-theme-label{font-size:9px;text-transform:capitalize}.app-settings-toggles{display:flex;flex-direction:column;gap:12px}.app-toggle-row{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.app-toggle-track{width:36px;height:20px;border-radius:10px;position:relative;transition:background-color .2s;flex-shrink:0}.app-toggle-thumb{width:14px;height:14px;background-color:#fff;border-radius:50%;position:absolute;top:3px;transition:left .2s}.app-toggle-label{font-size:13px}:root{--class-paladin-0: #efd69f;--class-paladin-1: #efac28;--class-paladin-2: #ab5c1c;--class-paladin-3: #550f0a;--class-paladin-4: #300f0a;--class-warrior-0: #efd8a1;--class-warrior-1: #ef692f;--class-warrior-2: #9b1a0a;--class-warrior-3: #550f0a;--class-warrior-4: #300f0a;--class-geomancer-0: #efd69f;--class-geomancer-1: #efb775;--class-geomancer-2: #a56243;--class-geomancer-3: #773421;--class-geomancer-4: #36170c;--class-hydrosophist-0: #efd8a1;--class-hydrosophist-1: #3c9f9c;--class-hydrosophist-2: #276468;--class-hydrosophist-3: #183f39;--class-hydrosophist-4: #2a1d0d;--class-hunter-0: #efd8a1;--class-hunter-1: #efac28;--class-hunter-2: #a58c27;--class-hunter-3: #39571c;--class-hunter-4: #1f240a;--class-priest-0: #efd8a1;--class-priest-1: #efac28;--class-priest-2: #ab5c1c;--class-priest-3: #724113;--class-priest-4: #36170c;--class-aerotheurge-0: #efd8a1;--class-aerotheurge-1: #3c9f9c;--class-aerotheurge-2: #384cbc;--class-aerotheurge-3: #24187c;--class-aerotheurge-4: #080c3f;--class-warlock-0: #efd69f;--class-warlock-1: #c084e2;--class-warlock-2: #6b3ab3;--class-warlock-3: #24187c;--class-warlock-4: #080c3f;--class-occultist-0: #efd8a1;--class-occultist-1: #c084e2;--class-occultist-2: #6b3ab3;--class-occultist-3: #550f0a;--class-occultist-4: #300f0a;--class-witch-0: #efd8a1;--class-witch-1: #3c9f9c;--class-witch-2: #384cbc;--class-witch-3: #550f0a;--class-witch-4: #300f0a}.error-boundary-container{padding:20px;margin:20px;background-color:#2a0000;border:2px solid #ff4444;border-radius:8px;color:#fcc}.error-boundary-title{color:#f66;margin-top:0}.error-boundary-message{margin-bottom:10px}.error-boundary-details{margin-bottom:15px}.error-boundary-summary{cursor:pointer;color:#f88}.error-boundary-stack{margin-top:10px;padding:10px;background-color:#1a0000;border-radius:4px;overflow:auto;font-size:12px}.error-boundary-reset-btn{padding:8px 16px;background-color:#f66;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.svg-no-interact{pointer-events:none;-webkit-user-select:none;user-select:none}.svg-pointer{cursor:pointer}@keyframes ram-mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(1.5px)}}.ram-mascot-bob{animation:ram-mascot-bob 3.2s ease-in-out infinite}.theme-toggle-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.theme-swatch-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.6}.theme-swatch-item.active{opacity:1}.theme-swatch-box{width:40px;height:40px;display:grid;grid-template-columns:1fr;border:1px solid gray;border-radius:8px;overflow:hidden}.theme-swatch-box.active{border:2px solid var(--accent-yellow)}.theme-swatch-half{width:100%;height:50%}.theme-swatch-label{margin-top:2px;font-size:10px;color:var(--text-primary)}.app-header{width:100%;position:relative;margin-bottom:0;min-height:60px;box-sizing:border-box}.app-header-left{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;gap:8px}.app-header-right{position:absolute;right:20px;top:50%;z-index:1;display:flex;align-items:center;gap:8px}.app-header-center{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;height:100%;justify-content:center}.app-header-center-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-header-subtitle{font-family:serif;font-size:13px;font-weight:400;color:var(--text-lowlight);text-align:center;line-height:1;margin-top:2px}.app-header-title{font-family:serif;font-size:22px;font-weight:700;color:var(--text-primary);text-align:center;line-height:1}.app-header-btn{width:40px;height:40px;padding:0;flex-shrink:0;background:none;border:none;display:flex;align-items:center;justify-content:center}.app-header-btn-sm{width:26px;height:26px;padding:0;flex-shrink:0;background:none;border:none;display:flex;align-items:center;justify-content:center;margin-top:8px;margin-left:-8px}.app-header-btn:disabled{cursor:default}.cc-checker{background-image:linear-gradient(45deg,rgba(128,128,128,.5) 25%,transparent 25%),linear-gradient(-45deg,rgba(128,128,128,.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(128,128,128,.5) 75%),linear-gradient(-45deg,transparent 75%,rgba(128,128,128,.5) 75%);background-size:64px 64px;background-position:0 0,0 32px,32px -32px,-32px 0px}.cc-body{display:flex;gap:16px;align-self:center;align-items:flex-start}.cc-avatar{display:flex;align-items:center;justify-content:center;padding:0;position:relative;background-color:var(--app-bg);border:2px solid var(--text-dim);border-radius:0;cursor:pointer;flex-shrink:0}.cc-avatar.active{border-color:var(--accent-yellow)}.cc-equip{display:grid;grid-template-columns:repeat(4,64px);grid-auto-rows:64px;gap:8px}.cc-picker{display:flex;flex-direction:column;gap:8px}.cc-picker-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.cc-preview{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.cc-doll{position:relative;overflow:visible}.cc-level{font-weight:700;letter-spacing:1px;color:var(--accent-yellow)}.cc-controls{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.cc-identity{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cc-gender{display:flex;gap:4px}.cc-gender-btn,.cc-tab,.cc-btn,.cc-thumb{background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);color:var(--text-primary);border:1px solid var(--text-dim);border-radius:0;cursor:pointer}.cc-gender-btn{width:32px;height:32px;font-size:16px}.cc-gender-btn.active,.cc-tab.active,.cc-thumb.active{background-color:var(--accent-yellow);color:#000;border-color:var(--accent-yellow)}.cc-input{flex:1;min-width:96px;background:color-mix(in srgb,var(--panel-bg),#000 12%);border:1px solid var(--text-dim);color:var(--text-primary);border-radius:0;padding:8px;font-size:13px;outline:none}.cc-date{flex:0 0 auto}.cc-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:5px}.cc-slot{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;width:64px;height:64px;background-color:color-mix(in srgb,var(--panel-bg),#000 18%);color:var(--text-primary);border:1px solid var(--text-dim);border-radius:0;cursor:pointer;min-height:0}.cc-slot.active{border-color:var(--accent-yellow);box-shadow:inset 0 0 0 1px var(--accent-yellow)}.cc-slot.filled{background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 10%)}.cc-slot-icon{transform-origin:center;position:relative;z-index:1}.cc-slot-typeicon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56%;height:56%;object-fit:contain;image-rendering:pixelated;z-index:0;pointer-events:none}.cc-slot-label{position:absolute;bottom:1px;left:0;right:0;font-size:9px;text-align:center;color:var(--text-secondary);background:color-mix(in srgb,var(--panel-bg),#000 25%);pointer-events:none}.cc-variants{display:flex;flex-wrap:wrap;gap:8px}.cc-chip{padding:8px;font-size:11px;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);color:var(--text-primary);border:1px solid var(--text-dim);border-radius:0;cursor:pointer}.cc-chip.active{background-color:var(--accent-yellow);color:#000;border-color:var(--accent-yellow)}.cc-swatch{width:24px;height:24px;border-radius:0;border:2px solid var(--text-dim);cursor:pointer;font-size:10px;color:var(--text-primary)}.cc-swatch.active{border-color:var(--accent-yellow);box-shadow:0 0 0 2px var(--accent-yellow)}.cc-anims{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:320px}.cc-anim{padding:8px;font-size:11px;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);color:var(--text-primary);border:1px solid var(--text-dim);border-radius:0;cursor:pointer}.cc-anim.active{background-color:var(--accent-yellow);color:#000;border-color:var(--accent-yellow)}.cc-toggle-group{display:inline-flex;border:1px solid var(--text-dim)}.cc-toggle{padding:8px 14px;font-size:11px;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);color:var(--text-primary);border:none;border-right:1px solid var(--text-dim);border-radius:0;cursor:pointer}.cc-toggle:last-child{border-right:none}.cc-toggle.active{background-color:var(--accent-yellow);color:#000}.cc-wm{position:absolute;top:3px;right:4px;font-size:11px;font-weight:700;color:#fff;background:#c82828d9;border-radius:0;padding:0 8px;pointer-events:none}.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;overflow-y:auto;padding:8px;align-content:start;flex:1;min-height:128px}.cc-thumb{position:relative;height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.cc-thumb.cc-none{font-size:22px;color:var(--text-secondary)}.cc-effect-thumb{width:90%;image-rendering:pixelated}.cc-actions{display:flex;gap:8px;justify-content:flex-end}.cc-btn{padding:8px 16px;font-size:13px}.cc-save{background-color:var(--accent-yellow);color:#000;border-color:var(--accent-yellow);font-weight:700}.cc-bestiary{border-top:1px solid var(--text-dim);padding-top:16px;display:flex;flex-direction:column;gap:8px}.cc-bestiary-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.cc-bestiary-body{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.cc-enemy-preview{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 560px}.cc-enemy-stage{display:flex;align-items:flex-end;justify-content:center;min-height:160px;padding:8px 0}.cc-sprite-frame{position:relative;overflow:visible;background-color:var(--app-bg);border:2px solid var(--text-dim);border-radius:0;flex-shrink:0}.cc-enemy-name{font-weight:700;letter-spacing:.5px;color:var(--accent-yellow)}.cc-enemy-blurb{font-size:12px;line-height:1.4;color:var(--text-secondary);text-align:center;min-height:32px}.cc-enemy-anims{max-width:560px}.cc-enemy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;flex:1;min-width:192px;align-content:start}.cc-enemy-thumb{height:96px;align-items:flex-end;overflow:visible}@media (max-width: 640px){.cc-enemy-preview{flex-basis:100%}}.bestiary-pixel{--pill-pad: calc(var(--bpx, 4px) * 4)}.bestiary-pixel,.bestiary-pixel :where(span,div,button,input,label,p,a){font-family:BestiaryPixel,monospace!important}.bestiary-pixel :where(span,div,button,input,label,p){font-size:calc(var(--bpx, 4px) * 13.72)!important;line-height:1.1}.bestiary-pixel :where(input,.cc-search-input,.cc-anim,.cc-toggle){padding:calc(var(--bpx, 4px) * 4)!important;line-height:1!important}.ls-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;animation:ls-fade .25s ease-out}@keyframes ls-fade{0%{opacity:0}to{opacity:1}}.ls-card{position:relative;width:100%;max-width:380px;background-color:var(--panel-bg);color:var(--text-primary);border:2px solid var(--accent-yellow);border-radius:16px;padding:24px 22px;text-align:center;box-shadow:0 16px 48px #00000080;animation:ls-pop .3s cubic-bezier(.2,1.3,.5,1)}.ls-card-wide{max-width:480px}@keyframes ls-pop{0%{transform:scale(.85)}to{transform:scale(1)}}.ls-badge{font-size:48px;line-height:1}.ls-title{margin:8px 0 2px;font-size:28px;font-weight:800;letter-spacing:.5px;color:var(--accent-yellow)}.ls-sub{font-size:13px;color:var(--text-secondary);margin-bottom:18px}.ls-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.ls-stat{display:flex;flex-direction:column;gap:2px;padding:12px 8px;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 8%);border:1px solid var(--text-dim);border-radius:10px}.ls-stat-value{font-size:24px;font-weight:800;color:var(--text-primary)}.ls-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.ls-actions{display:flex;gap:10px;justify-content:center}.ls-btn{flex:1;padding:11px 16px;font-size:14px;font-weight:600;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);color:var(--text-primary);border:1px solid var(--text-dim);border-radius:8px;cursor:pointer}.ls-btn.ls-replay{background-color:var(--accent-yellow);color:#000;border-color:var(--accent-yellow)}.ls-variant-row{display:flex;gap:8px;justify-content:center;margin-bottom:6px}.ls-variant-label{font-size:12px;color:var(--text-secondary);margin-bottom:14px}.ls-variant-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);border:1px solid var(--text-dim);border-radius:8px;cursor:pointer}.ls-variant-btn img{width:24px;height:24px;image-rendering:pixelated}.ls-variant-glyph{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:lowercase}.ls-variant-btn.ls-variant-active{border:2px solid var(--accent-yellow)}.ls-variant-btn:disabled{opacity:.35;cursor:not-allowed}.ls-variant-btn:disabled img{filter:grayscale(1)}.kbd-range-setter{display:flex;flex-direction:column;width:100%;height:100%;flex:1;min-height:0;gap:6px}.kbd-range-presets-row{width:100%;flex:0 0 auto;height:58px}.kbd-range-selector{position:relative;width:100%;flex:0 0 32%;min-height:0}.kbd-range-real{position:relative;width:100%;flex:1 1 auto;min-height:0}.kbd-range-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;touch-action:none;cursor:ew-resize}.kbd-range-band{transition:x .25s linear,width .25s linear}.kbd-range-band--instant{transition:none}.tr-root{display:flex;flex-direction:column;height:100%;gap:8px;overflow:hidden;padding:8px 0 0}.tr-controls{display:flex;align-items:center;gap:10px;padding:0 12px;flex-shrink:0;flex-wrap:wrap}.tr-listen-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:none;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:.5px;background:linear-gradient(135deg,var(--accent-purple),#6a2a8a);color:#fff;box-shadow:0 0 10px #c08bdc4d;transition:all .2s ease;flex-shrink:0}.tr-listen-btn.active{background:linear-gradient(135deg,#c0392b,#96281b);box-shadow:0 0 14px #c0392b80}.tr-toggle-group{display:flex;border-radius:16px;overflow:hidden;border:1px solid #444;flex-shrink:0}.tr-mode-btn{padding:6px 14px;border:none;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:transparent;color:var(--text-dim);transition:all .15s ease}.tr-mode-btn.active{background:var(--accent-yellow);color:#000}.tr-source-btn{padding:6px 12px;border:none;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:transparent;color:var(--text-dim);transition:all .15s ease}.tr-source-btn.active{background:#f2c8792e;color:var(--accent-yellow)}.tr-error{padding:8px 16px;background:#c0392b26;border-left:3px solid #c0392b;color:#e74c3c;font-size:12px;flex-shrink:0;margin:0 12px;border-radius:0 6px 6px 0}.tr-result{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:6px;padding:6px 0;min-height:90px}.tr-note-row{display:flex;align-items:baseline;gap:2px}.tr-note-name{font-size:clamp(48px,10vw,72px);font-weight:700;color:var(--accent-yellow);line-height:1;letter-spacing:-2px;text-shadow:0 0 20px rgba(242,200,121,.5)}.tr-note-oct{font-size:clamp(20px,4vw,30px);color:var(--text-dim);font-weight:400}.tr-note-hz{font-size:12px;color:var(--text-dim);margin-left:10px}.tr-listening{font-size:14px;color:var(--text-dim);opacity:.5}.tr-chord-col{display:flex;flex-direction:column;align-items:center;gap:2px}.tr-chord-name{font-size:clamp(32px,7vw,56px);font-weight:700;color:var(--accent-yellow);line-height:1;text-shadow:0 0 20px rgba(242,200,121,.5)}.tr-chord-pcs{font-size:11px;color:var(--text-dim);opacity:.7}.tr-idle{font-size:13px;color:var(--text-dim);opacity:.4}.tr-cents-row{display:flex;align-items:center;gap:8px}.tr-cents-label{font-size:10px;color:var(--text-dim);width:28px}.tr-cents-label-right{text-align:right}.tr-cents-track{position:relative;width:160px;height:8px;background:#333;border-radius:4px;overflow:visible}.tr-cents-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#555;transform:translate(-50%)}.tr-cents-needle{position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:2px;transform:translate(-50%);transition:left .08s linear,background .2s;box-shadow:0 0 6px #00000080}.tr-cents-value{font-size:11px;color:var(--text-dim);min-width:36px;text-align:right}.tr-piano{flex:1;position:relative;width:100%;overflow:hidden;min-height:0}.ss-root{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.ss-content{flex:1;display:flex;flex-direction:row;min-height:0;padding:2px 0;gap:8px}.ss-sidebar{width:35%;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding-right:4px;border-right:1px solid #333;min-height:0}.ss-sidebar-top{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding-top:12px}.ss-mode-buttons{display:flex;gap:2px;margin-bottom:4px}.ss-tab-btn{flex:1;min-width:0;min-height:32px;padding:4px 2px}.ss-family-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.ss-family-btn{width:100%;margin:0;font-size:11px;height:32px;white-space:normal;line-height:1;padding:2px 4px;flex-shrink:0}.ss-search-wrap{margin-top:auto;padding-top:4px}.ss-search-input{padding:0 8px;border-radius:4px;border:1px solid #444;background-color:#222;color:var(--text-primary);font-size:11px;width:100%;height:32px;box-sizing:border-box}.ss-right{flex:1;display:flex;flex-direction:column;min-height:0;padding-top:36px}.ss-view-col{flex:1;display:flex;flex-direction:column;min-height:0}.ss-view-col-gap{flex:1;display:flex;flex-direction:column;min-height:0;gap:4px}.ss-mode-header{color:var(--text-dim);font-weight:700;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.5px;height:14px;line-height:14px}.ss-wheel-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.ss-spacer-36{height:36px;flex-shrink:0}.ss-view-col-gap .mode-buttons-container{display:flex;flex-wrap:wrap;column-gap:8%;row-gap:4px;justify-content:center;overflow-y:auto;flex:1}.ss-list-btn{font-size:11px;width:auto;flex-basis:44%;height:32px;text-align:center;white-space:normal;line-height:1.1;padding:2px 4px}.ss-search-content{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.ss-search-center{display:flex;flex-direction:column;gap:8px;align-items:center}.ss-results{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;background:none;overflow-y:auto;width:100%;padding-bottom:20px}.ss-result-btn{font-size:10px;padding:2px 4px;width:auto;flex-basis:32%;height:auto;min-height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ss-result-family{font-size:9px;opacity:.7;margin-bottom:2px}.ss-result-name{font-weight:400}.ss-result-alias{font-size:9px;opacity:.6;margin-top:2px;font-style:italic}.ss-no-results{color:#888;text-align:center}.ss-piano-wrapper{flex:0 0 140px;display:flex;flex-direction:column;align-items:center;border-top:1px solid #333}.ss-tonic-label{color:var(--text-dim);font-weight:700;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.ss-piano-container{width:100%;flex:1;display:flex;align-items:stretch}.ss-family-btn.ss-family-locked{opacity:.35;cursor:not-allowed}.ps-root{padding:8px 8px 20px;flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.ps-row-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ps-row-3col-headers{margin-bottom:4px}.ps-row-3col-controls{margin-bottom:12px;height:42px}.ps-col-header-cell{font-size:9px;color:#666;text-align:center;text-transform:uppercase;font-family:sans-serif}.ps-col-header-cell-difficulty{position:relative}.ps-difficulty-level-overlay{position:absolute;top:-2px;right:4px;font-size:11.5px;color:var(--accent-yellow);font-family:serif}.ps-preset-wrapper{width:100%;display:flex;justify-content:center}.ps-preset-btn{height:42px;font-size:11.5px;width:100%;max-width:250px;text-align:center;text-transform:uppercase;margin:0 auto}.ps-difficulty-control{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:42px;max-width:250px;margin:0 auto}.ps-difficulty-multiplier{font-size:9px;color:var(--accent-yellow);margin-bottom:2px;font-weight:700}.ps-difficulty-slider-inner{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#222;border-radius:4px;padding:0 10px;width:100%;height:24px}.ps-difficulty-range-input{flex:1;height:4px;cursor:pointer;accent-color:var(--accent-yellow)}.ps-progression-wrapper{width:100%;display:flex;justify-content:center}.ps-section-gap{margin-bottom:8px}.ps-vis-grid{display:grid;padding:4px 0;margin-bottom:8px}.ps-vis-odd-header{grid-column:2 / 4}.ps-vis-even-header{grid-column:4 / 6}.ps-vis-clef-label{display:flex;align-items:center;justify-content:center;font-size:9px;color:#666;text-transform:uppercase;font-family:sans-serif}.ps-diff-row{display:grid;align-items:center;height:42px;padding:4px 0}.ps-diff-col-label{display:flex;align-items:center;justify-content:center;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#888}.ps-diff-col-slider{grid-column:2 / 6;padding-right:8px}.ps-diff-col-value{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent-yellow);font-variant-numeric:tabular-nums}.ps-diff-col-clear{display:flex;align-items:center;justify-content:center}.ps-clear-btn{padding:2px 6px;font-size:9px;background-color:transparent;border:1px solid #444;border-radius:3px;color:#666;cursor:pointer}.dr-row{display:flex;flex-direction:column;gap:1px}.dr-header{display:flex;justify-content:space-between;align-items:baseline}.dr-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#999}.dr-score{font-size:12px;font-weight:700;color:var(--accent-yellow);font-variant-numeric:tabular-nums}.dr-detail{font-size:9px;color:#555;padding-left:8px;line-height:1.5}.dp-panel{margin:8px 0;padding:8px 10px;background-color:#00000040;border-radius:6px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.dp-debug-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#666}.dp-multiplier-group{display:flex;gap:10px}.dp-multiplier-text{font-size:10px;color:#aaa}.dp-multiplier-value{color:var(--accent-yellow)}.hs-container{position:relative;flex:1;height:20px;display:flex;align-items:center}.hs-track{position:absolute;left:0;right:0;height:4px;background:#530;border-radius:2px}.hs-track.disabled{background:#444}.hs-fill{position:absolute;left:0;height:4px;background:var(--accent-yellow);border-radius:2px}.hs-fill.disabled{background:#555}.hs-actual-line{position:absolute;transform:translate(-50%);width:2px;height:16px;background:#48f;border-radius:1px;pointer-events:none}.hs-thumb{position:absolute;transform:translate(-50%);width:14px;height:14px;background:var(--accent-yellow);border-radius:50%;pointer-events:none;box-shadow:0 0 4px #ffc80080}.hs-thumb.disabled{background:#555;box-shadow:none}.hs-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;width:100%;cursor:pointer}.hs-input:disabled{cursor:not-allowed}.st-container{flex:1;position:relative}.st-btn{display:flex;align-items:center;justify-content:flex-start;padding:0 12px;gap:10px;position:relative;width:100%;max-width:250px;margin:0 auto;border-radius:6px;border:none;transition:all .2s ease}.st-btn-icon{display:flex;align-items:center;flex-shrink:0;width:24px;justify-content:center}.st-btn-label{font-weight:400;text-align:center;flex:1;margin-right:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:999}.st-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#222;border:2px solid var(--text-primary);border-radius:8px;padding:20px;z-index:1000;min-width:240px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 32px #00000080}.st-popup-hint{color:#888;font-size:10px;text-align:center;font-weight:400;text-transform:uppercase;margin-bottom:8px;font-family:sans-serif}.st-popup-options{display:flex;flex-direction:column;gap:8px}.st-popup-option{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:42px;background-color:#333;color:#fff;border:1px solid #444;border-radius:4px;font-size:11.5px;cursor:pointer;font-weight:400;font-family:sans-serif;padding:0 40px}.st-popup-option.selected{background-color:var(--accent-yellow);color:#000}.st-popup-option-icon{position:absolute;left:12px;display:flex;align-items:center;pointer-events:none}.tso-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tso-dialog{background-color:#222;padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:250px}.tso-title{color:#fff;text-align:center;margin-bottom:5px;font-weight:700;text-transform:uppercase}.tso-btn{width:100%;text-align:center;height:42px;font-family:sans-serif;font-weight:700;font-size:11px;background-color:#333;border:1px solid #444}.tso-cancel{margin-top:10px;background:none;border:1px solid #444;color:#888;padding:8px;border-radius:4px;cursor:pointer}.ir-row{display:grid;padding:4px 0;align-items:center;height:42px}.ir-col-center{display:flex;justify-content:center}.ir-col-center-full{display:flex;justify-content:center;align-items:center;height:100%}.ir-round-btn{width:36px;height:36px;border-radius:50%;background-color:#333;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.ir-glyph-cell{display:flex;align-items:center;justify-content:center;height:100%;width:100%;margin:0 auto;font-weight:400;color:#eee}.ir-stepper-90{width:90%}.ir-stepper-80{width:80%}.ir-stepper-full{width:100%}.ir-placeholder{opacity:.3}.ir-pin-dim{opacity:.6}.ir-serif{font-family:serif}.ir-maestro-note-sm{font-family:Maestro,serif;font-size:24px;font-weight:400}.ir-maestro-note-lg{font-family:Maestro,serif;font-size:26px}.ir-prog-sup{font-size:.7em}.ir-passing-types{display:flex;flex-wrap:wrap;gap:2px;width:84px}.ir-passing-chip{font-size:8.5px;font-family:sans-serif;padding:2px 4px;background:var(--surface-3, #333);border:1px solid var(--border, #555);border-radius:3px;color:var(--text-primary, #eee);cursor:pointer;line-height:1.2;transition:background .12s,border-color .12s}.ir-passing-chip--on{background:var(--accent-yellow, #e8c340);border-color:var(--accent-yellow, #e8c340);color:#1a1a1a}.generic-stepper{position:relative;width:100%;max-width:250px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;overflow:visible}.gs-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:999}.gs-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--panel-bg);border:2px solid var(--text-primary);border-radius:8px;padding:20px;z-index:1000;min-width:240px;display:flex;flex-direction:column;gap:15px;box-shadow:0 8px 32px #00000080}.gs-popup-hint{color:var(--text-secondary);font-size:12px;text-align:center;font-weight:700}.gs-popup-options{display:flex;flex-direction:column;gap:8px}.gs-popup-option{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:42px;background-color:color-mix(in srgb,var(--panel-bg),var(--text-primary) 12%);color:var(--text-primary);border:1px solid var(--text-dim);border-radius:4px;font-size:11px;cursor:pointer;font-weight:400;font-family:sans-serif;padding:0 40px}.gs-popup-option.selected{background-color:var(--accent-yellow);color:#000}.gs-popup-option-icon{position:absolute;left:12px;display:flex;align-items:center;pointer-events:none}.gs-popup-input{width:100%;background:color-mix(in srgb,var(--panel-bg),#000 14%);border:1px solid var(--text-dim);color:var(--text-primary);text-align:center;font-size:24px;padding:10px;border-radius:4px;outline:none}.gs-popup-ok{padding:10px;background-color:var(--accent-yellow);color:#000;border:none;border-radius:4px;font-weight:700;cursor:pointer}.gs-hitzone{position:absolute;width:45%;height:100%;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;outline:none}.gs-hitzone.lowlighted{cursor:default}.gs-hitzone-left{left:0}.gs-hitzone-right{right:0}.gs-icon-left{position:absolute;left:40%;transform:translate(-50%)}.gs-icon-right{position:absolute;right:40%;transform:translate(50%)}.gs-center{width:70%;z-index:2;font-weight:400;pointer-events:auto;cursor:default;text-align:center;word-break:break-word;line-height:1;display:flex;align-items:center;justify-content:center;gap:6px}.gs-center.has-options{cursor:pointer}.gs-center.uppercase{text-transform:uppercase}.gs-center-icon{display:flex;align-items:center}.pp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.pp-dialog{background-color:#222;padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:280px}.pp-title{color:#fff;text-align:center;margin-bottom:5px;font-weight:700;text-transform:uppercase;font-size:11px}.pp-btn{width:100%;text-align:center;height:42px;text-transform:uppercase;font-family:sans-serif;font-weight:700;font-size:11px;background-color:#333;color:#eee;border:1px solid #444;display:flex;align-items:center;justify-content:center;gap:8px}.pp-btn.active{background-color:var(--accent-yellow);color:#000}.pp-cancel{margin-top:10px;background:none;border:1px solid #444;color:#888;padding:10px;border-radius:4px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:700}.section-header-row{padding:4px 0;margin-bottom:4px}.section-header-label{grid-column:1 / -1;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1.5px;font-weight:400;font-family:sans-serif}.status-icon{margin-right:4px}.status-icon-pin{opacity:.6}.col-headers{color:#666;font-size:9px;font-weight:400;text-align:center;padding:4px 0;text-transform:uppercase;font-family:sans-serif}.bracket-header{display:flex;flex-direction:column;align-items:center;width:100%}.bracket-header-label{font-size:9px;color:#666;margin-bottom:4px;font-family:sans-serif}.bracket-header-bar{display:flex;width:80%;height:6px;border-top:1px solid #444;border-left:1px solid #444;border-right:1px solid #444}.bracket-header-subs{display:flex;width:100%;font-size:9px;color:#666;font-family:sans-serif}.bracket-header-sub{flex:1;text-align:center}.rmb-container{display:flex;flex-direction:column;margin-bottom:20px;flex-shrink:0;position:relative}.rmb-header-row{position:relative;height:14px;margin-bottom:4px}.rmb-header-measures{position:absolute;left:20%;transform:translate(-50%);font-size:9px;color:#666;text-transform:uppercase;font-family:sans-serif}.rmb-header-blocks{color:var(--accent-yellow);margin-left:4px;text-transform:none}.rmb-header-repeats{position:absolute;right:20%;transform:translate(50%);font-size:9px;color:#666;text-transform:uppercase;font-family:sans-serif}.rmb-setter-row{position:relative;height:42px;align-items:center}.rmb-sign-start{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.rmb-sign-end{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.rmb-dots{display:flex;flex-direction:column;gap:4px}.rmb-dot{width:3px;height:3px;border-radius:50%;background-color:#eee}.rmb-thick-line{width:3px;height:24px;background-color:#eee}.rmb-thin-line{width:1px;height:24px;background-color:#eee}.rmb-thin-line-right{margin-right:4px}.rmb-thin-line-left{margin-left:4px}.rmb-measure-setter{position:absolute;left:20%;transform:translate(-50%);width:100px;height:100%}.rmb-barlines-area{position:absolute;left:50%;right:50%;top:50%;transform:translate(-50%,-50%);width:40%;display:flex;justify-content:space-evenly;align-items:center;pointer-events:none}.rmb-barline{width:1px;height:24px;background-color:#444}.rmb-repeat-setter{position:absolute;right:20%;transform:translate(50%);width:100px;height:100%}.chord-grid-container{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px}.chord-grid-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px}.chord-grid-main{position:relative;flex-shrink:0}.chord-grid-toggle{width:auto;min-width:52px;padding:4px 8px;white-space:nowrap}.chord-grid-toggle .tab-label{white-space:nowrap;font-size:9px}.chord-grid-toggle-symbol{font-size:18px;font-family:sans-serif;font-weight:700;line-height:1}.chord-grid-btn-label-sup{font-size:7px}.chord-grid-btn-label-sup2{font-size:9px}.chord-grid-btn-label-sup3{font-size:11px;font-weight:500}.chord-grid-btn-label-roman{font-size:8px;opacity:.8}.chord-grid-cell{position:absolute;width:60px;height:60px;box-sizing:border-box;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 4px 10px #0000008c;transition:background .15s ease,box-shadow .15s ease}.chord-grid-cell-band-1{background:#c04a6e}.chord-grid-cell-band-1:hover{background:#d45a80}.chord-grid-cell-band-2{background:#9a3858}.chord-grid-cell-band-2:hover{background:#b04468}.chord-grid-cell-band-3{background:#752844}.chord-grid-cell-band-3:hover{background:#8a3454}.chord-grid-cell-band-4{background:#541a30}.chord-grid-cell-band-4:hover{background:#6a2440}.chord-grid-cell-band-5{background:#360e1e}.chord-grid-cell-band-5:hover{background:#4c1830}.chord-grid-cell-label{color:#fff;font-weight:700;font-size:23px;line-height:1;-webkit-user-select:none;user-select:none;font-family:serif}.chord-grid-smallcell{position:absolute;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:default}.chord-grid-smallcell-active{background:#6473d2bf;cursor:pointer;box-shadow:1px 2px 6px #0006}.chord-grid-smallcell-active:hover{background:#7887e6d9}.chord-grid-smallcell-inactive{background:#41468240}.chord-grid-approach-cell{position:absolute;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#c04a6e59;border:1px solid rgba(192,74,110,.55);cursor:pointer;transition:background .12s ease}.chord-grid-approach-cell:hover{background:#d458808c}.chord-grid-approach-label{color:#ffffffe6;font-size:13px;font-weight:600;font-family:serif;-webkit-user-select:none;user-select:none}.chord-grid-secondary-label{color:var(--chordgrid-secondary, #dde)}.chord-grid-secondary-label-adv{color:var(--chordgrid-adv, #ffcc44)}.chord-grid-secondary-label-main{color:var(--chordgrid-main, #88ccff)}.chord-grid-secondary-label-dim{color:var(--chordgrid-dim, #ffcc44)}.chord-grid-secondary-label-dom{color:var(--chordgrid-dom, #ffcc44)}.chord-grid-secondary-label-tri{color:var(--chordgrid-tri, #ffcc44)}.chord-grid-secondary-label-inactive,.chord-grid-secondary-label-inactive-dim,.chord-grid-secondary-label-inactive-dom,.chord-grid-secondary-label-inactive-tri{color:#556}.profile-tab{padding:16px 20px;color:#ddd;max-width:600px;margin:0 auto;font-family:sans-serif;max-height:100vh;overflow-y:auto;overflow-x:hidden}.profile-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#fff;letter-spacing:.04em;text-transform:uppercase}.profile-section{margin-bottom:28px}.profile-section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#aaa;margin-bottom:6px}.profile-section-desc{font-size:12px;color:#666;margin:0 0 12px}.profile-section-hint{font-size:11px;color:#555;font-style:italic;margin:0 0 10px}.profile-level-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.profile-level-number{font-size:20px;font-weight:700;color:#fff}.profile-level-tier{font-size:13px;font-weight:600;color:#e0b64d;text-transform:uppercase;letter-spacing:.06em}.profile-level-xp{margin-left:auto;font-size:12px;color:#888}.profile-xp-bar{height:8px;border-radius:4px;background:#1c1c1c;border:1px solid #333;overflow:hidden}.profile-xp-bar-fill{height:100%;background:#e0b64d;border-radius:4px;transition:width .3s ease}.profile-skill-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.profile-skill-item{display:flex;align-items:center;gap:10px}.profile-skill-name{font-size:12px;color:#aaa;min-width:100px}.profile-skill-bar{flex:1;height:6px;border-radius:3px;background:#1c1c1c;border:1px solid #333;overflow:hidden}.profile-skill-bar-fill{height:100%;background:#5a9a5a;border-radius:3px;transition:width .3s ease}.profile-skill-score{font-size:12px;color:#888;min-width:28px;text-align:right}.profile-streak-row{display:flex;align-items:center;gap:16px;margin-bottom:6px}.profile-streak-days{font-size:18px;font-weight:700;color:#ff9a4d}.profile-streak-tokens{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#7ab8d8}.profile-debug-toggle{padding:6px 20px;border-radius:4px;border:1px solid #444;background:#1a1a1a;color:#888;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.06em;transition:background .15s,color .15s,border-color .15s}.profile-debug-toggle.active{background:#1a3a1a;border-color:#4caf50;color:#4caf50}.profile-family-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.profile-family-item{border-radius:6px;overflow:hidden;transition:opacity .15s}.profile-family-item.locked{opacity:.45}.profile-family-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#1c1c1c;border:1px solid #333;border-radius:6px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.profile-family-item.active .profile-family-btn{background:#1e2a1e;border-color:#3a6a3a}.profile-family-btn:hover{background:#252525}.profile-family-item.active .profile-family-btn:hover{background:#223022}.profile-family-lock-icon{color:#888;display:flex;align-items:center;flex-shrink:0}.profile-family-item.active .profile-family-lock-icon{color:#5a9a5a}.profile-family-name{font-size:13px;font-weight:500;color:#ccc;min-width:140px}.profile-family-item.active .profile-family-name{color:#e8e8e8}.profile-family-desc{font-size:11px;color:#555}.profile-family-item.active .profile-family-desc{color:#778}.songs-tab{padding:16px;color:var(--text-primary, #eee)}.songs-tab__heading{font-size:1.25rem;font-weight:600;margin:0 0 4px}.songs-tab__sub{font-size:.8rem;opacity:.6;margin:0 0 16px}.songs-tab__original-key-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;background:var(--surface-2, #2a2a2a);border:1px solid var(--border, #444);border-radius:10px;max-width:460px}.songs-tab__original-key-label{font-size:.85rem;font-weight:500}.songs-tab__original-key-hint{font-size:.72rem;opacity:.45;margin-left:auto}.toggle-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.toggle-btn__track{display:block;width:38px;height:22px;background:var(--surface-3, #333);border:1px solid var(--border, #555);border-radius:11px;position:relative;transition:background .2s,border-color .2s}.toggle-btn--on .toggle-btn__track{background:var(--accent-yellow, #e8c340);border-color:var(--accent-yellow, #e8c340)}.toggle-btn__thumb{display:block;width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #0006}.toggle-btn--on .toggle-btn__thumb{left:18px}.songs-tab__grid{display:flex;flex-wrap:wrap;gap:12px}.song-card{background:var(--surface-2, #2a2a2a);border:1px solid var(--border, #444);border-radius:10px;padding:14px 16px;width:220px;display:flex;flex-direction:column;gap:10px}.song-card__header{display:flex;flex-direction:column;gap:2px}.song-card__title{font-size:.95rem;font-weight:600;line-height:1.2}.song-card__subtitle{font-size:.72rem;opacity:.5}.song-card__meta{display:flex;gap:8px;flex-wrap:wrap}.song-card__timesig,.song-card__key,.song-card__tempo{font-size:.72rem;background:var(--surface-3, #333);border-radius:4px;padding:2px 6px;opacity:.8}.song-card__difficulties{display:flex;gap:6px}.diff-btn{flex:1;padding:4px 0;font-size:.72rem;background:var(--surface-3, #333);border:1px solid var(--border, #444);border-radius:6px;color:var(--text-primary, #eee);cursor:pointer;transition:background .15s,border-color .15s}.diff-btn:hover{background:var(--surface-hover, #3a3a3a)}.diff-btn--active{background:var(--accent-yellow, #e8c340);border-color:var(--accent-yellow, #e8c340);color:#1a1a1a;font-weight:600}.song-card__load-btn{width:100%;padding:8px 0;font-size:.85rem;font-weight:600;background:var(--accent-yellow, #e8c340);border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;transition:opacity .15s}.song-card__load-btn:hover{opacity:.85}.session-summary-card{position:fixed;left:50%;bottom:76px;transform:translate(-50%);z-index:1200;min-width:240px;max-width:320px;padding:14px 18px;border-radius:10px;background:#1c1c1cf2;border:1px solid #3a3a3a;box-shadow:0 6px 24px #00000073;color:#ddd;font-family:sans-serif;cursor:pointer;animation:session-summary-in .25s ease-out}@keyframes session-summary-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.session-summary-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#aaa;margin-bottom:10px}.session-summary-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;padding:2px 0}.session-summary-label{color:#888}.session-summary-value{color:#e8e8e8;font-weight:500;display:inline-flex;align-items:center;gap:4px}.session-summary-dim{color:#888;font-weight:400}.session-summary-xp{color:#e0b64d;font-weight:700}.session-summary-skill{color:#5a9a5a}.session-summary-skill-down{color:#c96a5a}.session-summary-streak{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid #333;font-size:13px;font-weight:600;color:#ff9a4d}