@layer app-components{.ear-game{display:flex;flex-direction:column;gap:20px}.ear-game,.ear-game--wide{width:100%}.ear-game__score{display:flex;gap:16px;font-size:14px;color:var(--pb-text-secondary);padding:8px 14px}.ear-game__score-correct{color:var(--g-color-text-positive,#22c55e);font-weight:600}.ear-game__controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ear-game__feedback{padding:12px 16px;border-radius:8px;font-weight:600;font-size:15px}.ear-game__feedback--correct{background:var(--g-color-base-positive-light,#dcfce7);color:var(--g-color-text-positive,#166534)}.ear-game__feedback--wrong{background:var(--g-color-base-danger-light,#fee2e2);color:var(--g-color-text-danger,#991b1b)}.ear-game__reset{font-size:12px;color:var(--pb-text-tertiary);text-align:left;background:none;border:none;cursor:pointer;padding:0}.ear-game__prog-list{display:flex;flex-direction:column;gap:6px}.ear-game__prog-chip{width:100%;height:auto;min-height:36px;padding:10px 16px;justify-content:space-between;text-align:left}.ear-game__prog-pattern{font-family:var(--g-font-family-monospace);letter-spacing:.02em;font-weight:600}.ear-game__prog-desc{font-size:12px;opacity:.65;flex-shrink:0}.pb-ear-page-stack{display:flex;flex-direction:column;gap:var(--pb-space-6)}.pb-ear-soft-inset{padding:14px 18px}.pb-ear-chip-row{display:flex;gap:var(--pb-space-2);flex-wrap:wrap}.pb-ear-nav-row{display:flex;gap:10px;flex-wrap:wrap}.pb-exercise-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--pb-radius-m,12px);background:var(--pb-surface-card);border:1px solid var(--pb-border-light);transition:border-color .15s}.pb-exercise-card:hover{border-color:var(--pb-border-accent)}.pb-exercise-card__title{font-weight:600;font-size:15px}.pb-exercise-card__desc{font-size:13px;color:var(--pb-text-secondary)}.pb-exercise-card__meta{display:flex;gap:8px;font-size:12px;color:var(--pb-text-tertiary)}.pb-exercise-card__header{display:flex;align-items:center;gap:10px}.pb-exercise-card__step{width:32px;height:32px;border-radius:50%;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pb-exercise-card__icon{display:inline-flex;align-items:center;color:var(--pb-text-secondary)}.pb-exercise-card__duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--pb-text-tertiary);flex-shrink:0;margin-left:auto}.pb-game{display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-game-settings{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--pb-space-4)}.pb-game-settings__field{display:flex;flex-direction:column;gap:6px}.pb-game-settings__label{font-size:13px;font-weight:500;color:var(--pb-text-secondary)}.pb-game-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-2);text-align:center;padding:var(--pb-space-4) 0}.pb-game-prompt__hint{font-size:14px;color:var(--pb-text-secondary)}.pb-game-prompt__target{font-size:44px;font-weight:700;line-height:1.1;color:var(--pb-accent)}.pb-game-prompt__sub{font-size:16px;color:var(--pb-text-secondary)}.pb-game-score{display:flex;align-items:baseline;gap:var(--pb-space-2)}.pb-game-score__main{font-size:22px;font-weight:700}.pb-game-score__pct{font-size:14px;color:var(--pb-text-secondary)}.pb-game-feedback{text-align:center;font-weight:600;padding:var(--pb-space-3);border-radius:var(--pb-radius-md)}.pb-game-feedback--correct{background:color-mix(in srgb,#22c55e 16%,transparent);color:#16a34a}.pb-game-feedback--wrong{background:color-mix(in srgb,#ef4444 16%,transparent);color:#dc2626}.dark .pb-game-feedback--correct{color:#4ade80}.dark .pb-game-feedback--wrong{color:#f87171}.pb-game-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--pb-space-3)}.pb-game-choice{padding:var(--pb-space-3) var(--pb-space-4);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:border-color .12s,background .12s}.pb-game-choice:hover:not(:disabled){border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-game-choice:disabled{cursor:default}.pb-game-choice--correct{border-color:#22c55e;background:color-mix(in srgb,#22c55e 16%,transparent)}.pb-game-choice--wrong{border-color:#ef4444;background:color-mix(in srgb,#ef4444 16%,transparent)}.pb-ear-controls,.pb-game-diagram{display:flex;justify-content:center}.pb-ear-controls{flex-wrap:wrap;gap:var(--pb-space-3);align-items:center}.pb-gen-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pb-space-3)}.pb-gen-item{flex-direction:row!important;align-items:center;gap:var(--pb-space-3)}.pb-gen-item__num{flex:0 0 28px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pb-accent);color:#fff;font-weight:700;font-size:14px}.pb-gen-item__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.pb-metronome{display:flex;flex-direction:column;gap:var(--pb-space-5);align-items:center}.pb-metro-tempo{font-size:56px;font-weight:700;line-height:1;color:var(--pb-accent)}.pb-metro-tempo__unit{font-size:18px;font-weight:500;color:var(--pb-text-secondary);margin-left:6px}.pb-metro-beats{display:flex;gap:var(--pb-space-3)}.pb-metro-beat{width:22px;height:22px;border-radius:50%;background:var(--pb-border);transition:background .06s,transform .06s}.pb-metro-beat.is-on{background:var(--pb-accent);transform:scale(1.25)}.pb-metro-beat.is-accent.is-on{background:var(--pb-accent-contrast,#f59e0b)}.pb-vl-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-3);align-items:flex-start}.pb-vl-chord{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--pb-space-2);border:1px solid var(--pb-border);border-radius:var(--pb-radius-md);background:var(--pb-surface);cursor:pointer;transition:border-color .12s,background .12s}.pb-vl-chord:hover{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-vl-chord__roman{font-family:var(--font-ibm-plex-mono),monospace;font-size:13px;color:var(--pb-text-secondary)}.pb-vl-chord__label{font-weight:600;font-size:14px}.pb-vl-principles{margin:0;padding-left:var(--pb-space-5);color:var(--pb-text-secondary);font-size:14px;line-height:1.6}.pb-rpd-glyph{font-family:PB Bravura;font-size:26px;dominant-baseline:alphabetic;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pb-rpd-root{width:100%;padding:var(--pb-space-2) 0 4px}.pb-rpd-svg{display:block;overflow:visible}.pb-rpd-row-shell{position:relative;width:100%;height:72px;overflow:hidden}.pb-rpd-divider{top:0;bottom:0;width:2px;background:var(--pb-border-strong);z-index:2}.pb-rpd-cell,.pb-rpd-divider{position:absolute;left:var(--_left,0)}.pb-rpd-cell{width:calc(var(--_width, 0%) - 2px);top:2px;bottom:2px;border-radius:4px;transition:background .05s;background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-rpd-cell[data-rest=true]{background:transparent}.pb-rpd-cell[data-state=active]{background:var(--pb-accent);border:2px solid var(--pb-accent)}.pb-rpd-cell[data-state=passed][data-rest=false]{background:var(--pb-border)}.pb-rpd-cell[data-state=passed][data-rest=true]{background:transparent}.pb-rpd-cell[data-tuplet=true]{border-style:dashed}.pb-rpd-cursor{position:absolute;left:var(--pb-rhythm-cursor,-1%);top:0;bottom:0;width:2px;margin-left:-1px;background:var(--pb-accent);opacity:.5;z-index:3;pointer-events:none;will-change:left}.pb-rpd-notation-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.pb-rpd-count-slot{position:absolute;left:var(--_left,0);top:0;bottom:0;display:flex;width:24px;margin-left:var(--_ml,0);z-index:1}.pb-rpd-count-pill,.pb-rpd-count-slot{align-items:center;justify-content:center}.pb-rpd-count-pill{display:inline-flex;min-width:20px;height:24px;border-radius:5px;padding:0 3px;font-size:10px;font-weight:400;color:var(--pb-text-secondary);background:transparent;transition:background .05s,color .05s;font-family:var(--g-font-family-monospace);white-space:nowrap}.pb-rpd-count-pill[data-beat=true]{font-size:12px;font-weight:600;color:var(--pb-text)}.pb-rpd-count-pill[data-rest=true]{color:var(--pb-border-strong)}.pb-rpd-count-pill[data-state=passed]{color:var(--pb-text-tertiary);font-weight:400}.pb-rpd-count-pill[data-state=passed][data-rest=true]{color:var(--pb-border)}.pb-rpd-count-pill[data-state=active]{color:#fff;background:var(--pb-accent);font-weight:800}.pb-rpd-words{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:var(--pb-space-5);padding:var(--pb-space-3) 0}.pb-rpd-words-beat{display:flex;flex-direction:column;align-items:center;gap:var(--pb-space-2);min-width:84px}.pb-rpd-words-beat[data-group-start=true]{margin-left:var(--pb-space-4)}.pb-rpd-pie{display:block;width:84px;height:84px}.pb-rpd-words-label{display:inline-flex;align-items:baseline;font-size:14px;font-weight:600;line-height:1.2;color:var(--pb-text-secondary);white-space:nowrap}.pb-rpd-words-syl[data-active=true]{color:var(--pb-accent);font-weight:600}.pb-rpd-words-sep{color:var(--pb-text-tertiary);padding:0 1px;font-weight:400}.pb-mtd-row{justify-content:flex-end;flex-wrap:wrap;gap:4px;min-height:28px}.pb-mtd-cell,.pb-mtd-row{display:flex;align-items:center}.pb-mtd-gap{width:10px}.pb-mtd-dot{width:16px;height:16px;border-radius:50%;background:var(--pb-surface-muted);border:2px solid var(--pb-border);transition:background .04s,border-color .04s,box-shadow .04s;flex-shrink:0}.pb-mtd-dot[data-accent=true]{width:22px;height:22px;border-color:var(--pb-border-strong)}.pb-mtd-dot[data-state=active]{background:var(--pb-text);border-color:var(--pb-text);box-shadow:0 0 0 2px var(--pb-border-strong)}.pb-mtd-dot[data-state=active][data-accent=true]{background:var(--pb-accent);border-color:var(--pb-accent);box-shadow:0 0 0 3px var(--pb-accent-soft)}.pb-mtd-dot[data-state=passed]{background:var(--pb-border);border-color:var(--pb-border)}.pb-rvp-panel{display:flex;flex-direction:column;gap:var(--pb-space-4);padding:var(--pb-space-5) var(--pb-space-5) var(--pb-space-4);border-radius:16px;border:1px solid var(--pb-border);background:var(--pb-surface)}.pb-rvp-row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pb-rvp-section-label{font-weight:400;font-size:14px}.pb-rvp-silence-pill{padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--pb-accent-soft);color:var(--pb-accent)}.pb-rvp-silence-pill[data-silent=true]{background:var(--pb-surface-muted);color:var(--pb-text-secondary)}.pb-rvp-grouping-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pb-rvp-grouping-chip{font-size:12px;padding:2px 10px}.pb-rvp-divider{border-top:1px solid var(--pb-divider);margin:0 -4px}.pb-rvp-pattern-header{display:flex;align-items:center;justify-content:space-between;gap:var(--pb-space-2);flex-wrap:wrap}.pb-rvp-mode-switch{flex-shrink:0}.pb-rvp-meter-row{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.pb-rvp-meter-label{font-size:12px}.pb-rvp-tick-counter{font-size:10px;font-family:var(--g-font-family-monospace)}.pb-metronome-stack{display:flex;flex-direction:column;gap:var(--pb-space-5)}.pb-metronome-tempo{padding-block:0 var(--pb-space-5)}.pb-metronome-tempo-row{display:flex;align-items:baseline;gap:var(--pb-space-3);margin-bottom:var(--pb-space-2);flex-wrap:wrap;max-width:100%}.pb-metronome-bpm-display{font-size:2.4rem;font-weight:800;font-family:var(--g-font-family-monospace);line-height:1}.pb-metronome-tempo-italian{margin-left:var(--pb-space-1)}.pb-metronome-tempo-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--pb-space-2) var(--pb-space-4);align-items:start;margin-bottom:10px}.pb-metronome-tempo-left{min-width:0}.pb-metronome-tempo-slider{width:100%;margin-top:var(--pb-space-2)}.pb-metronome-presets-row{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;max-width:320px}}@layer app-components{}@layer app-components{}@layer app-components{}@layer app-components{@media (max-width:640px){.pb-metronome-tempo-top{grid-template-columns:1fr}.pb-metronome-presets-row{justify-content:flex-start;max-width:none}}}@layer app-components{.pb-metronome-preset-chip{font-size:12px}.pb-metronome-preset-label{opacity:.6}.pb-chip.is-active .pb-metronome-preset-label{opacity:1}.pb-metronome-bpm-controls{display:flex;gap:var(--pb-space-2);flex-wrap:nowrap;align-items:stretch;max-width:100%;min-width:0}.pb-metronome-bpm-controls>*{flex:0 0 auto}.pb-metronome-bpm-input{flex:1 1 auto;min-width:56px;text-align:center}.pb-metronome-bpm-input .g-text-input__control{font-weight:600}.pb-metronome-bpm-controls>button:last-child{flex:0 1 auto;min-width:0}.pb-metronome-bpm-controls>button:last-child .g-button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.pb-metronome-time-sig-section{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-metronome-controls-row{display:flex;gap:var(--pb-space-4);align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.pb-metronome-start-cell{flex:1 1 220px;min-width:0;position:relative}.pb-metronome-toggle-btn{width:100%}}@layer app-components{@media (max-width:640px){.pb-metronome-start-cell{flex-basis:100%}}}@layer app-components{.pb-metronome-keys-hint{display:block;text-align:center;position:absolute;top:100%;left:0;right:0;margin-top:4px}.pb-metronome-actions-row{display:flex;gap:var(--pb-space-3);align-items:center;flex-wrap:wrap}.pb-trainers-stop-btn{color:var(--g-color-text-danger)}.pb-trainers-stop-btn:focus-visible,.pb-trainers-stop-btn:focus-visible .g-button__text,.pb-trainers-stop-btn:focus-visible .g-icon,.pb-trainers-stop-btn:hover,.pb-trainers-stop-btn:hover .g-button__text,.pb-trainers-stop-btn:hover .g-icon{color:var(--g-color-text-light-primary,#fff)}.pb-trainers-stop-btn:focus-visible:before,.pb-trainers-stop-btn:hover:before{background-color:var(--g-color-base-danger-heavy,#c62828)!important;border-color:var(--g-color-base-danger-heavy,#c62828)!important}.pb-metronome-start-btn:focus-visible,.pb-metronome-start-btn:hover{box-shadow:none}.pb-metronome-advanced-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pb-space-5);padding-top:var(--pb-space-4)}}@layer app-components{@media (max-width:640px){.pb-metronome-advanced-section{grid-template-columns:1fr}}}@layer app-components{.pb-metronome-hint-inline{font-weight:400}.pb-metronome-exercises-stack{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-metronome-form-label{display:block;margin-bottom:var(--pb-space-2)}.pb-metronome-chip-row{display:flex;flex-wrap:wrap;gap:6px}.pb-metronome-exercise-list{display:flex;flex-direction:column;gap:var(--pb-space-2)}.pb-metronome-exercise-card{padding:var(--pb-space-3) 14px;border-radius:12px;cursor:pointer;border:2px solid var(--pb-border);background:var(--pb-surface);transition:border-color .15s}.pb-metronome-exercise-card:hover{border-color:var(--pb-accent)}.pb-metronome-exercise-card--selected{border-color:var(--pb-accent);background:var(--pb-accent-soft)}.pb-metronome-exercise-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pb-space-2)}.pb-metronome-exercise-content{flex:1}.pb-metronome-exercise-title-row{display:flex;align-items:center;gap:var(--pb-space-2);margin-bottom:var(--pb-space-1)}.pb-metronome-exercise-title{font-weight:600;font-size:14px}.pb-metronome-exercise-badge{font-size:11px}.pb-metronome-exercise-stars{display:inline-flex;align-items:center;gap:1px}.pb-metronome-exercise-stars[data-difficulty="1"]{color:var(--pb-success,#1f8f4e)}.pb-metronome-exercise-stars[data-difficulty="2"]{color:var(--pb-accent)}.pb-metronome-exercise-stars[data-difficulty="3"]{color:var(--pb-danger,#c62828)}.pb-metronome-exercise-desc{margin:0 0 16px}.pb-metronome-mini-preview{display:flex;gap:3px;margin-top:6px;flex-wrap:wrap}.pb-metronome-mini-cell{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:11px;background:transparent;color:var(--pb-text-secondary);border:1px solid var(--pb-border);font-weight:400}.pb-metronome-mini-cell--hit{background:var(--pb-accent-soft);color:var(--pb-text);border-color:var(--pb-accent);font-weight:400}.pb-metronome-exercise-card--selected .pb-metronome-mini-cell,.pb-metronome-exercise-card--selected .pb-metronome-mini-cell--hit{color:var(--pb-text-secondary)}.pb-metronome-motion-preview{display:flex;gap:3px;margin-top:var(--pb-space-1)}.pb-metronome-motion-cell{font-size:10px;font-weight:600;width:18px;text-align:center;color:var(--pb-text-secondary)}.pb-metronome-motion-cell--down{color:var(--pb-accent)}.pb-metronome-motion-cell--up{color:var(--pb-success)}.pb-metronome-motion-empty{width:18px;display:inline-block}.pb-metronome-selected-arrow{color:var(--pb-accent);font-size:18px}.pb-metronome-active-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pb-space-3);padding:var(--pb-space-3) var(--pb-space-4);border:1px solid var(--pb-accent);background:var(--pb-accent-soft);border-radius:var(--pb-radius-lg)}.pb-metronome-active-banner-text{min-width:0}.pb-ex-card{text-align:left;width:100%;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:0}.pb-ex-card--selected{border-color:var(--pb-accent);background:color-mix(in srgb,var(--pb-accent) 8%,transparent)}.pb-ex-card-preview{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--pb-space-2);margin-bottom:var(--pb-space-4);border-radius:var(--pb-radius-sm,8px);background:var(--pb-surface-muted);border:1px solid var(--pb-border)}.pb-ex-card-preview .pb-metronome-mini-preview{gap:2px;margin:0;justify-content:center;max-height:38px;overflow:hidden}.pb-ex-card-preview .pb-metronome-mini-cell{width:16px;height:16px;font-size:9px;border-radius:3px}.pb-ex-card-title{line-height:1.3;margin-bottom:6px}.pb-ex-card-desc{margin:0 0 var(--pb-space-3)}.pb-ex-card .pb-cad-tags-row--split{align-items:center}.pb-ex-card .pb-cad-tags-row--split .pb-difficulty-meter{align-self:center}.pb-metronome-stack .hub-search-row{margin-bottom:0}.pb-metronome-stack .grid-tiles{margin-top:var(--pb-space-4)}.pb-metronome-stack .hub-section{margin-top:var(--pb-space-7)}.pb-metronome-stack .hub-section__desc{max-width:none;font-size:14px;margin-top:4px}.pb-metronome-right-stack{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-metronome-active-panel{padding:var(--pb-space-4);border-radius:14px;border:1px solid var(--pb-divider);background:var(--pb-surface)}.pb-metronome-active-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pb-metronome-active-title{font-weight:600;font-size:14px}.pb-metronome-active-instruction{margin-bottom:10px}.pb-metronome-count-stack{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--pb-space-3)}.pb-metronome-count-row{display:flex;gap:var(--pb-space-1);flex-wrap:wrap}.pb-metronome-count-cell{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:26px;height:26px;border-radius:5px;font-size:11px;background:var(--pb-surface-muted);color:var(--pb-text-secondary);border:1px solid var(--pb-border);font-weight:400;transition:background .05s}.pb-metronome-count-cell--hit{background:var(--pb-accent-soft);color:var(--pb-text);border-color:var(--pb-accent);font-weight:400}.pb-metronome-count-cell--active{background:var(--pb-accent);color:#fff;border-color:var(--pb-accent);font-weight:600}.pb-metronome-motion-live-row{display:flex;gap:var(--pb-space-1)}.pb-metronome-motion-live-cell{display:inline-flex;align-items:center;justify-content:center;width:26px;height:18px;border-radius:var(--pb-space-1);font-size:11px;font-weight:600;background:transparent;color:var(--pb-text-secondary)}.pb-metronome-motion-live-cell--down{color:var(--pb-accent)}.pb-metronome-motion-live-cell--up{color:var(--pb-success)}.pb-metronome-motion-live-cell--active{background:var(--pb-text);color:#fff}.pb-metronome-exercise-controls{display:flex;flex-direction:column;gap:var(--pb-space-2);align-items:stretch}.pb-metronome-exercise-tempo{display:flex;gap:var(--pb-space-2);align-items:stretch;flex-wrap:nowrap;min-width:0}.pb-metronome-exercise-tempo>*{flex:0 0 auto}.pb-metronome-exercise-tempo .pb-metronome-bpm-input{flex:1 1 auto;min-width:64px}.pb-metronome-exercise-tempo .pb-metronome-tap-btn{flex:0 0 auto;white-space:nowrap}.pb-metronome-empty-hint{text-align:center;padding:var(--pb-space-2) 0}.pb-trainer-stack{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-trainer-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--pb-space-3)}.pb-trainer-mode-btn{height:auto;min-height:40px;padding:var(--pb-space-2) 25px;text-align:center;justify-content:center;align-items:center;display:inline-flex;width:100%}.pb-trainer-mode-btn:disabled:not(.is-active){opacity:.55}.pb-trainer-mode-label{font-weight:400;font-size:13px}.pb-trainer-mode-desc{font-size:13px;color:var(--pb-text-secondary);margin:0}.pb-trainer-section{padding-block:var(--pb-space-4)}.pb-trainer-section,.pb-trainer-section--small{border-top:1px solid var(--pb-divider);margin-top:var(--pb-space-2)}.pb-trainer-section--small{padding-block:var(--pb-space-5) var(--pb-space-3)}.pb-trainer-section--no-mt{margin-top:0}.pb-trainer-section--center{text-align:center}.pb-trainer-chord-panel{padding:var(--pb-space-6) var(--pb-space-4);text-align:center}.pb-trainer-diagram-wrap{display:flex;justify-content:center;margin-bottom:var(--pb-space-4)}.pb-trainer-scale-diagram{width:100%;margin-block:var(--pb-space-3)}.pb-trainer-reveal-row{margin-bottom:var(--pb-space-4)}.pb-trainer-current-chord{margin-bottom:var(--pb-space-2);min-height:3.5rem}.pb-trainer-current-chord-name{font-size:3rem;font-weight:700;line-height:1.1}.pb-trainer-current-chord-primary{font-size:.85rem;color:var(--pb-text-secondary);margin-top:2px}.pb-trainer-next-chord{margin-bottom:var(--pb-space-4);min-height:2.5rem}.pb-trainer-next-chord-label{font-size:.8rem;opacity:.5;margin-bottom:2px}.pb-trainer-next-chord-name{font-size:1.25rem;font-weight:600}.pb-trainer-next-chord-primary{font-size:.75rem;color:var(--pb-text-secondary)}.pb-trainer-beat-indicators{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:var(--pb-space-3)}.pb-trainer-beat-row{display:flex;gap:6px;justify-content:center}.pb-trainer-beat-dot{width:12px;height:12px;border-radius:50%;background:var(--pb-surface-muted);transition:background .05s}.pb-trainer-beat-dot--active-accent{background:var(--pb-accent)}.pb-trainer-beat-dot--active-text{background:var(--pb-text)}.pb-trainer-bar-row{display:flex;align-items:center;gap:var(--pb-space-2)}.pb-trainer-bar-bars{display:flex;gap:3px}.pb-trainer-bar-bar{width:20px;height:6px;border-radius:3px;background:var(--pb-surface-muted);transition:background .05s}.pb-trainer-bar-bar--active{background:var(--pb-accent)}.pb-trainer-bar-label{font-size:11px;opacity:.6}.pb-trainer-actions-row{display:flex;gap:var(--pb-space-3);justify-content:center;flex-wrap:wrap}.pb-trainer-no-chords-msg{margin-top:var(--pb-space-2)}.pb-trainer-settings-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-4);margin-bottom:var(--pb-space-4)}.pb-trainer-slider-label{min-width:160px;flex:1}.pb-trainer-mixed-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-3);align-items:flex-end;margin-bottom:var(--pb-space-4)}.pb-trainer-checkbox-cluster,.pb-trainer-inline-toggle{display:flex;align-items:center;min-height:36px}.pb-trainer-checkbox-cluster{flex-wrap:wrap;gap:var(--pb-space-2) var(--pb-space-4)}.pb-trainer-diagram-mode-row{display:flex;gap:var(--pb-space-2)}.pb-trainer-chip-sm{font-size:14px;padding:8px 16px}.pb-trainer-settings-summary{display:inline-flex;align-items:center;gap:var(--pb-space-2)}.pb-trainer-settings-grid{margin-top:var(--pb-space-2);display:grid;grid-template-columns:1fr 1fr;gap:var(--pb-space-6)}}@layer app-components{@media (max-width:768px){.pb-trainer-settings-grid{grid-template-columns:1fr}}}@layer app-components{.pb-trainer-quality-label{font-weight:500}.pb-trainer-quality-label--mt{font-weight:500;margin-top:var(--pb-space-1)}.pb-trainer-presets-row{display:flex;flex-wrap:wrap;gap:6px}.pb-trainer-instrument-row{display:flex;gap:var(--pb-space-3);flex-wrap:wrap}.pb-trainer-instrument-row>label{min-width:200px;flex:1 1 200px}.pb-trainer-instrument-row .g-select,.pb-trainer-instrument-row .g-select-control,.pb-trainer-instrument-row .g-select-control__button{width:100%}.pb-trainer-instrument-flex-1{flex:1;min-width:80px}.pb-trainer-instrument-flex-2{flex:2;min-width:120px}.pb-trainer-quality-checkboxes{display:flex;flex-wrap:wrap;gap:var(--pb-space-1) var(--pb-space-3)}.pb-trainer-select-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-3);align-items:flex-end}.pb-trainer-select-row>label{flex:1 1 160px;min-width:150px}.pb-trainer-select-row .g-select,.pb-trainer-select-row .g-text-input{width:100%}.pb-trainer-prog-chip-row{display:flex;flex-wrap:wrap;gap:var(--pb-space-2)}.pb-trainer-prog-chip-row>.pb-trainer-prog-chip{flex:1 1 0;min-width:64px;align-items:center}.pb-trainer-prog-chip{height:auto;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--pb-space-1) 10px}.pb-trainer-prog-chip-secondary{display:block}.pb-trainer-prog-chip-fn{display:block;font-size:.65rem;font-weight:600}.pb-trainer-prog-chip-fn--T{color:var(--pb-accent)}.pb-trainer-prog-chip-fn--S{color:var(--pb-success)}.pb-trainer-prog-chip-fn--D{color:var(--pb-danger)}.pb-trainer-prog-display-name{margin-bottom:2px;display:block;font-size:2.5rem;line-height:1.1}.pb-trainer-prog-display-secondary{display:block;font-size:.85rem;color:var(--pb-text-secondary);margin-bottom:var(--pb-space-2)}.pb-trainer-prog-beat-row{display:flex;gap:6px;align-items:center}.pb-trainer-bpm-input{width:80px}.pb-trainer-scale-name{display:block}.pb-trainer-scale-actions{display:flex;gap:var(--pb-space-2);justify-content:center;flex-wrap:wrap}.pb-trainer-history-toggle,.pb-trainer-scale-actions{margin-top:var(--pb-space-2)}.pb-trainer-history-table-wrap{overflow-x:auto}.pb-trainer-history-table{width:100%;border-collapse:collapse;font-size:.875rem}.pb-trainer-history-thead-row{border-bottom:1px solid var(--pb-divider)}.pb-trainer-history-th{text-align:left;padding:var(--pb-space-1) var(--pb-space-2);font-weight:600}.pb-trainer-history-th--right{text-align:right}.pb-trainer-history-tbody-row{border-bottom:1px solid var(--pb-border)}.pb-trainer-history-td{padding:var(--pb-space-1) var(--pb-space-2)}.pb-trainer-history-td--right{text-align:right}.pb-trainer-history-td--known{color:var(--pb-success)}.pb-trainer-history-td--learning{color:var(--pb-warning)}.pb-trainers-page{display:flex;flex-direction:column;gap:var(--pb-space-6)}.pb-trainers-ear-shell{max-width:680px}.pb-trainers-ear-intro{margin-bottom:var(--pb-space-6)}.pb-trainers-ear-list{display:flex;flex-direction:column;gap:var(--pb-space-4)}.pb-trainers-ear-link{text-decoration:none}.pb-trainers-ear-row{display:flex;gap:var(--pb-space-4);align-items:flex-start}.pb-trainers-ear-icon{font-size:36px}.pb-trainers-ear-body{flex:1}.pb-trainers-ear-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pb-trainers-ear-arrow{color:var(--pb-accent);font-size:20px;margin-top:4px}}