@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=dark]{color-scheme:dark;--bg: #0a0e14;--bg-glow: rgba(244, 177, 74, .07);--panel: #111925;--panel-2: #0d141e;--panel-raised: #17212f;--border: #223044;--border-strong: #33455f;--text: #e9eff8;--muted: #8ea1ba;--faint: #63748d;--accent: #f4b14a;--accent-strong: #ffc76b;--accent-ink: #241705;--danger: #fb7185;--warning: #fb923c;--success: #4ade80;--fretboard: #141d29;--open-bg: #0d141e;--fret-wire: #40546f;--nut: #c9b28a;--string: #c4d2e4;--inlay: #374a63;--marker-ring: #ffffff;--piano-white: #2b3644;--piano-black: #0d131b;--piano-border: #485a70;--piano-label: #9fb0c6;--practice-section-a: rgba(244, 177, 74, .07);--practice-section-b: rgba(56, 189, 248, .06);--selection: rgba(244, 177, 74, .12);--shadow: 0 24px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .28)}[data-theme=light]{color-scheme:light;--bg: #f3f6fa;--bg-glow: rgba(180, 83, 9, .06);--panel: #ffffff;--panel-2: #f8fafc;--panel-raised: #eef3f9;--border: #dde5ee;--border-strong: #bcc9da;--text: #16202e;--muted: #5d6f85;--faint: #8a9ab0;--accent: #b45309;--accent-strong: #92400e;--accent-ink: #ffffff;--danger: #be123c;--warning: #c2410c;--success: #15803d;--fretboard: #eee4d2;--open-bg: #f7f1e6;--fret-wire: #b5a282;--nut: #7a5f3d;--string: #7b8796;--inlay: #cdbb9d;--marker-ring: #101820;--piano-white: #ffffff;--piano-black: #1b2430;--piano-border: #c3ccd8;--piano-label: #6b7788;--practice-section-a: rgba(180, 83, 9, .06);--practice-section-b: rgba(14, 116, 144, .05);--selection: rgba(180, 83, 9, .1);--shadow: 0 24px 60px rgba(30, 45, 65, .14);--shadow-soft: 0 8px 24px rgba(30, 45, 65, .08)}:root{--font-ui: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-ui);font-size:15.5px;line-height:1.45;color:var(--text);background:radial-gradient(1000px 520px at 12% -12%,var(--bg-glow),transparent 62%),radial-gradient(800px 420px at 96% 0%,var(--bg-glow),transparent 58%),var(--bg);background-attachment:fixed}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p{margin:0}code{font-family:var(--font-mono);font-size:.92em;background:var(--panel-raised);padding:1px 4px;border-radius:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--border);border-radius:999px;background:var(--panel-raised);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.app{display:flex;min-height:100vh;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:12px;padding:14px clamp(16px,4vw,44px) 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.header-top:not(.header-tabs){justify-content:flex-end}.header-tabs{display:flex;align-items:flex-end;border-bottom:1px solid var(--border)}.header-tabs .header-actions{padding-bottom:8px}.app-nav{display:flex;align-self:flex-end;gap:2px;margin-right:auto;margin-bottom:-1px;overflow-x:auto;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav-tab{position:relative;isolation:isolate;padding:12px 14px 14px;border:0;background:none;color:var(--muted);font-size:15px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;transition:color .12s ease}.app-nav-tab:before{position:absolute;inset:6px 4px 8px;border-radius:8px;background:var(--panel-2);content:"";opacity:0;transition:opacity .12s ease;z-index:-1}.app-nav-tab:hover{color:var(--text)}.app-nav-tab:hover:before{opacity:1}.app-nav-tab:after{position:absolute;right:12px;bottom:0;left:12px;height:2px;border-radius:2px 2px 0 0;background:var(--accent);content:"";transform:scaleX(0);transition:transform .16s ease}.app-nav-tab.is-active{color:var(--text)}.app-nav-tab.is-active:after{transform:scaleX(1)}.app-nav-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:8px}.header-actions{display:flex;align-items:center;gap:10px}.header-presets{gap:6px}.header-presets-icon{display:inline-flex}.header-presets-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.audio-slider-row{display:grid;grid-template-columns:54px minmax(0,1fr) 38px;align-items:center;gap:8px;color:var(--muted);font-size:11.5px}.audio-slider-row input{width:100%;accent-color:var(--accent)}.audio-slider-value{color:var(--faint);font-size:10.5px;text-align:right;font-variant-numeric:tabular-nums}.audio-bass-toggle{margin:0}.audio-chord-row{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11.5px}.segmented.audio-chord-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.audio-chord-modes button{padding:6px 4px;font-size:10.5px;white-space:nowrap}.local-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12.5px;white-space:nowrap}.local-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8024}.app-main{margin:0 auto;padding:24px clamp(14px,3vw,40px) 40px}.desktop-main{display:grid;width:min(1600px,100%);grid-template-columns:minmax(0,1fr) 384px;gap:22px;align-items:start}.desktop-main.is-full{width:100%;max-width:none}.mobile-main{width:min(1320px,100%)}.board-column,.side-column,.section-body{display:flex;min-width:0;flex-direction:column;gap:18px}.app-footer{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding:18px clamp(16px,4vw,44px) 26px;border-top:1px solid var(--border);color:var(--faint);font-size:13px}.board-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;min-width:0}.card-head-text{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.card-head-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.card-head.is-page .card-head-title{font-size:20px;letter-spacing:-.015em}.card-head-subtitle{max-width:72ch;color:var(--muted);font-size:13.5px}.card-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hint{margin:0;color:var(--muted);font-size:13px}.hint.is-quiet{color:var(--faint);font-size:12px}.board-tool-icon{display:inline-flex}.board-tool-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.inline-field{display:flex;align-items:center;gap:6px}.inline-field>span{color:var(--faint);font-size:12.5px}.inline-field select{width:auto;padding:6px 8px;border-radius:8px;font-size:13.5px}.board-hint{margin-top:8px}.fretboard-scroll{overflow-x:auto;overflow-y:hidden;margin-top:4px;padding:6px 0 2px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.fretboard{display:block;user-select:none}.note-marker-label{font-family:var(--font-mono);font-size:9px;font-weight:700}.note-marker-travel{animation:note-marker-travel .9s linear infinite}@keyframes note-marker-travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.string-label{font-family:var(--font-mono)}.string-number{fill:var(--faint);font-size:11px;font-weight:700}.string-note{fill:var(--muted);font-size:12.5px}.fret-number{fill:var(--faint);font-family:var(--font-mono);font-size:11px}.fret-number.is-octave{fill:var(--accent);font-weight:750}.fret-number.is-inlay{fill:color-mix(in srgb,var(--accent) 55%,var(--faint));font-weight:650}.piano-view{display:flex;flex-direction:column;gap:10px;margin-top:8px}.piano-scroll{overflow-x:auto;padding:8px 0 4px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.piano{display:block}.piano-key.is-playable{cursor:pointer}.piano-key.is-playable:hover rect{filter:brightness(1.06)}.piano-practice{pointer-events:none}.piano-note-label{fill:var(--piano-label);font-family:var(--font-mono);font-size:10px}.legend-item,.layer-select,.substructure-row{-webkit-touch-callout:none;user-select:none}.piano-layer-label rect{fill:var(--panel);stroke:var(--border);stroke-width:.8}.piano-layer-label text{fill:var(--text);font-family:var(--font-mono);font-size:9px;font-weight:700}.volume-control{display:inline-flex;align-items:center;gap:5px;color:var(--faint)}.volume-label{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.volume-control input[type=range]{width:72px;padding:0;border:0;background:transparent;accent-color:var(--accent)}.chord-type-practice{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.chord-type-selectors{display:flex;flex-wrap:wrap;gap:12px}.chord-type-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.chord-type-toggle{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:650;cursor:pointer}.chord-type-toggle:hover{border-color:var(--border-strong);color:var(--text)}.chord-type-toggle.is-active{border-color:var(--accent);background:var(--panel-raised);color:var(--text)}.chord-type-toggle-actions{display:flex;gap:4px;margin-left:auto}.chord-type-step-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chord-type-step-label{margin-right:2px;color:var(--muted);font-size:11px}.chord-type-string-variants{display:flex;flex-wrap:wrap;gap:4px}.chord-type-string-variant{padding:4px 7px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:10.5px;font-weight:650;cursor:pointer}.chord-type-string-variant:hover{border-color:var(--border-strong);color:var(--text)}.chord-type-string-variant.is-active{border-color:var(--accent);background:var(--panel-raised);color:var(--text)}.chord-type-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chord-type-position{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:12px}.chord-type-position-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.chord-type-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chord-type-shape{min-width:0;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.chord-type-shape-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;font-weight:650}.chord-type-diagram{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.chord-type-diagram .practice-voicing-fretboard{display:block;margin:0 auto}@media (max-width: 760px){.chord-type-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chord-type-position{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:12px}.chord-type-position-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.chord-type-shapes{grid-template-columns:1fr}}.practice-panel .panel-body{gap:10px}.practice-header .layer-swatch{margin-left:1px}.practice-header-actions{display:flex;flex:none;align-items:center;gap:8px}.practice-mode-toggle[aria-pressed=false]{border-color:var(--accent);color:var(--accent)}.panel-toggle:disabled{cursor:default}.practice-beat{flex:none;color:var(--faint);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.practice-category-tabs{display:inline-flex;width:fit-content;gap:3px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.practice-category-tab{padding:5px 14px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.practice-category-tab:hover:not(:disabled){color:var(--text)}.practice-category-tab.is-active{background:var(--panel-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.practice-category-tab:disabled{opacity:.35}.practice-method-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.practice-method-tabs>span{margin-right:4px;color:var(--faint);font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.practice-method-tab{padding:4px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:650}.practice-method-tab:hover{color:var(--text)}.practice-method-tab.is-active{border-color:var(--border);background:var(--panel-raised);color:var(--text)}.practice-method-hint{color:var(--muted);font-size:11.5px;line-height:1.4}.practice-workout{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.practice-workout>span:first-child{margin-right:4px;color:var(--faint);font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.practice-workout-tab{padding:4px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:650}.practice-workout-tab:hover{color:var(--text)}.practice-workout-tab.is-active{border-color:var(--border);background:var(--panel-raised);color:var(--text)}.practice-workout-count{padding:2px 6px;border-radius:999px;background:var(--panel-raised);color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums}.practice-workout-hint{margin-left:auto;color:var(--faint);font-size:11px}.practice-presets{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.practice-preset-group{display:flex;align-items:center;gap:7px}.practice-preset-group-label{width:68px;flex:none;color:var(--faint);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.practice-preset-buttons{display:flex;flex-wrap:wrap;gap:4px}.practice-preset-button{padding:5px 9px;border:1px solid var(--border);border-radius:7px;background:var(--panel-raised);color:var(--muted);font-size:12px;font-weight:650}.practice-preset-button:hover{border-color:var(--border-strong);color:var(--text)}.practice-preset-button.is-active{border-color:transparent;background:var(--accent);color:var(--accent-ink)}.practice-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.practice-builder{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 10px;border:1px dashed var(--border-strong);border-radius:10px;background:color-mix(in srgb,var(--panel-raised) 55%,transparent)}.practice-builder-title{color:var(--faint);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.practice-builder-note{margin-left:auto;color:var(--faint);font-size:11px}.practice-builder select{min-width:62px}.practice-toolbar select{max-width:170px}.tempo-field input[type=range]{width:110px;padding:0;border:0;background:transparent;accent-color:var(--accent)}.tempo-value{color:var(--muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.practice-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.practice-variation{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:11.5px}.practice-variation strong{min-width:16px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums}.practice-variation .icon-button{width:22px;height:22px;font-size:15px}.practice-description{color:var(--muted);font-size:13px;line-height:1.45}.practice-description strong{color:var(--text)}.practice-sound-hint{padding:7px 9px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:8px;background:var(--selection);color:var(--muted);font-size:13px}.link-button{padding:0;border:0;background:transparent;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.practice-surface,.chord-shapes-view{display:flex;flex-direction:column;gap:6px}.exercise-voicing-board{display:flex;flex-direction:column;gap:6px;padding:6px 8px 4px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.practice-voicing{display:flex;flex-direction:column;gap:3px;padding:6px 8px 4px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.practice-voicing-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.practice-voicing-caption{color:var(--muted);font-size:12px}.practice-voicing-scroll{overflow-x:auto;scrollbar-width:thin}.practice-voicing-shapes{display:flex;align-items:flex-start;gap:7px}.practice-voicing-card{flex:0 0 auto;padding:5px 7px 3px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:inherit;font:inherit;text-align:left;cursor:pointer}.practice-voicing-card:hover{border-color:var(--border-strong);background:var(--panel-raised)}.practice-voicing-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.practice-voicing-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.practice-voicing-card-label{display:flex;justify-content:space-between;gap:8px;color:var(--faint);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.practice-voicing-progress{display:block;height:2px;margin:2px 0 3px;overflow:hidden;border-radius:999px;background:var(--border)}.practice-voicing-progress>span{display:block;height:100%;background:var(--accent)}.practice-voicing-fretboard,.practice-keys-diagram{display:block}.practice-keys-note circle{stroke-width:1.6}.practice-keys-label{fill:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:700}.practice-voicing-fret{fill:var(--faint);font-family:var(--font-mono);font-size:10.5px}.practice-voicing-string{fill:var(--piano-label);font-family:var(--font-mono);font-size:11px}.practice-voicing-degree{font-family:var(--font-mono);font-size:10.5px;font-weight:700;pointer-events:none}.practice-voicing-note{pointer-events:none}.practice-now{overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.practice-tab-scroll,.practice-roll-scroll{overflow-x:auto;padding:6px 8px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.practice-tab,.practice-roll{display:block}.practice-surface-label{fill:var(--faint);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.04em}.practice-surface-beat{fill:var(--faint);font-family:var(--font-mono);font-size:9.5px}.practice-surface-string{fill:var(--piano-label);font-family:var(--font-mono);font-size:10px}.practice-surface-position{fill:var(--accent);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.03em}.practice-surface-finger{font-family:var(--font-mono);font-size:8px;font-weight:700;opacity:.8}.practice-surface-note-label{font-family:var(--font-mono);font-size:10px;font-weight:700;pointer-events:none}.practice-roll-key-label{fill:var(--piano-label);font-family:var(--font-mono);font-size:8.5px;pointer-events:none}.practice-playhead{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 70%,transparent));pointer-events:none}.sheet-view{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sheet-caption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;color:var(--muted);font-size:13px}.sheet-caption strong{color:var(--text)}.sheet-scroll{overflow-x:auto;overflow-y:hidden;padding:7px 9px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.sheet-stage{position:relative}.sheet-canvas{position:absolute;inset:0}.sheet-canvas svg{display:block}.sheet-playhead{position:absolute;top:34px;bottom:8px;width:2px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent);pointer-events:none}.legend{display:flex;flex-wrap:nowrap;gap:6px;margin:12px 0 6px;overflow-x:auto;scrollbar-width:thin}.legend-empty{padding:8px 0;font-size:13.5px}.legend-item{display:inline-flex;flex:none;align-items:center;gap:2px;padding:2px 10px 2px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--text);font-size:13px;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.legend-main{display:inline-flex;align-items:center;gap:7px;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.legend-item:hover,.legend-item.is-hovered{border-color:var(--border-strong);background:var(--panel-raised)}.legend-item.is-selected{border-color:var(--accent);background:var(--selection)}.legend-item.is-hidden{opacity:.5}.legend-swatch{width:10px;height:10px;flex:none;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 0%,transparent)}.legend-name{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.legend-meta{color:var(--faint);font-size:12px;white-space:nowrap}.panel{border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--border)}.panel-header:last-child{border-bottom:0}.panel-header h2,.panel-heading{font-size:14.5px;font-weight:700}.panel-subtitle{margin-top:2px;color:var(--muted);font-size:13px}.setup-header{align-items:center}.panel-toggle{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.panel-toggle-text{display:flex;min-width:0;flex-direction:column;gap:1px}.panel-toggle-text .panel-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-chevron{width:16px;height:16px;flex:none;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s ease}.panel-chevron.is-open{transform:rotate(90deg)}.panel-toggle:hover .panel-heading{color:var(--accent)}.panel-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.panel-body{display:flex;flex-direction:column;gap:14px;padding:15px 17px 17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font-size:14px;font-weight:650;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.btn:disabled{opacity:.42}.btn-primary{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-raised)}.btn-ghost.is-active{border-color:var(--accent);background:var(--selection);color:var(--accent)}.btn-outline{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--accent);background:var(--selection)}.btn-outline.is-active{border-color:var(--accent);background:var(--selection);color:var(--accent)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,transparent)}.btn-small{padding:5px 9px;border-radius:8px;font-size:13px}.icon-button{display:inline-grid;width:28px;height:28px;flex:none;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:19px;line-height:1}.icon-button:hover:not(:disabled){border-color:var(--border);background:var(--panel-raised);color:var(--text)}.icon-button:disabled{opacity:.35}.icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{color:var(--faint);font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}input,select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:9px;outline:none;background:var(--panel-2);color:var(--text);font-size:14px}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--faint)}.field-row{display:grid;gap:10px}.field-row.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:8px}.notice{padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:8px;background:var(--selection);color:var(--accent);font-size:13px}.notice-warning{border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--muted);font-size:14px;text-align:center}.empty-state.small{padding:11px;font-size:13px}.search-select{position:relative;min-width:0}.search-select-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.search-select-trigger:hover{border-color:var(--border-strong)}.search-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search-select-value,.search-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-placeholder{color:var(--faint)}.search-select-chevron{flex:none;color:var(--muted);font-size:11px}.search-select-popover{position:absolute;z-index:80;top:calc(100% + 4px);right:0;left:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-soft)}.search-select-search-row{padding:7px;border-bottom:1px solid var(--border)}.search-select-search-row input{padding:7px 9px;font-size:13.5px}.search-select-list{max-height:280px;overflow-y:auto;padding:4px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.search-select-group-label{padding:7px 8px 3px;color:var(--faint);font-size:10.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.search-select-option{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.search-select-option small{color:var(--faint);font-size:11px}.search-select-option:hover{background:var(--panel-raised)}.search-select-option.is-selected{background:var(--selection);color:var(--accent)}.search-select-empty{padding:12px 8px;color:var(--muted);font-size:13.5px;text-align:center}.key-picker{min-width:82px}.key-picker .search-select-popover{right:auto;min-width:100%;width:max-content}.tuning-summary-box{padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.tuning-summary-box strong{display:block;margin-top:2px;font-size:14.5px}.tuning-summary{margin-top:3px;color:var(--muted);font-family:var(--font-mono);font-size:12.5px;white-space:pre-wrap}.setup-layout{display:flex;flex-direction:column;gap:18px}.setup-summary,.setup-strings{display:flex;min-width:0;flex-direction:column;gap:12px}.setup-strings{gap:7px}.string-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.string-column{display:flex;min-width:0;flex-direction:column;gap:5px}.string-row{display:flex;min-width:0;align-items:center;gap:7px}.string-index{display:grid;width:22px;height:22px;flex:none;place-items:center;border-radius:6px;background:var(--panel-raised);color:var(--muted);font-size:12px;font-weight:700}.nudge-group{display:flex;margin-left:auto}.nudge-group button{width:26px;height:26px;padding:0;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:15.5px;line-height:1}.nudge-group button:first-child{border-radius:7px 0 0 7px}.nudge-group button:last-child{border-left:0;border-radius:0 7px 7px 0}.nudge-group button:hover{background:var(--panel-raised);color:var(--text)}.note-picker{position:relative}.note-picker-trigger{min-width:64px;padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font-family:var(--font-mono);font-size:13.5px;text-align:center}.note-picker-trigger:hover{border-color:var(--border-strong)}.note-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:60;display:flex;width:230px;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border-strong);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.note-popover-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.octave-stepper{display:inline-flex;align-items:center;gap:5px}.octave-stepper button{width:23px;height:23px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--muted);line-height:1}.octave-stepper button:hover{color:var(--text);background:var(--panel-raised)}.octave-stepper span{min-width:18px;font-family:var(--font-mono);text-align:center}.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.note-key{padding:6px 2px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text);font-family:var(--font-mono);font-size:12.5px}.note-key:hover{border-color:var(--border-strong);background:var(--panel-raised)}.note-key.is-selected{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700}.note-key.is-root:not(.is-selected){border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.saved-tunings{display:flex;flex-direction:column;gap:6px}.saved-tuning{display:flex;align-items:stretch;gap:4px}.saved-tuning-apply{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);text-align:left}.saved-tuning-apply:hover{border-color:var(--border-strong);background:var(--panel-raised)}.saved-tuning-apply span{font-size:13.5px;font-weight:600}.saved-tuning-apply small{overflow:hidden;max-width:100%;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.saved-tuning-delete{width:28px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--faint)}.saved-tuning-delete:hover{border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.search-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:220px}.search-field svg{position:absolute;top:50%;left:10px;width:15px;height:15px;transform:translateY(-50%);fill:none;stroke:var(--faint);stroke-width:1.6;stroke-linecap:round}.search-field input{padding-left:33px}.search-clear{position:absolute;top:50%;right:5px;width:24px;height:24px;padding:0;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:var(--faint);font-size:18px}.search-clear:hover{background:var(--panel-raised);color:var(--text)}.picker-section{display:flex;flex-direction:column;gap:8px;margin-top:16px}.picker-section h3{font-size:10.5px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}.picker-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.preset-save{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.preset-save-row{display:flex;align-items:center;gap:8px}.preset-save-row input{flex:1;min-width:0}.preset-list{display:flex;flex-direction:column;gap:7px}.preset-item{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.preset-row{display:flex;align-items:center;gap:10px;padding:9px 11px}.preset-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.preset-main strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.preset-main span{color:var(--muted);font-size:12.5px}.preset-main small{color:var(--faint);font-size:11px}.preset-actions{display:flex;flex:none;align-items:center;gap:3px}.preset-confirm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-top:1px solid var(--border);background:var(--selection);color:var(--text);font-size:13px}.preset-confirm-actions{display:flex;flex:none;gap:6px}.tuning-saved-row{display:flex;flex-wrap:wrap;gap:7px}.tuning-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);text-align:left}.tuning-chip:hover{border-color:var(--accent);background:var(--selection)}.tuning-chip span{font-size:13.5px;font-weight:600}.tuning-chip small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.tuning-list{display:flex;max-height:52vh;flex-direction:column;gap:3px;overflow-y:auto;padding-right:4px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.tuning-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left}.tuning-option:hover{border-color:var(--border);background:var(--panel-2)}.tuning-option-main{display:flex;min-width:0;flex-direction:column;gap:1px}.tuning-option-name{font-size:14px;font-weight:650}.tuning-option-notes{color:var(--muted);font-family:var(--font-mono);font-size:12px;white-space:pre-wrap}.tuning-option-meta{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px}.structure-picker{display:flex;flex-direction:column;gap:9px;margin-top:7px}.structure-results{display:flex;max-height:430px;flex-direction:column;gap:14px;overflow-y:auto;padding-right:5px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.structure-group h4{margin-bottom:6px;color:var(--faint);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.structure-option{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);text-align:left}.structure-option:hover{border-color:var(--border-strong);background:var(--panel-raised)}.structure-option.is-selected{border-color:var(--accent);background:var(--selection)}.structure-option span{overflow:hidden;max-width:100%;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.structure-option small{color:var(--faint);font-family:var(--font-mono);font-size:10.5px}.structure-hint{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.structure-hint strong{font-size:13.5px}.structure-hint span{color:var(--accent);font-family:var(--font-mono);font-size:12.5px}.structure-hint p{margin-top:2px;color:var(--muted);font-size:12.5px}.structure-hint.compact{padding:8px 10px}.root-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.root-key{padding:6px 1px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);font-family:var(--font-mono);font-size:12.5px}.root-key:hover{border-color:var(--border-strong);background:var(--panel-raised)}.root-key.is-selected{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700}.color-grid{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{display:grid;width:26px;height:26px;place-items:center;padding:0;border:2px solid transparent;border-radius:8px;font-size:13.5px;font-weight:800}.color-swatch.is-selected{border-color:var(--text);box-shadow:0 0 0 2px var(--panel)}.add-layer-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.85fr);gap:20px}.add-layer-side{display:flex;flex-direction:column;gap:14px}.segmented{display:grid;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.segmented button:disabled{opacity:.35}.layer-list{display:flex;flex-direction:column;gap:5px}.layer-row{display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);transition:border-color .12s ease,background .12s ease,opacity .12s ease}.layer-row:hover,.layer-row.is-hovered{border-color:var(--border-strong)}.layer-row.is-selected{border-color:var(--accent);background:var(--selection)}.layer-row.is-hidden{opacity:.55}.layer-select{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:8px 10px;border:0;background:transparent;color:var(--text);text-align:left}.layer-swatch{width:11px;height:11px;flex:none;border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 14%,transparent)}.layer-swatch.is-large{width:16px;height:16px}.layer-info{display:flex;min-width:0;flex-direction:column;gap:1px}.layer-info strong{overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.layer-info small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.layer-delete{color:var(--faint)}.layer-delete:hover{color:var(--danger)}.layer-visibility{margin-right:5px}.substructure-section-head{padding:15px 17px;border-bottom:1px solid var(--border)}.substructures-group-actions .hint{flex:1}.substructure-section .substructures-panel{padding:0;border:0;background:transparent}.substructures-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:9px;align-items:start}.substructures-panel{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.substructures-group{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.substructures-group summary{display:flex;align-items:center;padding:8px 10px;color:var(--text);font-size:12.5px;font-weight:650;list-style:none;cursor:pointer}.substructures-group summary::-webkit-details-marker{display:none}.substructures-group summary:after{color:var(--faint);font-size:10px;content:"▾";transition:transform .14s ease}.substructures-group[open] summary:after{transform:rotate(180deg)}.substructures-count{display:inline-flex;min-width:18px;justify-content:center;margin-left:auto;margin-right:7px;padding:1px 5px;border-radius:999px;background:var(--panel-2);color:var(--faint);font-size:10.5px;font-variant-numeric:tabular-nums}.substructures-body{display:flex;flex-direction:column;gap:7px;padding:0 10px 10px}.substructures-group-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.substructure-list{display:flex;flex-direction:column;gap:4px}.substructures-group .substructure-list{max-height:210px;overflow-y:auto;padding-right:4px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.substructure-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-top:1px solid var(--border)}.substructure-row:first-child{border-top:0}.substructure-row.is-added{opacity:.55}.substructure-degree{min-width:30px;color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}.substructure-name{flex:1;min-width:0;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.substructure-actions{display:flex;flex:none;gap:4px}.substructure-actions .btn{padding:4px 7px;font-size:11.5px;white-space:nowrap}.substructure-audition{width:24px;height:24px;font-size:14px}.superstructure-panel{margin-top:12px}.layer-editor{display:flex;flex-direction:column;gap:13px;margin-top:8px;padding-top:14px;border-top:1px solid var(--border)}.layer-editor-head{display:flex;align-items:center;gap:8px}.layer-editor-close{margin-right:-4px;font-size:20px}.layer-name-input{flex:1;min-width:0;padding:7px 9px;font-size:15px;font-weight:650}.editor-field{display:flex;flex-direction:column;gap:6px}.voicing-controls{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.voicing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.voicing-nav{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.voicing-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.voicing-info strong{font-size:13px}.voicing-info span{color:var(--muted);font-size:12px}.voicing-info small{color:var(--faint);font-size:11px}.layer-editor-actions{padding-top:2px}.custom-structure-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:20px}.form-stack{display:flex;flex-direction:column;gap:12px}.formula-hint p{color:var(--muted);font-size:13px}.formula-preview{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.formula-preview strong{font-family:var(--font-mono);font-size:15.5px}.formula-preview span{color:var(--muted);font-size:12.5px}.formula-preview small{color:var(--faint);font-size:12px}.custom-structure-list{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.custom-structure-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.custom-structure-row:last-child{padding-bottom:0;border-bottom:0}.custom-structure-row>div{display:flex;min-width:0;flex-direction:column;gap:1px}.custom-structure-row strong{font-size:13.5px}.custom-structure-row span{color:var(--muted);font-size:12px}.custom-structure-row small{color:var(--faint);font-family:var(--font-mono);font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px 24px;background:#02060ca8;backdrop-filter:blur(4px);overflow-y:auto}.modal-backdrop-dismiss{position:absolute;inset:0;padding:0;border:0;background:transparent}.modal-panel{position:relative;z-index:1;display:flex;width:min(700px,100%);max-height:90vh;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.modal-panel-wide{width:min(980px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px}.modal-header p{margin-top:3px;font-size:13px}.modal-body{padding:18px;overflow-y:auto}.modal-footer{padding:13px 18px;border-top:1px solid var(--border);background:var(--panel-2)}.modal-footer-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 900px){.add-layer-layout,.custom-structure-layout{grid-template-columns:minmax(0,1fr)}.structure-results{max-height:320px}}@media (max-width: 760px){.setup-strings{order:-1}}@media (max-width: 520px){.string-editor{grid-template-columns:minmax(0,1fr)}.preset-save-row{flex-direction:column;align-items:stretch}.preset-save-row .btn{width:100%}.preset-confirm{flex-direction:column;align-items:stretch}.preset-confirm-actions{justify-content:flex-end}}@media (max-width: 820px){.audio-slider-row{display:grid;grid-template-columns:54px minmax(0,1fr) 38px;align-items:center;gap:8px;color:var(--muted);font-size:11.5px}.audio-slider-row input{width:100%;accent-color:var(--accent)}.audio-slider-value{color:var(--faint);font-size:10.5px;text-align:right;font-variant-numeric:tabular-nums}.audio-bass-toggle{margin:0}.audio-chord-row{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11.5px}.segmented.audio-chord-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.audio-chord-modes button{padding:6px 4px;font-size:10.5px;white-space:nowrap}.local-badge{display:none}.board-top .card-head-actions{width:100%}}@media (max-width: 620px){.header-top{gap:10px}.app-main{padding:14px 12px 28px}.board-card{padding:12px}.card-head.is-page .card-head-title{font-size:18px}.app-header{padding:10px 12px 9px;gap:9px}.app-nav{flex:1;gap:2px;margin-right:0}.app-nav-tab{flex:1 1 auto;padding:9px 4px 11px;font-size:12.5px}.app-nav-tab:after{right:6px;left:6px}.practice-beat{display:none}.practice-toolbar select{max-width:none}.tempo-field{flex:1 1 100%}.tempo-field input[type=range],.practice-buttons{width:100%}.practice-buttons .btn{flex:1 1 auto}.sound-label,.volume-label{display:none}.sound-toggle{padding:5px 8px}.volume-control input[type=range]{width:64px}.panel-header,.panel-body{padding-right:13px;padding-left:13px}.modal-backdrop{padding:2vh 8px 16px}.modal-panel{max-height:94vh}.structure-grid{grid-template-columns:minmax(0,1fr)}.app-footer{flex-direction:column;gap:4px}}.progressions-main{width:min(1600px,100%)}.progressions-main.is-full{width:100%;max-width:none}.progressions-view{display:flex;flex-direction:column;gap:16px}.progressions-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:18px}.progressions-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.progression-builder{position:relative;min-width:230px}.progression-builder-summary{display:flex;min-width:0;align-items:center;gap:7px}.progression-builder-badge{flex:none;padding:2px 6px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:999px;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.progression-builder-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:90;display:flex;width:320px;max-width:calc(100vw - 40px);flex-direction:column;gap:14px;padding:14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-soft)}.progression-builder-title{display:flex;flex-direction:column;gap:2px}.progression-builder-title strong{font-size:13px}.progression-builder-field{display:flex;flex-direction:column;gap:6px}.progression-builder-field>span{color:var(--faint);font-size:11.5px;font-weight:650}.progression-builder-field select{font-size:13px}.progression-cycle-options{display:grid;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.progression-cycle-options button{padding:6px 4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:650}.progression-cycle-options button:hover{color:var(--text)}.progression-cycle-options button.is-active{background:var(--panel-raised);color:var(--text);box-shadow:0 1px 3px #00000029}.progression-builder-hint{color:var(--muted);font-size:11.5px;line-height:1.45}.progression-variation{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:11.5px}.progression-variation strong{min-width:34px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums}.progression-variation .icon-button{width:22px;height:22px;font-size:15px}.progressions-play{align-self:flex-end}.progressions-summary{display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--muted);font-size:13px}.progressions-summary strong{color:var(--text)}.progression-board-legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;color:var(--muted);font-size:12.5px}.progression-strip-section{padding:14px}.progression-strip-head{margin-bottom:10px}.progression-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.progression-chip{display:flex;flex-direction:column;gap:8px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);transition:border-color .12s ease,background .12s ease}.progression-chip:hover{border-color:var(--border-strong)}.progression-chip.is-current{border-color:var(--border-strong);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.progression-chip-head{display:flex;align-items:baseline;gap:6px;min-width:0}.progression-chip-index{min-width:16px;color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums}.progression-chip-dot{width:6px;height:6px;flex:0 0 6px;border-radius:999px}.progression-chip-symbol{color:var(--text);font-size:13.5px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.progression-chip-function{margin-left:auto;color:var(--faint);font-size:10.5px;font-weight:650;white-space:nowrap}.progression-variants{display:flex;flex-wrap:wrap;gap:4px}.note-count-toggle{display:flex;gap:4px}.note-count-button{min-width:30px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.note-count-button.is-active{border-color:var(--accent);background:var(--panel-raised);color:var(--text)}.progression-variant{padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;font-weight:650;line-height:1.2;cursor:pointer}.progression-variant:hover{border-color:var(--border-strong);color:var(--text)}.progression-variant.is-active{border-color:var(--accent);background:var(--panel-raised);color:var(--text)}.progression-playhead-panel{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.progression-playhead-scroll{overflow-x:auto;padding-bottom:3px;cursor:grab;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.progression-playhead-track{display:flex;width:max-content;gap:6px}.progression-playhead-item{display:flex;align-items:baseline;gap:5px;min-width:86px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--muted);font:inherit;text-align:left;cursor:pointer}.progression-playhead-item:hover{border-color:var(--border-strong);color:var(--text)}.progression-playhead-item.is-current{border-color:var(--accent);background:var(--panel-raised);color:var(--text)}.progression-playhead-item.is-playing{box-shadow:inset 0 -3px 0 var(--accent)}.progression-playhead-bar{color:var(--faint);font-size:9px;font-variant-numeric:tabular-nums}.progression-playhead-dot{width:5px;height:5px;flex:0 0 5px;border-radius:999px}.progression-playhead-item strong{font-size:12px;overflow-wrap:anywhere}@media (max-width: 620px){.progressions-head{padding:14px}.progressions-controls,.progressions-play{width:100%}}@media (max-width: 980px){.progression-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.progression-strip{grid-template-columns:1fr}}.practice-marker{transition:opacity .12s linear}.header-transport:empty{display:none}.transport-icon{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.transport-icon.is-filled{fill:currentColor;stroke:none}.practice-transport{display:flex;flex-wrap:wrap;align-items:center;min-height:46px;gap:5px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel-raised)}.practice-transport-title{display:inline-flex;align-items:center;gap:7px;max-width:280px;margin-right:6px;overflow:hidden;color:var(--text);font-size:12.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.practice-transport .practice-beat{margin-left:auto}.practice-transport{--transport-control: 32px}.practice-transport .btn,.practice-transport .transport-tempo,.practice-transport .session-chip,.practice-transport .options-menu-button{box-sizing:border-box;height:var(--transport-control);min-height:var(--transport-control);padding-block:0}.practice-transport .transport-player{align-items:center}.transport-tempo{display:inline-flex;align-items:center;gap:4px;padding:2px 3px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:11.5px}.transport-tempo strong{min-width:26px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.transport-tempo-value{display:inline-flex;align-self:stretch;align-items:center;gap:4px;padding:0 4px;border-radius:6px;cursor:ns-resize;touch-action:none;user-select:none}.transport-tempo-value:hover,.transport-tempo-value:focus-visible{background:var(--panel-raised)}.transport-tempo .icon-button{width:22px;height:22px;font-size:15px}@media (max-width: 760px){.practice-transport-title{display:none}.practice-transport{gap:4px;padding:4px}.practice-transport .practice-beat{display:inline}}.options-menu{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0}.options-menu-changes{min-width:0;overflow:hidden;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.options-menu-changes:hover{color:var(--text)}.options-menu-button{flex:none;gap:6px}.options-menu-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.options-menu-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-ink, var(--bg));font-size:10.5px;font-weight:750}.options-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:flex;flex-direction:column;gap:14px;width:min(440px,calc(100vw - 32px));max-height:min(70vh,640px);overflow-y:auto;padding:14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-soft)}.options-menu-title{display:flex;align-items:center;justify-content:space-between}.options-section{display:flex;flex-direction:column;gap:7px}.options-section+.options-section{padding-top:12px;border-top:1px solid var(--border)}.options-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.options-section-hint{color:var(--faint);font-size:11.5px;text-align:right}.options-section-body{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.pill-segmented{display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.pill-segmented button{padding:4px 9px;border:0;border-radius:6px;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.pill-segmented button:hover:not(:disabled){color:var(--text)}.pill-segmented button.is-active{background:var(--panel-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.segmented button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button.is-active{background:var(--panel-raised);color:var(--text);box-shadow:0 1px 3px #00000029}.palette-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;width:100%}.palette-choice{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);text-align:left}.palette-choice:hover{border-color:var(--border-strong)}.palette-choice.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.palette-swatch{position:relative;display:block;height:34px;border-radius:6px;background:var(--bg);overflow:hidden}.palette-swatch-board{position:absolute;inset:8px 0;background:repeating-linear-gradient(90deg,transparent 0 18px,var(--fret-wire) 18px 19px),linear-gradient(transparent 45%,var(--string) 45% 55%,transparent 55%),var(--fretboard)}.palette-swatch-accent{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:999px;background:var(--accent);transform:translate(-50%,-50%)}.palette-choice-text{display:flex;flex-direction:column;font-size:12.5px}.palette-choice-text span{color:var(--muted);font-size:11px}@media (max-width: 760px){.options-menu-popover{position:fixed;inset:auto 16px 16px;width:auto}}.practice-panel-body{display:flex;flex-direction:column;gap:10px}.practice-panel-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:2px}.practice-panel-head>.card-head{align-self:stretch}.practice-setting-row{display:flex;align-items:baseline;gap:12px}.practice-setting-label{flex:none;width:72px;padding-top:6px;color:var(--faint);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.practice-setting-controls{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}.practice-more-list{display:flex;flex-direction:column;gap:4px}.practice-more-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.practice-more-item:hover{background:var(--panel-2)}.practice-more-item.is-active{border-color:var(--accent)}.practice-more-item span{color:var(--muted);font-size:12px}.quick-recent-chip{max-width:100%;overflow:hidden;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.quick-recent-chip:hover{border-color:var(--border-strong);color:var(--text)}.wizard{display:flex;flex-direction:column;gap:16px}.wizard-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}.wizard-step{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 6px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:650;cursor:pointer}.wizard-step-number{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--panel-raised);font-size:11px}.wizard-step.is-done .wizard-step-number{background:var(--border-strong);color:var(--text)}.wizard-step.is-active{border-color:var(--accent);color:var(--text)}.wizard-step.is-active .wizard-step-number{background:var(--accent);color:var(--accent-ink)}.wizard-section{display:flex;flex-direction:column;gap:14px;min-height:220px}.wizard-section h3{font-size:17px}.wizard-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.wizard-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.wizard-choice span{color:var(--muted);font-size:12.5px;line-height:1.4}.wizard-choice.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.wizard-field{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.wizard-field-label{color:var(--muted);font-size:12px;font-weight:700}.wizard-field-hint,.wizard-note{color:var(--faint);font-size:12px}.wizard-note{color:var(--muted);font-size:13.5px;line-height:1.5}.wizard-pattern-group{display:flex;flex-direction:column;gap:6px}.wizard-pattern-buttons,.wizard-inline{display:flex;flex-wrap:wrap;gap:6px 10px}.wizard-footer{display:flex;flex:1;align-items:center;gap:8px}.wizard-summary{flex:1;min-width:0;overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 620px){.wizard-steps{flex-wrap:wrap}.wizard-summary{display:none}.practice-setting-row{flex-direction:column;gap:4px}.practice-setting-label{padding-top:0}}.practice-surface-note.is-response rect{opacity:.3;stroke:var(--text);stroke-dasharray:3 3;stroke-width:1}.practice-surface-note.is-response.is-active rect{opacity:.6}@media (max-width: 620px){.header-actions{gap:6px}.header-actions .btn{gap:0;padding-inline:9px;font-size:0}}.practice-session,.practice-explore{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.practice-session.is-active{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.practice-session-time{color:var(--text);font-family:var(--font-mono);font-size:13px}.practice-session-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.practice-session-left{margin-right:auto;color:var(--muted);font-family:var(--font-mono);font-size:12.5px}.practice-session-meter{display:flex;align-items:center;gap:10px}.practice-session-bar{flex:1;height:4px;overflow:hidden;border-radius:999px;background:var(--border)}.practice-session-bar span{display:block;height:100%;background:var(--accent);transform-origin:left center;transition:transform .1s linear;will-change:transform}.practice-session-clock{color:var(--muted);font-family:var(--font-mono);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.practice-session-rate{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.practice-session-rate>span{font-weight:650}.practice-session-summary{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.practice-session-summary li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.practice-session-summary li span{color:var(--muted)}.session-chip{padding:2px 8px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.session-chip{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;background:linear-gradient(to right,color-mix(in srgb,var(--accent) 22%,transparent) var(--progress, 0%),transparent var(--progress, 0%))}.session-chip-end{padding:0 2px;border:0;background:none;color:inherit;font-size:14px;line-height:1;opacity:.75}.session-chip-end:hover{opacity:1}.practice-session-end{margin-left:auto}.session-chip.is-rating{background:var(--accent);color:var(--accent-ink)}.practice-exercise-groups{display:flex;flex-wrap:wrap;gap:10px}.practice-exercise-group{flex:1 1 auto;min-width:0;margin:0;padding:6px 10px 10px;border:1px solid var(--border);border-radius:10px}.practice-exercise-group legend{padding:0 4px;color:var(--faint);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.practice-exercise-group-chips{display:flex;flex-wrap:wrap;gap:6px}@media (max-width: 380px){.app-nav-tab{padding-inline:2px;font-size:11.5px}}.setup-instrument{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}.setup-instrument p{flex-basis:100%;margin:0}.fret-pick{fill:transparent;cursor:pointer}.fret-pick:hover{fill:var(--selection)}.fret-pick-shade,.piano-pick-shade{fill:var(--bg);opacity:.6}.practice-quiz{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-raised)}.practice-quiz-prompt{display:flex;flex-direction:column;gap:3px}.practice-quiz-prompt strong{color:var(--text);font-size:15px}.practice-quiz-prompt span{color:var(--muted);font-size:12.5px}.practice-quiz-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.practice-quiz-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:13px;font-weight:600;text-align:left}.practice-quiz-option:hover:not(:disabled){border-color:var(--accent)}.practice-quiz-option kbd{min-width:18px;padding:1px 4px;border:1px solid var(--border-strong);border-radius:4px;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-align:center}.practice-quiz-option:disabled{cursor:default}.practice-quiz-option.is-right{border-color:var(--success);background:color-mix(in srgb,var(--success) 16%,var(--panel))}.practice-quiz-option.is-wrong{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,var(--panel))}.practice-quiz-option.is-faded{opacity:.5}.practice-quiz-countdown{height:4px;overflow:hidden;border-radius:999px;background:var(--border)}.practice-quiz-countdown span{display:block;height:100%;background:var(--accent);transform-origin:left center;animation:quiz-countdown linear forwards}@keyframes quiz-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.quiz-score{color:var(--muted);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.practice-back{flex:none;border-color:var(--accent);color:var(--accent)}.quiz-staff{display:flex;justify-content:center;overflow-x:auto;color:var(--text)}.quiz-staff svg{max-width:100%;height:auto}.quiz-ear{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0}.quiz-prompt{overflow:hidden;color:var(--text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.transport-player{display:inline-flex;align-items:stretch;gap:2px}.transport-player .transport-step{padding-inline:8px}.transport-player .transport-play{min-width:84px;justify-content:center}.transport-more-row{display:flex;flex-wrap:wrap;gap:6px}.practice-exercise-group.is-unavailable{opacity:.7}.practice-group-note{max-width:260px;color:var(--muted);font-size:12px}.quiz-answers{display:flex;flex-wrap:wrap;gap:4px}.quiz-answers .practice-quiz-option{padding:4px 8px;font-size:12px;gap:6px}.you-main{width:min(1600px,100%)}.you-main.is-full{width:100%;max-width:none}.you-view{display:flex;flex-direction:column;gap:16px;min-width:0}.you-head{padding:16px 20px}.you-instrument-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.you-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media (min-width: 1100px){.you-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.you-grid>.you-plan{grid-row:span 2}}.you-card,.you-wizard{display:flex;flex-direction:column;gap:14px;padding:18px 20px;min-width:0}.you-wizard{max-width:760px}.you-wizard h3,.you-card h3{margin:0;font-size:16px}.you-wizard-progress,.you-wizard-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.you-wizard-actions{justify-content:flex-end}.you-rows{display:flex;flex-direction:column;gap:8px}.you-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:36px}.you-chart{position:relative}.you-chart-empty{position:absolute;top:50%;right:0;left:0;text-align:center}.you-group{display:flex;flex-direction:column;gap:6px}.you-group-label{color:var(--faint);font-size:12.5px}.you-chips{display:flex;flex-wrap:wrap;gap:6px}.you-chip{padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.you-chip:hover{color:var(--text);border-color:var(--border-strong)}.you-chip.is-active{border-color:var(--accent);background:var(--selection);color:var(--text)}.you-goals,.you-families,.you-recent{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.you-goal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.you-goal.is-paused .you-goal-main{opacity:.55}.you-goal-main{display:flex;flex:1 1 220px;flex-direction:column;gap:4px;min-width:0}.you-goal-meta,.you-goal-elsewhere{color:var(--muted);font-size:12.5px}.you-goal-elsewhere{color:var(--faint)}.you-level{overflow:hidden;width:min(180px,100%);height:6px;border-radius:3px;background:var(--border)}.you-level span{display:block;height:100%;border-radius:3px;background:var(--accent);transform-origin:left}.you-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.you-add .inline-field{flex:1 1 260px;min-width:0}.you-add .search-select{flex:1 1 auto}.you-families li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;font-size:13.5px}.you-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.you-tile{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.you-tile span{color:var(--muted);font-size:12px}.you-tile strong{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.you-chart{margin:0}.you-chart figcaption,.you-table caption{margin-bottom:8px;color:var(--faint);font-size:12.5px;text-align:left}.you-bars{display:grid;grid-template-columns:repeat(28,1fr);gap:2px;height:96px;border-bottom:1px solid var(--border)}.you-bar{position:relative;display:flex;align-items:flex-end;height:100%;outline:none}.you-bar>span:first-child{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--accent)}.you-bar:hover>span:first-child,.you-bar:focus-visible>span:first-child{background:var(--accent-strong)}.you-bar:hover:after,.you-bar:focus-visible:after{position:absolute;inset:0;border-radius:4px;background:var(--selection);content:"";pointer-events:none}.you-bar-tip{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:2;display:none;padding:4px 8px;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel-raised);color:var(--text);font-size:12px;white-space:nowrap;transform:translate(-50%);pointer-events:none}.you-bar:nth-child(-n+4) .you-bar-tip{left:0;transform:none}.you-bar:nth-last-child(-n+4) .you-bar-tip{right:0;left:auto;transform:none}.you-bar:hover .you-bar-tip,.you-bar:focus-visible .you-bar-tip{display:block}.you-chart-axis{display:flex;justify-content:space-between;margin-top:4px;color:var(--faint);font-size:11.5px}.you-table{width:100%;border-collapse:collapse;font-size:13px}.you-table th,.you-table td{padding:6px 8px 6px 0;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.you-table thead th{color:var(--faint);font-size:12px;font-weight:600}.you-table tbody th{font-weight:600}.you-table td{color:var(--muted);font-variant-numeric:tabular-nums}.you-recent li{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.you-recent li>span:nth-child(2){flex:1 1 160px;color:var(--muted)}.you-rating{color:var(--muted)}.you-known{display:grid;gap:4px;margin:0;font-size:13.5px}.you-known dt{margin-top:6px;color:var(--faint);font-size:12.5px}.you-known dd{margin:0}@media (max-width: 720px){.you-bars{height:72px}}.you-bar{padding:0;border:0;background:none;cursor:default}.you-note{margin:0;padding:8px 12px;border-left:3px solid var(--accent);border-radius:6px;background:var(--selection);font-size:13px}.you-keys{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding-left:4px;font-size:12.5px}.you-keys>span{min-width:120px;color:var(--muted)}.you-key-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.you-key{min-width:30px;padding:3px 5px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.you-key.is-active{border-color:var(--accent);background:var(--selection);color:var(--text)}.practice-plan-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:14px;background:var(--panel-2)}.you-plan-review{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.you-plan-review li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.you-plan-review li strong{flex:1 1 160px}.you-plan-review li.is-dropped strong,.you-plan-review li.is-dropped .you-goal-instrument{opacity:.45;text-decoration:line-through}.you-goal-instrument{min-width:110px;color:var(--faint);font-size:12.5px}.you-goal-keys{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:11.5px}.you-goal-keys>span:first-child:not(.you-goal-key){min-width:100px;color:var(--faint)}.you-goal-key{min-width:26px;padding:2px 4px;border:1px solid var(--border);border-radius:5px;color:var(--faint);text-align:center}.you-goal-key.is-solid{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.you-goal-key.is-working{border-color:var(--accent);color:var(--text)}.you-details>summary{color:var(--muted);font-size:13px;cursor:pointer}.you-details[open]>summary{margin-bottom:10px}.you-editor{display:flex;flex-direction:column;gap:10px}.desktop-main.is-focus{grid-template-columns:minmax(0,1fr)}.practice-target{display:flex;flex-direction:column;gap:8px}.practice-target-fields{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.practice-target-structure{flex:1 1 220px;min-width:0}.practice-target-layers{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.quick-recent-chip.is-active{border-color:var(--accent);color:var(--text)}.side-column .practice-plan-card{padding:16px 18px;border-left-width:3px}.plan-up-next{display:flex;flex-direction:column;gap:6px}.plan-up-next ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.plan-up-next-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}.plan-up-next-item:hover{border-color:var(--border-strong)}.plan-up-next-item.is-active{border-color:var(--accent);background:var(--selection)}.plan-up-next-item strong{font-size:13.5px}.plan-up-next-item span{color:var(--muted);font-size:12px}.you-section{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.you-section h4,.you-tune-structure h5{margin:0;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.you-tune-structure h5{color:var(--text);font-size:13px;letter-spacing:0;text-transform:none}.you-field-label{min-width:96px;color:var(--faint);font-size:12px}.you-goal-focus{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.you-goal-focus .you-field-label{min-width:0}.you-tune{flex-basis:100%}.you-tune-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.you-tune-row .hint{flex:1 1 200px;font-size:12px}.you-tune-table-head,.you-tune-families li{display:grid;grid-template-columns:minmax(120px,1fr) 150px 172px;align-items:center;gap:6px 12px}.you-tune-table-head{padding-top:4px;color:var(--faint);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.you-tune-families .you-tune-controls{display:contents}.you-tune select{width:150px;min-width:0}@media (max-width: 560px){.you-tune-table-head{display:none}.you-tune-families li{grid-template-columns:minmax(0,1fr) auto}.you-tune-families li>span:first-child{grid-column:1 / -1}}.you-tune-structure{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.you-tune-keys{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:11.5px}.you-tune-keys .you-goal-key{cursor:pointer;font:inherit;background:transparent}.you-tune-keys .you-goal-key.is-solid{background:var(--accent)}.you-tune-families li.is-lagging>span:first-child{color:var(--text);font-weight:600}.you-tune-families em{color:var(--accent);font-style:normal;font-weight:500}.instrument-switch{display:inline-flex;align-items:center;gap:4px}.instrument-switch .pill-segmented{flex-wrap:nowrap}.structure-practice{display:flex;flex-direction:column;gap:12px;padding:16px 18px}.structure-practice-voicing{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.structure-practice-plan{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px}.instrument-add-menu{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:200px}.instrument-add-menu .btn{justify-content:flex-start}.instrument-add-menu p{margin:6px 0 0}.instrument-switch-select{max-width:150px}.instrument-identity{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin-bottom:14px}.instrument-identity .field{flex:1 1 200px}.instrument-identity p{flex-basis:100%;margin:0}.practice-session-length{align-items:center}.practice-session-length button{min-width:30px;padding-inline:6px;font-variant-numeric:tabular-nums}.practice-session-length-unit{padding:0 6px 0 2px;color:var(--faint);font-size:12px}.instrument-panel-switch{padding:12px 17px}.instrument-switch.is-panel,.instrument-switch.is-panel .pill-segmented{flex-wrap:wrap}.board-views{margin:12px 0 4px}.board-surface{min-height:160px}.board-surface .practice-surface{margin-top:8px}.triad-pair-choice{flex-wrap:wrap}.triad-pair-choice button{display:inline-flex;align-items:center;gap:8px}.triad-pair-name{display:inline-flex;align-items:center;gap:4px}.triad-pair-name i{width:8px;height:8px;border-radius:50%}.progression-variant-note{flex-basis:100%;margin:2px 0 0;color:var(--muted);font-size:11.5px;line-height:1.35}.btn.toggle.is-active{border-color:var(--accent);background:var(--selection);color:var(--accent)}.audio-settings-body{display:flex;flex-direction:column;gap:10px;min-width:250px}.audio-settings-body .toggle{align-self:flex-start}.app-nav-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--accent);vertical-align:middle}.app-nav-session{align-self:center;margin-left:8px}.transcribe-surface{margin-top:12px;min-width:0}.transcribe-empty{padding:28px 18px}.transcribe-empty p{margin:0;max-width:60ch}.transcribe-sound-hint{margin-top:8px;color:var(--accent)}.transcribe-zoom{display:inline-flex;align-items:center;gap:2px;padding:2px 3px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.transcribe-zoom .icon-button{width:24px;height:24px;font-size:15px}.transcribe-zoom-fit{min-width:40px;padding:2px 6px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.transcribe-zoom-fit:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}.transcribe-zoom-fit:disabled{cursor:default}.waveform{position:relative;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);overflow:hidden}.waveform-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.waveform-content{position:relative;min-width:100%;cursor:text;touch-action:pan-x;user-select:none}.waveform-canvas{position:sticky;left:0;display:block}.waveform-loop{position:absolute;top:0;border-inline:1px dashed var(--border-strong);background:color-mix(in srgb,var(--accent) 5%,transparent);pointer-events:none}.waveform-loop.is-on{border-inline:2px solid var(--accent);background:var(--selection)}.waveform-marker{position:absolute;top:0;width:0;border-left:1.5px solid var(--marker-color, var(--text));opacity:.9}.waveform-marker-chip{position:absolute;top:4px;left:-1px;display:inline-flex;max-width:160px;align-items:center;gap:4px;padding:1px 6px 1px 5px;border:1px solid var(--marker-color, var(--border-strong));border-radius:0 6px 6px 0;background:var(--panel-raised);color:var(--text);font-size:11px;font-weight:650;line-height:1.4;white-space:nowrap;cursor:ew-resize;touch-action:none}.waveform-marker-chip:hover,.waveform-marker-chip:focus-visible{border-color:var(--accent)}.waveform-marker-number{color:var(--marker-color, var(--accent));font-variant-numeric:tabular-nums}.waveform-marker-label{overflow:hidden;text-overflow:ellipsis}.waveform-section{position:absolute;top:0;height:16px;overflow:hidden;border-top:3px solid var(--section-color);background:color-mix(in srgb,var(--section-color) 18%,transparent);pointer-events:none}.waveform-section-label{display:block;padding:0 6px;overflow:hidden;color:var(--text);font-size:10.5px;font-weight:650;line-height:13px;text-overflow:ellipsis;white-space:nowrap}.waveform.has-sections .waveform-marker-chip{top:20px}.waveform-playhead{position:absolute;top:0;left:0;width:2px;margin-left:-1px;background:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--panel) 60%,transparent);pointer-events:none;will-change:transform}.transcribe-name{max-width:420px}.transcribe-markers{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.transcribe-segment{display:flex;align-items:center;gap:4px;padding:3px 4px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.transcribe-segment.is-current{border-color:var(--marker-color, var(--border));background:var(--panel-2)}.transcribe-marker-number{display:inline-grid;width:22px;height:22px;flex:none;place-items:center;border:1px solid var(--marker-color, var(--border));border-radius:6px;background:color-mix(in srgb,var(--marker-color, var(--accent)) 16%,var(--panel-raised));color:var(--marker-color, var(--accent));padding:0;font:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.transcribe-marker-number:hover{background:color-mix(in srgb,var(--marker-color, var(--accent)) 30%,var(--panel-raised))}.transcribe-marker-number[aria-pressed=true]{background:var(--marker-color, var(--accent));color:var(--panel)}.transcribe-marker-time{flex:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums}input.transcribe-marker-label{width:120px;min-width:0;padding:3px 7px;font-size:13px}.transcribe-file-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.transcribe-file-list li{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:10px}.transcribe-file-list li.is-open{border-color:var(--border);border-left:3px solid var(--accent);background:var(--panel-2)}.transcribe-file{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px;padding:7px 9px;border:0;border-radius:10px;background:none;color:var(--text);text-align:left}.transcribe-file strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.transcribe-file span{color:var(--muted);font-size:12.5px}.transcribe-file:hover strong{color:var(--accent)}.transcribe-file-list .icon-button{margin-right:4px}.transcribe-trainer-value{display:flex;width:100%;align-items:center;gap:6px}.transcribe-trainer-label{width:56px;color:var(--faint);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.transcribe-trainer-value output{min-width:96px;color:var(--muted);font-size:12.5px}.transcribe-trainer-value output strong{color:var(--text);font-variant-numeric:tabular-nums}@media (max-width: 620px){.transcribe-markers li{gap:5px;padding-inline:3px}}@media (max-width: 520px){.header-tabs .app-nav{flex-wrap:wrap}}.transcribe-controls{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.transcribe-controls h3{margin:0 0 8px}.transcribe-controls dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;margin:0}.transcribe-controls dl>div{display:flex;gap:8px;align-items:baseline}.transcribe-controls dt{flex:none}.transcribe-controls dd{margin:0;color:var(--muted);font-size:12.5px}.transcribe-controls kbd{padding:1px 6px;border:1px solid var(--border-strong);border-radius:5px;background:var(--panel-2);color:var(--text);font-family:var(--font-ui);font-size:11.5px;font-weight:650;white-space:nowrap}.transcribe-arrows{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.transcribe-arrows-label{color:var(--muted);font-size:12px;font-weight:650}.transcribe-status{display:inline-flex;gap:3px;padding:0 2px}.transcribe-status-dot{width:14px;height:14px;padding:0;border:2px solid var(--status-color);border-radius:50%;background:transparent;opacity:.55;cursor:pointer}.transcribe-status-dot:hover{opacity:.9}.transcribe-status-dot[aria-pressed=true]{background:var(--status-color);opacity:1}.waveform-marker-status{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;box-shadow:0 0 0 1.5px var(--panel-raised)}.data-menu{display:flex;flex-direction:column;gap:10px;max-width:320px}.transcribe-set-all{display:flex;align-items:center;gap:8px}.transcribe-segments-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:4px 0 6px}.transcribe-legend button{display:inline-flex;align-items:center;gap:6px;font-size:12px}.transcribe-legend-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--status-color)}.transcribe-legend-dot.is-none{border:1.5px solid var(--status-color);background:transparent}.transcribe-legend-count{color:var(--faint);font-variant-numeric:tabular-nums}.transcribe-focus-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px}.transcribe-set-all-label{color:var(--muted);font-size:12px;font-weight:650}.transcribe-section{display:flex;flex-basis:100%;flex-direction:column;gap:6px;padding:6px 8px 8px;border:1px solid var(--border);border-top:3px solid var(--section-color);border-radius:10px;background:color-mix(in srgb,var(--section-color) 6%,var(--panel))}.transcribe-section.is-collapsed{padding-bottom:6px}.transcribe-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.transcribe-section-name{padding:4px 8px;width:150px;min-width:0;font-weight:650}.transcribe-section-span{font-family:var(--font-mono);font-size:12px}.transcribe-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto}.transcribe-markers.is-nested{padding-left:26px}.transcribe-section-color{position:relative;display:inline-flex}.transcribe-swatch{width:18px;height:18px;padding:0;border:2px solid var(--panel-raised);border-radius:50%;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer}.transcribe-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.transcribe-swatches{position:absolute;z-index:20;top:calc(100% + 6px);left:0;display:grid;grid-template-columns:repeat(4,18px);gap:8px;padding:10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel-raised);box-shadow:var(--shadow, 0 8px 24px rgb(0 0 0 / 30%))}.transcribe-health{display:flex;width:72px;height:6px;flex:none;gap:1px;overflow:hidden;border-radius:3px;background:var(--border)}.transcribe-file .transcribe-health{width:100%;margin-top:5px}.transcribe-health>span{display:block;min-width:2px;height:100%}[data-palette=indigo-dark]{--bg: #0a0a0b;--panel: #141416;--panel-2: #0f0f10;--panel-raised: #1e1e22;--border: #28282e;--border-strong: #3a3a42;--text: #e8e8ed;--muted: #a8a8b4;--faint: #7a7a88;--accent: #6366f1;--accent-strong: #818cf8;--accent-ink: #ffffff;--danger: #f87171;--fretboard: #101012;--open-bg: #0f0f10;--fret-wire: #66666d;--nut: #d5d5dc;--string: #b3b3b7;--inlay: #3a3a42;--marker-ring: #ffffff;--piano-white: #1e1e22;--piano-black: #060607;--piano-border: #3a3a42;--piano-label: #a8a8b4;--bg-glow: rgba(99, 102, 241, .07);--practice-section-a: rgba(99, 102, 241, .07);--practice-section-b: rgba(168, 168, 180, .06);--selection: rgba(99, 102, 241, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4)}[data-palette=dracula]{--bg: #1e1f29;--panel: #282a36;--panel-2: #232430;--panel-raised: #44475a;--border: #44475a;--border-strong: #6272a4;--text: #f8f8f2;--muted: #a9aab5;--faint: #6272a4;--accent: #bd93f9;--accent-strong: #caa9fa;--accent-ink: #111111;--danger: #f87171;--fretboard: #242631;--open-bg: #232430;--fret-wire: #8894b8;--nut: #e0e1e0;--string: #c4c4c3;--inlay: #6272a4;--marker-ring: #ffffff;--piano-white: #44475a;--piano-black: #14141b;--piano-border: #6272a4;--piano-label: #a9aab5;--bg-glow: rgba(189, 147, 249, .07);--practice-section-a: rgba(189, 147, 249, .07);--practice-section-b: rgba(169, 170, 181, .06);--selection: rgba(189, 147, 249, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .55);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .45)}[data-palette=one-dark]{--bg: #21252b;--panel: #282c34;--panel-2: #242830;--panel-raised: #2c313a;--border: #3e4452;--border-strong: #4b5263;--text: #abb2bf;--muted: #9da5b4;--faint: #5c6370;--accent: #61afef;--accent-strong: #82c0f5;--accent-ink: #111111;--danger: #f87171;--fretboard: #252930;--open-bg: #242830;--fret-wire: #636a7a;--nut: #a7aebc;--string: #8a909c;--inlay: #4b5263;--marker-ring: #ffffff;--piano-white: #2c313a;--piano-black: #15181c;--piano-border: #4b5263;--piano-label: #9da5b4;--bg-glow: rgba(97, 175, 239, .07);--practice-section-a: rgba(97, 175, 239, .07);--practice-section-b: rgba(157, 165, 180, .06);--selection: rgba(97, 175, 239, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4)}[data-palette=monokai]{--bg: #1e1f1a;--panel: #272822;--panel-2: #22241e;--panel-raised: #3e3d32;--border: #49483e;--border-strong: #75715e;--text: #f8f8f2;--muted: #cfcfc2;--faint: #75715e;--accent: #a6e22e;--accent-strong: #baf255;--accent-ink: #111111;--danger: #f87171;--fretboard: #23241f;--open-bg: #22241e;--fret-wire: #969383;--nut: #ecece4;--string: #c4c4be;--inlay: #75715e;--marker-ring: #ffffff;--piano-white: #3e3d32;--piano-black: #141411;--piano-border: #75715e;--piano-label: #cfcfc2;--bg-glow: rgba(166, 226, 46, .07);--practice-section-a: rgba(166, 226, 46, .07);--practice-section-b: rgba(207, 207, 194, .06);--selection: rgba(166, 226, 46, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .55);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .45)}[data-palette=nord]{--bg: #2e3440;--panel: #3b4252;--panel-2: #343b49;--panel-raised: #434c5e;--border: #3b4252;--border-strong: #4c566a;--text: #eceff4;--muted: #9099b0;--faint: #616e88;--accent: #88c0d0;--accent-strong: #8fbcbb;--accent-ink: #111111;--danger: #f87171;--fretboard: #363c4b;--open-bg: #343b49;--fret-wire: #747c8c;--nut: #d0d5e0;--string: #c0c4cc;--inlay: #4c566a;--marker-ring: #ffffff;--piano-white: #434c5e;--piano-black: #1e222a;--piano-border: #4c566a;--piano-label: #9099b0;--bg-glow: rgba(136, 192, 208, .07);--practice-section-a: rgba(136, 192, 208, .07);--practice-section-b: rgba(144, 153, 176, .06);--selection: rgba(136, 192, 208, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .35)}[data-palette=gruvbox-dark]{--bg: #282828;--panel: #32302f;--panel-2: #2d2c2c;--panel-raised: #3c3836;--border: #3c3836;--border-strong: #504945;--text: #ebdbb2;--muted: #a89984;--faint: #928374;--accent: #d65d0e;--accent-strong: #fe8019;--accent-ink: #111111;--danger: #f87171;--fretboard: #2e2d2c;--open-bg: #2d2c2c;--fret-wire: #776e60;--nut: #d7c7a4;--string: #bdb091;--inlay: #504945;--marker-ring: #ffffff;--piano-white: #3c3836;--piano-black: #1a1a1a;--piano-border: #504945;--piano-label: #a89984;--bg-glow: rgba(214, 93, 14, .07);--practice-section-a: rgba(214, 93, 14, .07);--practice-section-b: rgba(168, 153, 132, .06);--selection: rgba(214, 93, 14, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4)}[data-palette=catppuccin-mocha]{--bg: #1e1e2e;--panel: #313244;--panel-2: #282839;--panel-raised: #45475a;--border: #313244;--border-strong: #45475a;--text: #cdd6f4;--muted: #a6adc8;--faint: #6c7086;--accent: #cba6f7;--accent-strong: #d4b8fa;--accent-ink: #111111;--danger: #f87171;--fretboard: #292a3b;--open-bg: #282839;--fret-wire: #676b80;--nut: #c1cae7;--string: #a6adc8;--inlay: #45475a;--marker-ring: #ffffff;--piano-white: #45475a;--piano-black: #14141e;--piano-border: #45475a;--piano-label: #a6adc8;--bg-glow: rgba(203, 166, 247, .07);--practice-section-a: rgba(203, 166, 247, .07);--practice-section-b: rgba(166, 173, 200, .06);--selection: rgba(203, 166, 247, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .35)}[data-palette=tokyo-night]{--bg: #1a1b26;--panel: #16161e;--panel-2: #181822;--panel-raised: #292e42;--border: #292e42;--border-strong: #3d4466;--text: #c0caf5;--muted: #a9b1d6;--faint: #565f89;--accent: #bb9af7;--accent-strong: #c9aaff;--accent-ink: #111111;--danger: #f87171;--fretboard: #181821;--open-bg: #181822;--fret-wire: #5e668a;--nut: #b9c2ec;--string: #969dbf;--inlay: #3d4466;--marker-ring: #ffffff;--piano-white: #292e42;--piano-black: #111219;--piano-border: #3d4466;--piano-label: #a9b1d6;--bg-glow: rgba(187, 154, 247, .07);--practice-section-a: rgba(187, 154, 247, .07);--practice-section-b: rgba(169, 177, 214, .06);--selection: rgba(187, 154, 247, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4)}[data-palette=rose-pine]{--bg: #191724;--panel: #1f1d2e;--panel-2: #1c1a29;--panel-raised: #26233a;--border: #2a2740;--border-strong: #362f50;--text: #e0def4;--muted: #908caa;--faint: #6e6a86;--accent: #eb6f92;--accent-strong: #f087a5;--accent-ink: #111111;--danger: #f87171;--fretboard: #1d1b2a;--open-bg: #1c1a29;--fret-wire: #605b79;--nut: #c8c5de;--string: #b0aec2;--inlay: #362f50;--marker-ring: #ffffff;--piano-white: #26233a;--piano-black: #100f17;--piano-border: #362f50;--piano-label: #908caa;--bg-glow: rgba(235, 111, 146, .07);--practice-section-a: rgba(235, 111, 146, .07);--practice-section-b: rgba(144, 140, 170, .06);--selection: rgba(235, 111, 146, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4)}[data-palette=kanagawa]{--bg: #16161d;--panel: #1f1f28;--panel-2: #1a1a22;--panel-raised: #2a2a37;--border: #2a2a37;--border-strong: #54546d;--text: #dcd7ba;--muted: #938aa9;--faint: #727169;--accent: #7e9cd8;--accent-strong: #9ab5e8;--accent-ink: #111111;--danger: #f87171;--fretboard: #1b1b24;--open-bg: #1a1a22;--fret-wire: #767580;--nut: #c6c0b5;--string: #ada996;--inlay: #54546d;--marker-ring: #ffffff;--piano-white: #2a2a37;--piano-black: #0e0e13;--piano-border: #54546d;--piano-label: #938aa9;--bg-glow: rgba(126, 156, 216, .07);--practice-section-a: rgba(126, 156, 216, .07);--practice-section-b: rgba(147, 138, 169, .06);--selection: rgba(126, 156, 216, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .55);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .45)}[data-palette=ayu-dark]{--bg: #0d1017;--panel: #131721;--panel-2: #10141c;--panel-raised: #1c2430;--border: #1c2430;--border-strong: #253040;--text: #bfbdb6;--muted: #8a9199;--faint: #626a73;--accent: #e6b450;--accent-strong: #f0ca6e;--accent-ink: #111111;--danger: #f87171;--fretboard: #11141d;--open-bg: #10141c;--fret-wire: #4c535e;--nut: #afb0ad;--string: #949491;--inlay: #253040;--marker-ring: #ffffff;--piano-white: #1c2430;--piano-black: #080a0f;--piano-border: #253040;--piano-label: #8a9199;--bg-glow: rgba(230, 180, 80, .07);--practice-section-a: rgba(230, 180, 80, .07);--practice-section-b: rgba(138, 145, 153, .06);--selection: rgba(230, 180, 80, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .6);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .5)}[data-palette=everforest-dark]{--bg: #232a2e;--panel: #2b3339;--panel-2: #272e34;--panel-raised: #343f44;--border: #3d484d;--border-strong: #475258;--text: #d3c6aa;--muted: #9da9a0;--faint: #7a8478;--accent: #a7c080;--accent-strong: #b9d190;--accent-ink: #111111;--danger: #f87171;--fretboard: #282f35;--open-bg: #272e34;--fret-wire: #6a6f6c;--nut: #c3bda7;--string: #a9a18e;--inlay: #475258;--marker-ring: #ffffff;--piano-white: #343f44;--piano-black: #171b1e;--piano-border: #475258;--piano-label: #9da9a0;--bg-glow: rgba(167, 192, 128, .07);--practice-section-a: rgba(167, 192, 128, .07);--practice-section-b: rgba(157, 169, 160, .06);--selection: rgba(167, 192, 128, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .4)}[data-palette=solarized-dark]{--bg: #002b36;--panel: #073642;--panel-2: #04303c;--panel-raised: #0d4555;--border: #0d4555;--border-strong: #155060;--text: #839496;--muted: #657b83;--faint: #586e75;--accent: #268bd2;--accent-strong: #4aa8e8;--accent-ink: #111111;--danger: #f87171;--fretboard: #04323d;--open-bg: #04303c;--fret-wire: #30616e;--nut: #7a8c90;--string: #647c81;--inlay: #155060;--marker-ring: #ffffff;--piano-white: #0d4555;--piano-black: #001c23;--piano-border: #155060;--piano-label: #657b83;--bg-glow: rgba(38, 139, 210, .07);--practice-section-a: rgba(38, 139, 210, .07);--practice-section-b: rgba(101, 123, 131, .06);--selection: rgba(38, 139, 210, .13);--shadow: 0 24px 60px rgba(0, 0, 0, .55);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .45)}[data-palette=indigo-light]{--bg: #f5f5f7;--panel: #ffffff;--panel-2: #fafafb;--panel-raised: #f0f0f2;--border: #e2e2e6;--border-strong: #c8c8d0;--text: #1a1a1e;--muted: #6b6b76;--faint: #8e8e9a;--accent: #4f46e5;--accent-strong: #6366f1;--accent-ink: #ffffff;--danger: #dc2626;--fretboard: #f8f8f8;--open-bg: #f5f5f7;--fret-wire: #c8c8d0;--nut: #313137;--string: #818183;--inlay: #d8d8de;--marker-ring: #1a1a1e;--piano-white: #ffffff;--piano-black: #1a1a1e;--piano-border: #c8c8d0;--piano-label: #6b6b76;--bg-glow: rgba(79, 70, 229, .06);--practice-section-a: rgba(79, 70, 229, .06);--practice-section-b: rgba(107, 107, 118, .05);--selection: rgba(79, 70, 229, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .14);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .08)}[data-palette=catppuccin-latte]{--bg: #eff1f5;--panel: #e6e9ef;--panel-2: #eaedf2;--panel-raised: #dce0e8;--border: #ccd0da;--border-strong: #bcc0cc;--text: #4c4f69;--muted: #6c6f85;--faint: #9ca0b0;--accent: #8839ef;--accent-strong: #9a55f0;--accent-ink: #ffffff;--danger: #dc2626;--fretboard: #e1e4ec;--open-bg: #eff1f5;--fret-wire: #bcc0cc;--nut: #52556f;--string: #9194a5;--inlay: #c9ccd6;--marker-ring: #4c4f69;--piano-white: #eff1f5;--piano-black: #4c4f69;--piano-border: #bcc0cc;--piano-label: #6c6f85;--bg-glow: rgba(136, 57, 239, .06);--practice-section-a: rgba(136, 57, 239, .06);--practice-section-b: rgba(108, 111, 133, .05);--selection: rgba(136, 57, 239, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .15);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .09)}[data-palette=gruvbox-light]{--bg: #f9f5d7;--panel: #f2e5bc;--panel-2: #f6edca;--panel-raised: #ebdbb2;--border: #e0d4a8;--border-strong: #c8be9a;--text: #3c3836;--muted: #7c6f64;--faint: #928374;--accent: #af3a03;--accent-strong: #cc4800;--accent-ink: #ffffff;--danger: #dc2626;--fretboard: #eee0b7;--open-bg: #f9f5d7;--fret-wire: #c8be9a;--nut: #4d4742;--string: #8e8672;--inlay: #d5caa4;--marker-ring: #3c3836;--piano-white: #f9f5d7;--piano-black: #3c3836;--piano-border: #c8be9a;--piano-label: #7c6f64;--bg-glow: rgba(175, 58, 3, .06);--practice-section-a: rgba(175, 58, 3, .06);--practice-section-b: rgba(124, 111, 100, .05);--selection: rgba(175, 58, 3, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .16);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .1)}[data-palette=ayu-light]{--bg: #fafafa;--panel: #f0f0f0;--panel-2: #f5f5f5;--panel-raised: #e8e8e8;--border: #e0e0e0;--border-strong: #c8c8c8;--text: #5c6166;--muted: #8a9199;--faint: #abb0b6;--accent: #ff8f40;--accent-strong: #ffa560;--accent-ink: #111111;--danger: #dc2626;--fretboard: #ececec;--open-bg: #fafafa;--fret-wire: #c8c8c8;--nut: #656b70;--string: #9fa1a4;--inlay: #d4d4d4;--marker-ring: #5c6166;--piano-white: #ffffff;--piano-black: #5c6166;--piano-border: #c8c8c8;--piano-label: #8a9199;--bg-glow: rgba(255, 143, 64, .06);--practice-section-a: rgba(255, 143, 64, .06);--practice-section-b: rgba(138, 145, 153, .05);--selection: rgba(255, 143, 64, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .14);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .08)}[data-palette=everforest-light]{--bg: #f3eed3;--panel: #e9e4ca;--panel-2: #eee9ce;--panel-raised: #dfdab9;--border: #d0cbb4;--border-strong: #b8b49e;--text: #5c6a72;--muted: #829181;--faint: #93a19b;--accent: #5a7a55;--accent-strong: #6e9469;--accent-ink: #ffffff;--danger: #dc2626;--fretboard: #e4dfc2;--open-bg: #f3eed3;--fret-wire: #b8b49e;--nut: #647275;--string: #9ba19a;--inlay: #c7c2ab;--marker-ring: #5c6a72;--piano-white: #f3eed3;--piano-black: #5c6a72;--piano-border: #b8b49e;--piano-label: #829181;--bg-glow: rgba(90, 122, 85, .06);--practice-section-a: rgba(90, 122, 85, .06);--practice-section-b: rgba(130, 145, 129, .05);--selection: rgba(90, 122, 85, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .15);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .09)}[data-palette=solarized-light]{--bg: #fdf6e3;--panel: #eee8d5;--panel-2: #f6efdc;--panel-raised: #d5cfba;--border: #c8c2aa;--border-strong: #b0a890;--text: #657b83;--muted: #839496;--faint: #93a1a1;--accent: #2aa198;--accent-strong: #35b5ab;--accent-ink: #111111;--danger: #dc2626;--fretboard: #e2dcc8;--open-bg: #fdf6e3;--fret-wire: #b0a890;--nut: #6b8087;--string: #a3aca8;--inlay: #c3bba5;--marker-ring: #657b83;--piano-white: #fdf6e3;--piano-black: #657b83;--piano-border: #b0a890;--piano-label: #839496;--bg-glow: rgba(42, 161, 152, .06);--practice-section-a: rgba(42, 161, 152, .06);--practice-section-b: rgba(131, 148, 150, .05);--selection: rgba(42, 161, 152, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .14);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .08)}