:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-white:#fff;--color-black:#000;--color-hanik-light-blue:#4c7cac;--color-hanik-peach:#f4846c;--color-hanik-gray:#dbdfe8;--color-hanik-blue-gray:#89a4c6;--color-hanik-dark-blue:#003a60;--color-hanik-background:#3e5f80;--color-primary:var(--color-hanik-dark-blue);--color-primary-dark:#002844;--color-primary-light:var(--color-hanik-light-blue);--color-accent:var(--color-hanik-peach);--color-background:#f4f7fb;--color-surface:var(--color-white);--color-surface-alt:#edf2f8;--color-border:var(--color-hanik-gray);--color-border-strong:var(--color-hanik-blue-gray);--color-muted:#4e6784;--color-text:#0f2740;--color-text-soft:#38516c;--color-success:var(--color-hanik-light-blue);--color-success-soft:#eef5fc;--color-warning:var(--color-hanik-peach);--color-warning-soft:#fff1ec;--color-danger:#d1645a;--color-danger-soft:#fff2ef;--color-shadow:0 12px 28px #003a601a;--color-shadow-strong:0 18px 42px #003a6024;--bg:var(--color-background);--panel:var(--color-surface-alt);--panel-strong:var(--color-surface);--line:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-primary);--accent-soft:#e8f0f9;--warn:var(--color-warning);--danger:var(--color-danger);--shadow:var(--color-shadow);font-family:Segoe UI,Aptos,Helvetica Neue,sans-serif}:root[data-theme=soft]{--color-primary:var(--color-hanik-dark-blue);--color-primary-dark:#002844;--color-primary-light:#6f93ba;--color-accent:var(--color-hanik-peach);--color-background:#f7f9fc;--color-surface:#fff;--color-surface-alt:#f1f5fb;--color-border:#dbe2ee;--color-border-strong:#a3b6d0;--color-muted:#5d7590;--color-text:#143552;--color-text-soft:#48627d;--color-success:var(--color-hanik-light-blue);--color-success-soft:#f0f6fd;--color-warning-soft:#fff5f1;--color-danger-soft:#fff5f3;--color-shadow:0 12px 28px #003a6014;--color-shadow-strong:0 18px 42px #003a6024;--bg:var(--color-background);--panel:var(--color-surface-alt);--panel-strong:var(--color-surface);--line:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-primary);--accent-soft:#eef4fb;--warn:var(--color-warning);--danger:var(--color-danger);--shadow:var(--color-shadow)}:root[data-theme=contrast]{--color-primary:var(--color-hanik-dark-blue);--color-primary-dark:#001f35;--color-primary-light:var(--color-hanik-light-blue);--color-accent:var(--color-hanik-peach);--color-background:#e9eff6;--color-surface:#fff;--color-surface-alt:#dfe8f3;--color-border:#b8c9de;--color-border-strong:#5d82aa;--color-muted:#35516e;--color-text:#001f35;--color-text-soft:#2c4a67;--color-success:var(--color-hanik-light-blue);--color-success-soft:#e4eef9;--color-warning-soft:#fff0ea;--color-danger-soft:#ffefed;--color-shadow:0 14px 32px #00233a24;--color-shadow-strong:0 22px 52px #00233a33;--bg:linear-gradient(180deg, #e6eef8 0%, #d8e4f1 100%);--panel:var(--color-surface-alt);--panel-strong:var(--color-surface);--line:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-primary);--accent-soft:#dde9f6;--warn:var(--color-warning);--danger:var(--color-danger);--shadow:var(--color-shadow)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:20px}.app-shell__frame{border:1px solid var(--line);background:var(--panel);max-width:1280px;box-shadow:var(--shadow);border-radius:14px;margin:0 auto;overflow:hidden}.app-shell__header{border-bottom:1px solid var(--color-border-strong);background:var(--color-primary);color:var(--color-white);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.app-shell__header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.app-shell__header-right:empty{display:none}.app-shell__title{letter-spacing:0;color:var(--color-white);margin:0;font-size:1.35rem}.app-shell__meta{flex-wrap:wrap;gap:10px;display:flex}.meta-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #fff3;border-radius:10px;min-width:160px;padding:8px 10px}.meta-item strong{color:#ffffffd6;letter-spacing:0;text-transform:uppercase;margin-bottom:3px;font-size:.74rem;display:block}.meta-item span{color:var(--color-white);font-size:.88rem}.theme-switcher{align-items:center;gap:10px;display:flex}.theme-switcher__label{color:#ffffffd6;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.theme-switcher__options{background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.theme-switcher__option{appearance:none;color:#ffffffeb;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:.86rem;transition:all .16s}.theme-switcher__option+.theme-switcher__option{border-left:1px solid #ffffff29}.theme-switcher__option:hover{background:#ffffff1f}.theme-switcher__option--active{background:var(--color-white);color:var(--color-primary);font-weight:700}.top-nav{border-bottom:1px solid var(--color-border-strong);background:var(--panel);flex-wrap:wrap;gap:0;padding:10px 18px 0;display:flex}.top-nav__link{border:1px solid var(--line);color:var(--color-text-soft);background:#edf3fa;border-bottom:0;border-radius:10px 10px 0 0;padding:10px 14px;transition:all .16s}.top-nav__link:hover{color:var(--text);background:var(--color-white)}.top-nav__link--active{border-color:var(--color-border-strong);background:var(--panel-strong);color:var(--color-primary);box-shadow:inset 0 3px 0 var(--color-primary);font-weight:700}.top-nav__link--disabled{opacity:.45;cursor:not-allowed}.app-shell__content{background:var(--panel-strong);padding:18px}.page-grid{gap:14px;display:grid}.page-grid--two{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel--wide{grid-column:1/-1}.panel{border:1px solid var(--line);background:var(--panel-strong);border-radius:14px;min-width:0;padding:16px;box-shadow:0 8px 20px #003a600f}.panel h2,.panel h3{color:var(--color-primary);margin-top:0;margin-bottom:10px}.panel p,.panel li{color:var(--muted);line-height:1.55}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.status-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.status-pill{border:1px solid var(--line);background:var(--color-white);border-radius:10px;min-height:68px;padding:12px}.status-pill__label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block}.status-pill__value{font-weight:700}.list-clean{margin:0;padding-left:18px}.caption{color:var(--muted);font-size:.95rem}.callout{border-left:4px solid var(--color-accent);background:var(--color-warning-soft);color:var(--color-primary-dark);border-radius:10px;margin-top:14px;padding:12px 14px}.callout--success{border-left-color:var(--color-primary-light);background:var(--accent-soft);color:var(--color-primary-dark)}.callout--danger{border-left-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-primary-dark)}.button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.action-button,.ghost-button,.stop-button{appearance:none;min-height:38px;font:inherit;cursor:pointer;border-radius:6px;padding:9px 14px;transition:all .16s;position:relative}.action-button{border:1px solid var(--accent);background:var(--accent);color:var(--color-white)}.action-button:hover{border-color:var(--color-primary-light);background:var(--color-primary-light)}.sync-progress-button{overflow:hidden}.sync-progress-button>span{z-index:1;position:relative}.sync-progress-button--running:before{content:"";z-index:0;transform-origin:0;background:#ffffff85;height:4px;animation:1.35s ease-in-out infinite sync-progress-fill;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.action-button--sparkle{animation:1.35s ease-in-out 3 sync-button-sparkle;box-shadow:0 0 0 1px #4c7cac47,0 0 0 6px #4c7cac1f}.action-button--sparkle:after{content:"";transform-origin:50%;pointer-events:none;background:radial-gradient(circle,#fffffffa 0 24%,#0000 25%),linear-gradient(#0000 42%,#f4846cf2 42% 58%,#0000 58%),linear-gradient(90deg,#0000 42%,#f4846cf2 42% 58%,#0000 58%);border-radius:999px;width:18px;height:18px;animation:1.1s ease-in-out 3 sync-button-star;position:absolute;top:-10px;right:-8px}.action-button--secondary{border-color:var(--color-primary-light);background:var(--color-primary-light)}.action-button--confirm{background:#2f8f58;border-color:#2f8f58}.action-button--confirm:hover{background:#267449;border-color:#267449}.ghost-button{border:1px solid var(--line);color:var(--color-primary);background:#f7f9fc}.ghost-button:hover{border-color:var(--color-border-strong);background:var(--color-white)}@keyframes sync-button-sparkle{0%,to{transform:translateY(0);box-shadow:0 0 0 1px #4c7cac47,0 0 #4c7cac00}50%{transform:translateY(-1px);box-shadow:0 0 0 1px #4c7cac70,0 0 0 10px #4c7cac24}}@keyframes sync-button-star{0%,to{opacity:.2;transform:scale(.75)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(18deg)}}@keyframes sync-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ghost-button--compact{white-space:nowrap;min-height:32px;padding:6px 10px}.action-button:disabled,.ghost-button:disabled,.stop-button:disabled{opacity:.6;cursor:default}.queue-table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:12px;overflow-x:auto}.queue-table{border-collapse:collapse;width:100%;min-width:980px}.queue-table th,.queue-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:12px 14px}.queue-table th{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem}.exercise-selection-header-toggle{appearance:none;border:1px solid var(--color-border);background:var(--color-white);min-height:28px;color:var(--color-primary);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700;transition:all .16s}.exercise-selection-header-toggle:hover{border-color:var(--color-border-strong);background:#f9fbfe}.exercise-selection-header-toggle:disabled{opacity:.6;cursor:default}.exercise-selection-header-toggle--icon{min-width:32px;padding:4px}.exercise-selection-header-toggle--icon img{width:18px;height:18px;display:block}.queue-table tbody tr:last-child td{border-bottom:0}.queue-table tbody tr.exercise-minimal-pair-row--unavailable td{color:var(--muted);background:#f6f8f8}.queue-table tbody tr.exercise-minimal-pair-row--unavailable input{opacity:.6}.sync-state{border:1px solid var(--line);white-space:nowrap;background:#f8f9f7;border-radius:999px;align-items:center;min-height:26px;padding:3px 8px;font-size:.82rem;display:inline-flex}.sync-state--conflict{border-color:var(--color-danger);background:var(--color-danger-soft);color:#8a3f3a;font-weight:700}.title-with-counts{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.voice-counts{align-items:center;gap:4px;display:inline-flex}.voice-count{-webkit-text-fill-color:#fff;text-shadow:0 1px 1px #0000002e;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex;color:#fff!important}.flag-button{color:#b4233b;cursor:pointer;background:#fff7f7;border:1px solid #e1b6bd;border-radius:8px;justify-content:center;align-items:center;min-width:34px;min-height:34px;font-weight:900;display:inline-flex}.flag-button--active{color:#fff;background:#b4233b;border-color:#b4233b}.conflict-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.error-text{color:var(--danger);font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field--wide{grid-column:1/-1}.field span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:700}.field-heading-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-heading-row span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:700}.saved-list-popover{border:1px solid var(--line);background:#f8faf7;border-radius:8px;gap:8px;max-height:280px;padding:10px;display:grid;overflow:auto}.saved-list-toolbar{border-bottom:1px solid #dde4da;gap:10px;padding-bottom:6px;display:grid}.saved-list-pagination-bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.saved-list-page-size{flex:none;align-items:center;gap:6px;width:auto;min-width:0;display:flex}.saved-list-page-size span{white-space:nowrap;font-size:.74rem}.saved-list-page-size select{width:64px;min-height:36px;padding:7px 22px 7px 8px}.saved-list-pagination-controls{flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.saved-list-pagination-controls .caption{white-space:nowrap;text-transform:uppercase;font-size:.82rem;font-weight:700}.saved-list-page-button{place-items:center;width:38px;min-width:38px;min-height:36px;padding:6px;display:inline-grid}.saved-list-page-button img{width:18px;height:18px;display:block}.saved-list-generator-row{margin-top:6px}.saved-list-item{background:var(--color-white);width:100%;color:var(--text);cursor:pointer;text-align:left;border:1px solid #d7e0d5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.saved-list-item .voice-count{color:#fff}.saved-list-item:hover{background:#f1f6ef;border-color:#9fb39c}.saved-list-item__main{gap:3px;min-width:0;display:grid}.saved-list-item__main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-list-item__main span{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:6px;padding:9px 10px}.field textarea{resize:vertical}.field-input-with-action{align-items:stretch;gap:8px;display:flex}.field-input-with-action input{flex:1}.field-action-button{appearance:none;border:1px solid var(--line);background:var(--color-white);width:38px;min-width:38px;color:var(--text);cursor:pointer;border-radius:6px;transition:all .16s}.field-action-button:hover{background:#fff;border-color:#9eb09c}.field-action-button--arrow:before{content:"";border-top:7px solid #6b7568;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;display:inline-block}.audio-preview{border:1px solid var(--line);background:#f8f9f7;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.audio-preview audio{width:100%}.library-player{border:1px solid var(--line);background:#f8f9f7;border-radius:8px;justify-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.library-table-wrap{max-width:100%;overflow-x:visible}.library-table{table-layout:fixed;min-width:0}.library-table th:first-child,.library-table td:first-child{width:18%}.library-table th:nth-child(3),.library-table td:nth-child(3),.library-table th:nth-child(4),.library-table td:nth-child(4){width:17%}.library-table th:nth-child(7),.library-table td:nth-child(7),.library-table th:nth-child(8),.library-table td:nth-child(8){width:92px}.library-table td{overflow-wrap:anywhere}.library-filter-grid{margin-top:12px}.library-noise-standard-button{width:34px;height:34px}.library-noise-standard-button img{width:18px;height:18px}.library-noise-standard-button--active{background:#fff3c4;border-color:#c79a2b}.library-entry-heading{align-items:center}.library-entry-heading h3{margin-bottom:0}.library-entry-heading .caption{margin-top:6px}.library-flag-filter-button{border:1px solid var(--color-border);background:var(--color-white);width:38px;height:38px;color:var(--color-primary);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:all .16s;display:inline-flex;position:relative}.library-flag-filter-button:hover{border-color:var(--color-border-strong);background:#f9fbfe}.library-flag-filter-button img{width:18px;height:18px}.library-flag-filter-button__count{background:var(--color-accent);min-width:18px;height:18px;color:var(--color-white);text-align:center;border-radius:999px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000029}.library-flag-filter-button--active{border-color:var(--color-accent);background:var(--color-accent)}.library-flag-filter-button--active img{filter:brightness(0)invert()}.library-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.library-pagination__controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-waveform-preview{grid-template-columns:44px minmax(0,420px);justify-content:center;width:min(100%,540px)}.library-waveform-canvas{height:92px}.stop-button{color:#fff;background:linear-gradient(#f4846c,#dd745d);border:1px solid #d96f5a;box-shadow:0 10px 18px #f4846c2e}.exercise-progress-pill{border:1px solid var(--line);text-align:center;background:#f8f9f7;border-radius:999px;min-width:92px;padding:10px 12px;font-weight:700}.exercise-session-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.exercise-player-heading{align-items:center}.exercise-player-heading__copy{gap:6px;display:grid}.exercise-player-heading__meta{color:var(--muted);margin:0;font-size:.94rem}.exercise-player-shell,.exercise-player-main-layout{gap:16px;display:grid}.exercise-player-main-layout--desktop{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px);align-items:start}.exercise-player-current-block{gap:12px;display:grid}.exercise-player-waveforms{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.exercise-player-waveforms--single{grid-template-columns:minmax(0,880px);justify-content:center}.exercise-player-secondary-stack{gap:14px;display:grid}.exercise-player-panel{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;padding:14px}.exercise-player-side-panel{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;align-self:start;gap:14px;padding:14px;display:grid}.exercise-player-side-panel__header{gap:4px;display:grid}.exercise-player-side-panel__header strong{color:var(--color-primary);font-size:.96rem}.exercise-player-side-panel__header span{color:var(--muted);font-size:.88rem;line-height:1.4}.exercise-player-side-panel .selection-split-button,.exercise-player-side-panel .exercise-noise-mode__toggle,.exercise-player-side-panel .exercise-player-volume-grid{width:100%}.exercise-player-side-panel--volumes .exercise-player-volume-grid{grid-template-columns:1fr}.audio-compare-card{background:#fffffff5;border:1px solid #89a4c657;border-radius:18px;gap:12px;height:100%;padding:16px;display:grid;box-shadow:0 14px 30px #003a600f}.audio-compare-card--primary{border-top:4px solid #4c7cacf0}.audio-compare-card--compare{border-top:4px solid #f4846ce6}.audio-compare-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-compare-card__badge{border-radius:999px;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:6px 12px;font-weight:700;display:inline-flex}.audio-compare-card__badge--primary{color:var(--color-primary);background:#4c7cac24}.audio-compare-card__badge--compare{color:#b4513d;background:#f4846c24}.audio-compare-card__body{gap:10px;display:grid}.audio-compare-card__title{color:var(--color-primary-dark);font-size:clamp(1.28rem,2vw,1.9rem);line-height:1.1}.audio-compare-card__meta{color:var(--muted);font-size:.92rem}.audio-compare-card__waveform,.exercise-waveform-shell{min-width:0}.audio-compare-card__controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.audio-compare-card__controls .ghost-button{min-height:46px}.audio-compare-card__status{color:var(--muted);font-size:.88rem}.exercise-card-flag-button{flex:none}.exercise-spectrogram-frame--compact{min-height:0;padding:12px 14px}.exercise-spectrogram-frame--compact .exercise-spectrogram-canvas{height:92px}.exercise-compare-card__extra{gap:10px;display:grid}.exercise-compare-card__extra .exercise-compare-search-box{margin-top:2px}.noise-control-panel{gap:12px;display:grid}.noise-control-panel__summary{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.noise-control-panel__title{color:var(--color-primary);font-size:.95rem;font-weight:700}.noise-control-panel__value{color:var(--muted);flex:auto;font-size:.9rem}.noise-control-panel__chevron{border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);width:12px;height:12px;transition:transform .16s;transform:rotate(45deg)}.noise-control-panel__summary.is-open .noise-control-panel__chevron{transform:rotate(-135deg)}.noise-control-panel__body,.noise-control-panel__advanced,.noise-control-panel__advanced-body,.exercise-noise-panel-grid{gap:12px;display:grid}.exercise-noise-panel-grid__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.exercise-player-volume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mishearing-box--player{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;place-items:stretch stretch;gap:12px;padding:14px}.mishearing-box__header{gap:4px;display:grid}.mishearing-box__header strong{color:var(--color-primary);font-size:.96rem}.mishearing-box__header span{color:var(--muted);font-size:.88rem;line-height:1.45}.sticky-exercise-actions{bottom:max(12px, env(safe-area-inset-bottom));z-index:8;position:sticky}.sticky-exercise-actions__inner{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 18px 34px #003a601f}.sticky-exercise-actions__inner>.ghost-button,.sticky-exercise-actions__inner>.stop-button{min-height:46px}.exercise-now-playing{border:1px solid var(--line);background:linear-gradient(#4c7cac1f,#fffffffa);border-radius:16px;gap:14px;margin-top:10px;padding:18px;display:grid}.exercise-now-playing__label{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:700}.exercise-now-playing__meta{color:var(--color-primary);font-size:.92rem;font-weight:600}.exercise-now-playing p{margin:0}.exercise-voice-field{width:100%;max-width:320px}.exercise-current-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.exercise-current-grid--single{grid-template-columns:1fr}.exercise-current-card{background:#ffffffeb;border:1px solid #89a4c673;border-radius:14px;gap:10px;min-width:0;padding:18px;display:grid;box-shadow:0 14px 30px #003a6014}.exercise-current-card--primary{border-top:4px solid #4c7caceb}.exercise-current-card--compare{border-top:4px solid #f4846ce6}.exercise-current-card__eyebrow{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:700}.exercise-current-card strong{font-size:clamp(1.4rem,2vw,2rem);line-height:1.1}.exercise-current-card p{color:var(--text)}.exercise-current-card .field span{color:var(--muted)}.exercise-current-card__actions{margin-top:0}.exercise-compare-search-box{gap:10px;display:grid}.exercise-compare-search-results{flex-wrap:wrap;gap:8px;display:flex}.exercise-check-row{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;display:flex}.exercise-check-row input{margin:0}.exercise-audio{width:100%;margin-top:14px}.exercise-playback-layout{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:20px;margin-top:18px;display:grid}.exercise-playback-layout--single{grid-template-columns:120px minmax(0,1fr) 120px}.exercise-side-control{align-content:start;gap:14px;display:grid}.exercise-volume-guide-box{background:#ffffffe6;border:1px solid #89a4c659;border-radius:18px;justify-items:center;gap:8px;padding:10px 14px;display:grid}.exercise-side-label{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:700}.exercise-volume-slider{writing-mode:vertical-lr;width:28px;height:220px;accent-color:var(--color-primary);direction:rtl}.exercise-compare-area{gap:18px;display:grid}.exercise-compare-area--single{justify-items:center}.exercise-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.exercise-compare-grid--single{grid-template-columns:1fr}.exercise-target-panel{gap:12px;min-width:0;display:grid}.exercise-target-panel--single{width:min(58vw,640px);min-width:360px}.exercise-target-panel__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.exercise-target-panel__badge{border-radius:999px;justify-content:center;align-items:center;min-width:74px;min-height:34px;padding:6px 12px;font-weight:700;display:inline-flex}.exercise-target-panel__badge--primary{color:var(--color-primary);background:#4c7cac24}.exercise-target-panel__badge--compare{color:#b4513d;background:#f4846c24}.exercise-target-panel__meta{color:var(--muted);font-size:.9rem}.exercise-spectrogram-shell{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;width:100%;min-width:0;display:grid}.exercise-spectrogram-frame{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;min-width:0;min-height:210px;padding:12px;position:relative;box-shadow:0 12px 26px #003a600f}.exercise-spectrogram-frame.exercise-spectrogram-frame--compact{align-items:center;min-height:112px;padding:10px 12px;display:flex}.exercise-spectrogram-frame.exercise-spectrogram-frame--compact .exercise-spectrogram-canvas{height:78px}.exercise-spectrogram-flag-anchor{z-index:3;place-self:start;margin-top:10px;position:static}.exercise-spectrogram-canvas{cursor:pointer;border-radius:4px;width:100%;height:auto;display:block}.exercise-flag-action{background:#fff4f5;border-color:#f0c7cd}.exercise-flag-action:hover{background:#fff;border-color:#e59aa6}.exercise-flag-action--active{background:#d14f67;border-color:#d14f67}.exercise-flag-action--active:hover{background:#b13f55;border-color:#b13f55}.exercise-flagged-overlay{color:#8f2036;text-align:center;pointer-events:none;background:#ffecefe0;border:1px solid #bf435a42;border-radius:10px;align-content:center;justify-items:center;gap:6px;padding:14px 18px;display:grid;position:absolute;inset:16px;box-shadow:0 10px 26px #8f20361f}.exercise-flagged-overlay--info{color:var(--color-primary);background:#f0f5fbeb;border-color:#4c7cac3d;box-shadow:0 10px 26px #003a6014}.exercise-flagged-overlay strong{font-size:.95rem}.exercise-flagged-overlay span{max-width:44ch;font-size:.88rem;line-height:1.45}.exercise-target-panel__controls{justify-content:center;margin-top:0}.exercise-target-panel .caption{text-align:center}.exercise-player-volume-field{justify-self:center;width:min(320px,100%)}.exercise-player-volume-field input{width:100%;accent-color:var(--color-primary)}.exercise-controls-row{justify-content:center;margin-top:0}.exercise-noise-mode{gap:8px;width:min(280px,100%);display:grid}.exercise-noise-mode__label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:700}.exercise-noise-mode__toggle{width:100%}.exercise-noise-mode__part{justify-content:center;align-items:center;min-width:0;display:inline-flex}.exercise-noise-mode__part:first-child{flex:0 0 52px}.exercise-noise-mode__part:last-child{flex:auto}.exercise-noise-mode__button-content{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.exercise-noise-mode__button-content img{width:16px;height:16px}.exercise-noise-mode__hint{max-width:24ch}.mishearing-box{justify-items:center;gap:10px;margin-top:12px;display:grid}.mishearing-box .field{width:min(360px,100%)}.exercise-mishearing-chip-row{justify-content:center;max-width:min(480px,100%)}.exercise-mishearing-chip{align-items:center;gap:8px;padding-inline:12px;display:inline-flex}.exercise-mishearing-chip span:last-child{font-size:1rem;line-height:1}.exercise-mishearing-accordion{padding:0;overflow:hidden}.exercise-accordion-toggle{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-alt) 100%);width:100%;color:var(--color-primary);cursor:pointer;text-align:left;border:0;justify-content:space-between;align-items:center;padding:15px 18px;transition:all .16s;display:flex}.exercise-accordion-toggle:hover{background:linear-gradient(180deg, var(--color-white) 0%, var(--accent-soft) 100%)}.exercise-accordion-toggle__copy{gap:3px;display:grid}.exercise-accordion-toggle__title{letter-spacing:.01em;font-size:1rem;font-weight:700}.exercise-accordion-toggle__meta{color:var(--color-text-soft);font-size:.92rem}.exercise-accordion-toggle__chevron{border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);flex:none;width:12px;height:12px;margin-right:4px;transition:transform .16s;transform:rotate(45deg)}.exercise-accordion-toggle.is-open .exercise-accordion-toggle__chevron{transform:rotate(-135deg)}.exercise-history-panel{gap:12px;padding:0 18px 18px;display:grid}.exercise-icon-button{border:1px solid var(--line);cursor:pointer;background:#f8f9f7;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .16s;display:inline-flex}.exercise-icon-button img{width:24px;height:24px}.exercise-icon-button:hover{background:#fff;border-color:#9eb09c}.exercise-icon-button--active{border-color:var(--accent);background:var(--accent-soft)}.exercise-icon-button--confirm{background:#edf6f0;border-color:#9cc5aa}.exercise-icon-button--confirm:hover{background:#fff;border-color:#7faf8f}.exercise-icon-button:disabled{opacity:.55;cursor:default}.exercise-footer-row{justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;display:flex}.exercise-complete-toast{z-index:20;background:#fff;border:1px solid #b7d0be;border-radius:10px;align-items:center;gap:12px;max-width:min(420px,100vw - 36px);padding:12px 14px;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 10px 24px #1f271f1f}.exercise-complete-toast span{color:var(--text);font-size:.92rem;line-height:1.45}.file-import{border:1px dashed var(--line);background:#f8f9f7;border-radius:8px;gap:8px;margin-top:14px;padding:12px;display:grid}.file-import span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:700}.file-import input{max-width:100%;font:inherit}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.exercise-results-heading{align-items:start}.exercise-results-caption{white-space:nowrap;font-variant-numeric:tabular-nums;min-height:1.45em;margin-top:8px}.exercise-filter-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.exercise-filter-panel .form-grid{border:1px solid var(--line);background:#ffffffc7;border-radius:16px;gap:14px;padding:16px}.exercise-filter-panel .field span{font-size:.76rem}.exercise-results-panel .queue-table-wrap{margin-top:6px}.exercise-selection-header-toggle--icon{min-width:42px;min-height:42px}.exercise-mobile-selection-toggle{margin-bottom:12px;display:none}.section-heading h2{margin-bottom:8px}.selection-split-button{border:1px solid var(--line);background:#f8f9f7;border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.selection-split-button__part{appearance:none;min-height:38px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 16px;transition:all .16s}.selection-split-button__part+.selection-split-button__part{border-left:1px solid var(--line)}.selection-split-button__part:hover{background:#fff}.selection-split-button__part--active{background:var(--color-primary);color:var(--color-white)}.selection-split-button__part--active:hover{background:var(--color-primary-light)}.selection-split-button__part:disabled{opacity:.6;cursor:default}.table-button{white-space:nowrap;padding:7px 10px}.recording-form-layout{gap:16px;display:grid}.recording-form-group{border:1px solid var(--line);background:#ffffffdb;border-radius:18px;gap:14px;padding:18px;display:grid;box-shadow:0 10px 24px #003a600d}.recording-form-group__header{justify-content:space-between;align-items:start;gap:12px;display:flex}.recording-form-group__header h3,.recording-form-group__header p,.recording-form-group__content{margin:0}.recording-form-grid{gap:14px}.recording-form-grid .field span,.recording-form-group .field-heading-row span{font-size:.76rem}.recording-section-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:0;display:flex}.recording-section-toggle__copy{gap:3px;display:grid}.recording-section-toggle__title{color:var(--color-primary);font-size:1rem;font-weight:700}.recording-section-toggle__meta{color:var(--muted);font-size:.9rem}.recording-section-toggle__chevron{border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);flex:none;width:12px;height:12px;margin-right:4px;transition:transform .16s;transform:rotate(45deg)}.recording-section-toggle.is-open .recording-section-toggle__chevron{transform:rotate(-135deg)}.recording-setup-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.recording-setup-secondary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recording-workspace-panel{gap:14px;min-width:0;scroll-margin-top:14px;display:grid}.recording-status-card{border:1px solid var(--line);background:linear-gradient(#4c7cac14,#fffffffa);border-radius:18px;gap:14px;min-width:0;padding:18px;display:grid;position:relative;box-shadow:0 14px 28px #003a600f}.recording-status-card__header{justify-content:space-between;align-items:start;gap:14px;display:flex}.recording-status-card__header>:first-child{min-width:0}.recording-status-card__eyebrow{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:700}.recording-status-card__title{color:var(--color-primary);overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(1.55rem,2.3vw,2.2rem);line-height:1.08}.recording-status-card__meta{flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:10px;display:flex}.recording-status-chip{background:#ffffffdb;border:1px solid #89a4c659;border-radius:14px;gap:4px;min-width:112px;padding:10px 12px;display:grid}.recording-status-chip span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.recording-status-chip strong{color:var(--color-primary-dark);font-size:.98rem}.recording-status-chip--active{background:#4c7cac24;border-color:#4c7cac99}.recording-status-chip--warning{background:#f4846c1f;border-color:#f4846c7a}.recording-status-chip--success{background:#3787541a;border-color:#3787546b}.recording-action-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.recording-status-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.recording-status-actions--icon-only{gap:12px;width:100%}.recording-action-button{border-radius:16px;width:52px;min-width:52px;height:52px;box-shadow:0 10px 20px #003a6014}.recording-action-button img{width:24px;height:24px}.recording-action-button__icon--hidden{display:none}.recording-action-button--ghost{border-color:var(--line);box-shadow:none;background:#f7f9fc}.recording-action-button--ghost:hover{border-color:var(--color-border-strong);background:var(--color-white)}.recording-action-button--primary{border-color:var(--color-primary);background:var(--color-primary)}.recording-action-button--primary:hover{border-color:var(--color-primary-light);background:var(--color-primary-light)}.recording-action-button--stop{background:linear-gradient(#f4846c,#dd745d);border-color:#d96f5a;box-shadow:0 10px 18px #f4846c2e}.recording-action-button--stop:hover{background:linear-gradient(#eb7a62,#cf6852);border-color:#c85f4a}.recording-action-button--confirm{background:#2f8f58;border-color:#2f8f58;box-shadow:0 10px 18px #2f8f582e}.recording-action-button--confirm:hover{background:#267449;border-color:#267449}.recording-action-button--primary img,.recording-action-button--stop img,.recording-action-button--confirm img{filter:brightness(0)saturate()invert()}.recording-status-secondary-actions{justify-content:flex-end;display:flex;position:absolute;bottom:18px;right:18px}.recording-inline-alert{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;line-height:1.45;display:flex}.recording-inline-alert--success{color:var(--color-primary-dark);background:#4c7cac14;border-color:#4c7cac57}.recording-inline-alert--warning{color:#9e4a37;background:#f4846c1a;border-color:#f4846c6b}.recording-inline-alert--empty{visibility:hidden}.recording-workspace-error{min-height:1.45em;margin:0}.recording-workspace-error--empty{visibility:hidden}.recording-empty-state{border:1px solid var(--line);text-align:center;background:#ffffffe0;border-radius:16px;place-items:center;gap:8px;min-width:0;min-height:180px;padding:18px;display:grid}.recording-empty-state strong{max-inline-size:100%;color:var(--color-primary);overflow-wrap:anywhere;font-size:clamp(1.4rem,2.8vw,2.35rem);line-height:1.08}.recording-empty-state span{max-width:min(34ch,100%);color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;line-height:1.45}.recording-empty-state--ready{background:linear-gradient(#4c7cac1a,#fffffff5)}.storage-cell{max-width:340px;color:var(--muted);overflow-wrap:anywhere;font-size:.86rem}.current-prompt{border:1px solid var(--line);text-align:center;background:#eef3ea;border-radius:8px;gap:8px;margin-bottom:12px;padding:18px;display:grid}.current-prompt span{color:var(--muted);text-transform:uppercase;font-size:.84rem;font-weight:700}.current-prompt strong{font-size:2rem;line-height:1.1}.recording-status{margin-top:14px}.recording-tour-toggle{width:40px;min-width:40px;padding:0;font-size:1.1rem;font-weight:700}.recording-tour-overlay{z-index:18;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0d141057;position:fixed;inset:0}.recording-tour-target{position:relative}.recording-tour-target--active{z-index:24;isolation:isolate;border-radius:12px;box-shadow:0 0 0 2px #2f6f44f2,0 0 0 8px #2f6f4429,0 18px 38px #0f14112e}.recording-tour-target--active:before{content:"";z-index:-1;background:#fffffff0;border-radius:16px;position:absolute;inset:-8px}.recording-tour-tooltip{z-index:30;width:min(360px,100vw - 24px);color:var(--text);background:#fff;border:1px solid #c9ddd0;border-radius:14px;gap:10px;padding:14px 16px;display:grid;position:fixed;box-shadow:0 20px 44px #0f141129}.recording-tour-tooltip:after{content:"";background:#fff;border-top:1px solid #c9ddd0;border-left:1px solid #c9ddd0;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.recording-tour-tooltip--bottom:after{top:-8px;left:calc(50% - 7px)}.recording-tour-tooltip--top:after{bottom:-8px;left:calc(50% - 7px);transform:rotate(225deg)}.recording-tour-tooltip--right:after{top:calc(50% - 7px);left:-8px;transform:rotate(315deg)}.recording-tour-tooltip--left:after{top:calc(50% - 7px);right:-8px;transform:rotate(135deg)}.recording-tour-tooltip--floating:after{display:none}.recording-tour-tooltip strong{font-size:1rem;line-height:1.25}.recording-tour-tooltip p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.recording-tour-tooltip__progress{color:#2f6f44;background:#eef5f0;border-radius:999px;justify-self:start;padding:4px 8px;font-size:.78rem;font-weight:700}.recording-tour-tooltip__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.recording-tour-tooltip__actions-right{align-items:center;gap:8px;display:flex}.recording-tour-tooltip__spacer{width:66px;height:1px}.recording-tour-action-anchor{gap:8px;display:grid}.recording-session-panel{padding-bottom:78px;position:relative}.recording-session-panel--tour-active{isolation:isolate}.recording-import-row{z-index:1;justify-content:flex-end;margin-top:0;display:flex;position:absolute;bottom:16px;right:16px}.recording-finalize-row{align-items:center;margin-top:14px}.recording-finalize-row--sticky{bottom:max(12px, env(safe-area-inset-bottom));z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffc7,#fffffffa);border-radius:16px;justify-content:flex-end;padding:14px;position:sticky}.recording-waveform-preview{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-top:14px;display:grid}.recording-waveform-preview--card{border:1px solid var(--line);background:#ffffffe0;border-radius:16px;margin-top:0;padding:14px}.recording-waveform-frame{min-width:0}.recording-discard-button{background:#fff3f1;border-color:#dfb9b9}.assignment-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:8px;width:100%;min-width:0;max-width:100%;overflow-x:auto}.assignment-table{border-collapse:collapse;width:100%;min-width:100%}.assignment-table th,.assignment-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8e0;padding:10px 12px}.assignment-table th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.assignment-header-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.assignment-header-action{min-height:28px;padding:4px 10px;font-size:.72rem}.assignment-header-action--icon{min-width:32px;padding:4px}.assignment-header-action--icon img{width:18px;height:18px;display:block}.assignment-checkbox{width:20px;height:20px;accent-color:var(--accent)}.assignment-table td:not(:first-child):not(:last-child),.assignment-table th:not(:first-child):not(:last-child){text-align:center}.assignment-row--active{background:#eef3ea}.row-title-button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:700}.chip-row,.chip-input-row{flex-wrap:wrap;gap:8px;display:flex}.chip-input-row{margin-top:8px}.chip-input-row--standalone{margin-top:0}.chip-row--field{min-height:30px;margin-top:10px}.chip-input-row input{border:1px solid var(--line);min-width:180px;font:inherit;border-radius:6px;flex:1;padding:8px 10px}.chip{background:var(--accent-soft);color:var(--text);cursor:pointer;border:1px solid #b8c9b7;border-radius:999px;padding:5px 9px}.stat-list{gap:8px;margin-top:14px;display:grid}.stat-list__row{background:#fbfcfa;border:1px solid #dfe7dd;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.diagnostics-page{gap:16px}.diagnostics-source-panel .section-heading,.diagnostics-active-header,.diagnostics-export-row,.diagnostics-source-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.diagnostics-source-grid{grid-template-columns:minmax(0,1fr) auto minmax(220px,.55fr);align-items:end;gap:12px;margin-top:14px;display:grid}.diagnostics-load-button{min-width:92px}.diagnostics-time{color:var(--muted);white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.diagnostics-time strong{color:var(--color-primary);font-size:1.35rem}.diagnostics-waveform-shell{gap:8px;margin-top:12px;display:grid}.diagnostics-waveform-canvas{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:100%;height:260px}.diagnostics-control-grid{grid-template-columns:minmax(170px,.3fr) minmax(220px,1fr) minmax(160px,.3fr);align-items:stretch;gap:12px;margin-top:16px;display:grid}.diagnostics-hold-button{appearance:none;color:#fff;min-height:86px;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#d14b44;border:1px solid #b8423d;border-radius:8px;padding:16px 22px;font-size:1.2rem;font-weight:800;transition:all 90ms}.diagnostics-hold-button:hover,.diagnostics-hold-button--active{background:#a93430;border-color:#8f2f2b;transform:translateY(1px)}.diagnostics-hold-button:disabled{opacity:.48;cursor:default;transform:none}.diagnostics-export-row{flex-wrap:wrap;justify-content:flex-end;margin-top:14px}.diagnostics-results-table{min-width:720px}.status-pill__label,.field span,.field-heading-row span,.section-heading h2,.section-heading h3{color:var(--color-primary)}.queue-table-wrap,.exercise-spectrogram-frame,.exercise-complete-toast,.audio-preview,.library-player{background:var(--color-white)}.queue-table th,.queue-table td,.assignment-table th,.assignment-table td,.saved-list-toolbar{border-bottom-color:var(--color-border)}.sync-state{background:var(--color-white)}.sync-state--synced{border-color:var(--color-primary-light);background:var(--color-success-soft);color:var(--color-primary)}.sync-state--queued,.sync-state--local{border-color:var(--color-accent);background:var(--color-warning-soft);color:var(--color-primary-dark)}.sync-state--conflict{border-color:var(--color-danger);background:var(--color-danger-soft);color:#8a3f3a}.voice-count--male{background:var(--color-primary)}.voice-count--female{background:var(--color-accent)}.flag-button,.exercise-flag-action,.recording-discard-button{background:var(--color-warning-soft);color:#b85d4d;border-color:#efc2b9}.exercise-flag-action--active,.flag-button--active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-white)}.exercise-flag-action--active img{filter:brightness(0)invert()}.saved-list-popover,.audio-preview,.library-player,.exercise-now-playing,.file-import,.selection-split-button,.current-prompt,.assignment-row--active{background:var(--color-surface-alt)}.saved-list-item{border-color:var(--color-border);background:var(--color-white)}.saved-list-item:hover,.field-action-button:hover,.exercise-icon-button:hover,.selection-split-button__part:hover{border-color:var(--color-border-strong);background:var(--color-white)}.selection-split-button__part--active,.selection-split-button__part--active:hover{background:var(--color-primary);color:var(--color-white)}.library-noise-standard-button--active,.library-noise-standard-button--active:hover{background:#fff3c4;border-color:#c79a2b}.field-action-button,.exercise-icon-button,.exercise-progress-pill{background:#f7f9fc}.exercise-icon-button.recording-action-button--ghost{border-color:var(--line);box-shadow:none;background:#f7f9fc}.exercise-icon-button.recording-action-button--ghost:hover{border-color:var(--color-border-strong);background:var(--color-white)}.exercise-icon-button.recording-action-button--primary{border-color:var(--color-primary);background:var(--color-primary)}.exercise-icon-button.recording-action-button--primary:hover{border-color:var(--color-primary-light);background:var(--color-primary-light)}.exercise-icon-button.recording-action-button--stop{background:linear-gradient(#f4846c,#dd745d);border-color:#d96f5a;box-shadow:0 10px 18px #f4846c2e}.exercise-icon-button.recording-action-button--stop:hover{background:linear-gradient(#eb7a62,#cf6852);border-color:#c85f4a}.exercise-icon-button.recording-action-button--confirm{background:#2f8f58;border-color:#2f8f58;box-shadow:0 10px 18px #2f8f582e}.exercise-icon-button.recording-action-button--confirm:hover{background:#267449;border-color:#267449}.exercise-icon-button.recording-action-button--primary img,.exercise-icon-button.recording-action-button--stop img,.exercise-icon-button.recording-action-button--confirm img{filter:brightness(0)saturate()invert()}.field-action-button--arrow:before{border-top-color:var(--color-primary)}.stop-button{background:linear-gradient(#f4846c,#dd745d);border-color:#d96f5a;box-shadow:0 10px 18px #f4846c2e}.stop-button:hover{background:linear-gradient(#eb7a62,#cf6852);border-color:#c85f4a}.exercise-icon-button--confirm{border-color:var(--color-primary-light);background:#edf4fb}.exercise-icon-button--confirm:hover{border-color:var(--color-primary);background:var(--color-white)}.exercise-complete-toast{border-color:var(--color-border);box-shadow:var(--color-shadow-strong)}.top-nav__link,.saved-list-item:hover,.recording-tour-tooltip__progress,.exercise-icon-button--confirm,.assignment-row--active{background:#edf4fb}.recording-tour-overlay{background:#00233a47}.recording-tour-target--active{box-shadow:0 0 0 2px #003a60f2,0 0 0 8px #4c7cac2e,0 18px 38px #00233a2e}.recording-tour-tooltip{border-color:var(--color-border);background:var(--color-white);box-shadow:var(--color-shadow-strong)}.recording-tour-tooltip:after{background:var(--color-white);border-left-color:var(--color-border);border-top-color:var(--color-border)}.recording-tour-tooltip__progress{color:var(--color-primary)}.chip{border-color:var(--color-border-strong);color:var(--color-primary);background:#edf4fb}.stat-list__row{border-color:var(--color-border);background:#f9fbfe}.field input,.field select,.field textarea,.chip-input-row input{border-color:var(--color-border)}.field input:focus,.field select:focus,.field textarea:focus,.chip-input-row input:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #4c7cac29}@media (width<=900px){.app-shell{padding:0}.app-shell__frame{border-left:0;border-right:0;border-radius:0}.app-shell__header{gap:12px;padding:14px 16px}.app-shell__title{font-size:1.8rem}.app-shell__header-right,.theme-switcher{width:100%}.theme-switcher{justify-content:space-between}.app-shell__header,.page-grid--two,.status-grid,.form-grid{grid-template-columns:1fr}.app-shell__header,.section-heading{display:grid}.section-heading{gap:12px}.panel{border-radius:12px;padding:14px}.panel h2,.panel h3{margin-bottom:8px;font-size:1.5rem}.caption{font-size:.92rem}.field-heading-row{flex-wrap:wrap;align-items:stretch}.field-heading-row>.ghost-button{width:100%}.button-row{flex-direction:column;align-items:stretch;display:flex}.button-row>*{width:100%;min-width:0}.diagnostics-source-panel .section-heading,.diagnostics-active-header,.diagnostics-export-row{justify-content:stretch;display:grid}.diagnostics-source-grid,.diagnostics-control-grid{grid-template-columns:1fr}.diagnostics-source-actions,.diagnostics-source-actions .ghost-button,.diagnostics-load-button,.diagnostics-export-row>*{width:100%}.diagnostics-waveform-canvas{height:180px}.diagnostics-hold-button{min-height:112px;font-size:1.15rem}.chip-input-row--standalone{grid-template-columns:minmax(0,1fr) 52px;align-items:stretch;display:grid}.chip-input-row input{min-width:0}.current-prompt{padding:14px}.current-prompt strong{font-size:clamp(1.45rem,9vw,2rem)}.recording-session-panel{padding-bottom:16px}.recording-session-panel>.section-heading{grid-template-columns:none;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.recording-session-panel>.section-heading h2{margin:0}.recording-session-panel>.section-heading .recording-tour-toggle{flex:none}.recording-form-group,.recording-status-card,.exercise-player-panel,.mishearing-box--player{border-radius:16px;padding:14px}.recording-form-group__header,.recording-status-card__header,.recording-setup-actions,.exercise-player-heading,.exercise-noise-panel-grid__row{display:grid}.recording-status-card__meta{justify-content:stretch}.recording-status-card--mobile-prompt-only .recording-status-card__header{display:none}.recording-status-card--mobile-prompt-only .recording-empty-state{min-height:128px;padding:18px 14px}.recording-status-card--mobile-prompt-only .recording-empty-state strong{font-size:clamp(1.75rem,11vw,2.55rem)}.recording-status-chip{min-width:0}.recording-action-strip,.recording-status-actions,.recording-setup-secondary{width:100%}.recording-status-actions{display:grid}.recording-status-actions>*{width:100%}.recording-status-actions--icon-only{justify-content:center;align-items:center;gap:10px;display:flex}.recording-status-actions--icon-only>*{width:52px;min-width:52px}.recording-status-secondary-actions{position:static}.recording-waveform-preview--card,.recording-waveform-preview{justify-content:center;align-items:center;gap:12px;display:flex}.recording-waveform-preview--card>.exercise-icon-button,.recording-discard-button{flex:0 0 44px;justify-self:center}.recording-waveform-frame{flex:0 172px;justify-self:center;width:auto;min-width:0;max-width:172px}.recording-waveform-frame .exercise-spectrogram-canvas{max-height:72px}.recording-empty-state{min-height:144px}.assignment-table{min-width:680px}.recording-finalize-row--sticky{bottom:max(8px, env(safe-area-inset-bottom));padding:10px}.recording-import-row{justify-content:flex-end;margin-top:12px;position:static}.saved-list-pagination-bar{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.saved-list-page-size{flex:none}.saved-list-page-size select{width:58px}.saved-list-pagination-controls{gap:6px}.saved-list-page-button{width:34px;min-width:34px}.saved-list-item{justify-content:stretch;display:grid}.exercise-filter-panel>.section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.exercise-filter-heading-actions{display:contents}.exercise-filter-heading-actions>[role=presentation]{grid-area:2/1/auto/-1;width:100%}.exercise-filter-heading-actions>.recording-tour-toggle{grid-area:1/2;place-self:start end}.exercise-mobile-selection-toggle{display:block}.exercise-mobile-selection-toggle .ghost-button,.selection-split-button{width:100%}.selection-split-button__part{flex:1 1 0}.exercise-results-caption{white-space:normal}.exercise-filter-panel .form-grid{padding:12px}.exercise-results-heading .action-button{width:100%}.exercise-footer-row{display:grid}.exercise-player-main-layout,.exercise-player-waveforms,.exercise-player-volume-grid{grid-template-columns:1fr}.exercise-player-waveforms--single{grid-template-columns:1fr;justify-content:stretch}.exercise-spectrogram-frame.exercise-spectrogram-frame--compact{min-height:96px;padding:8px 10px}.exercise-spectrogram-frame.exercise-spectrogram-frame--compact .exercise-spectrogram-canvas{height:64px}.sticky-exercise-actions__inner{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.exercise-control-button--previous{order:1}.exercise-control-button--next{order:2}.exercise-control-button--shuffle{order:3}.exercise-control-button--mishearing{order:4}.sticky-exercise-actions__inner>*{width:100%}.top-nav{border-bottom:1px solid var(--color-border-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.top-nav__link{border:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;white-space:normal;border-radius:14px;justify-content:center;align-items:center;min-height:62px;padding:12px 10px;line-height:1.15;display:flex}.queue-table--stacked-mobile{table-layout:auto;min-width:0}.queue-table--stacked-mobile thead{display:none}.queue-table--stacked-mobile tbody{gap:12px;display:grid}.queue-table--stacked-mobile tr{border:1px solid var(--line);background:var(--color-white);border-radius:12px;gap:10px;padding:14px;display:grid}.queue-table--stacked-mobile tr.exercise-minimal-pair-row--unavailable{background:#f6f8f8;border-style:dashed}.queue-table--stacked-mobile td{overflow-wrap:anywhere;border:0;grid-template-columns:minmax(86px,auto) minmax(0,1fr);align-items:start;gap:10px;padding:0;display:grid}.queue-table--stacked-mobile td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:700}.queue-table--stacked-mobile td.table-cell--control:before{display:none}.queue-table--stacked-mobile td.table-cell--control{grid-template-columns:1fr;justify-items:start}.queue-table--stacked-mobile td.table-cell--actions{display:block}.queue-table--stacked-mobile td.table-cell--actions:before{margin-bottom:8px;display:block}.queue-table--stacked-mobile td.table-cell--actions>*{vertical-align:middle;margin:0 8px 8px 0}.queue-table--stacked-mobile .conflict-actions{flex-wrap:wrap;gap:8px;display:flex}.queue-table--stacked-mobile .title-with-counts{flex-wrap:wrap}.queue-table--stacked-mobile .storage-cell{max-width:none}.queue-table--stacked-mobile .voice-counts{justify-content:flex-start}.top-nav,.app-shell__content{padding-left:12px;padding-right:12px}}