:root{color-scheme:light;--color-white: #ffffff;--color-black: #000000;--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 rgba(0, 58, 96, .1);--color-shadow-strong: 0 18px 42px rgba(0, 58, 96, .14);--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: #ffffff;--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 rgba(0, 58, 96, .08);--color-shadow-strong: 0 18px 42px rgba(0, 58, 96, .14);--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: #ffffff;--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 rgba(0, 35, 58, .14);--color-shadow-strong: 0 22px 52px rgba(0, 35, 58, .2);--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{max-width:1280px;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.app-shell__header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--color-border-strong);background:var(--color-primary);color:var(--color-white)}.app-shell__header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.app-shell__title{margin:0;font-size:1.35rem;letter-spacing:0;color:var(--color-white)}.app-shell__meta{display:flex;flex-wrap:wrap;gap:10px}.meta-item{min-width:160px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.meta-item strong{display:block;margin-bottom:3px;color:#ffffffd6;font-size:.74rem;letter-spacing:0;text-transform:uppercase}.meta-item span{font-size:.88rem;color:var(--color-white)}.theme-switcher{display:flex;align-items:center;gap:10px}.theme-switcher__label{color:#ffffffd6;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.theme-switcher__options{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff1a;overflow:hidden}.theme-switcher__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:34px;padding:7px 12px;border:0;background:transparent;color:#ffffffeb;font:inherit;font-size:.86rem;cursor:pointer;transition:.16s ease}.theme-switcher__option+.theme-switcher__option{border-left:1px solid rgba(255,255,255,.16)}.theme-switcher__option:hover{background:#ffffff1f}.theme-switcher__option--active{background:var(--color-white);color:var(--color-primary);font-weight:700}.top-nav{display:flex;flex-wrap:wrap;gap:0;padding:10px 18px 0;border-bottom:1px solid var(--color-border-strong);background:var(--panel)}.top-nav__link{padding:10px 14px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#edf3fa;color:var(--color-text-soft);transition:.16s ease}.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);font-weight:700;box-shadow:inset 0 3px 0 var(--color-primary)}.top-nav__link--disabled{opacity:.45;cursor:not-allowed}.app-shell__content{padding:18px;background:var(--panel-strong)}.page-grid{display:grid;gap:14px}.page-grid--two{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel--wide{grid-column:1 / -1}.panel{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-strong);box-shadow:0 8px 20px #003a600f}.panel h2,.panel h3{margin-top:0;margin-bottom:10px;color:var(--color-primary)}.panel p,.panel li{color:var(--muted);line-height:1.55}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.status-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.status-pill{min-height:68px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--color-white)}.status-pill__label{display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem;letter-spacing:0;text-transform:uppercase}.status-pill__value{font-weight:700}.list-clean{margin:0;padding-left:18px}.caption{color:var(--muted);font-size:.95rem}.callout{margin-top:14px;padding:12px 14px;border-left:4px solid var(--color-accent);border-radius:10px;background:var(--color-warning-soft);color:var(--color-primary-dark)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.action-button,.ghost-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:38px;padding:9px 14px;border-radius:6px;font:inherit;cursor:pointer;transition:.16s ease}.action-button{border:1px solid var(--accent);background:var(--accent);color:var(--color-white)}.action-button:hover,.action-button--secondary{border-color:var(--color-primary-light);background:var(--color-primary-light)}.action-button--confirm{border-color:#2f8f58;background:#2f8f58}.action-button--confirm:hover{border-color:#267449;background:#267449}.ghost-button{border:1px solid var(--line);background:#f7f9fc;color:var(--color-primary)}.ghost-button:hover{border-color:var(--color-border-strong);background:var(--color-white)}.ghost-button--compact{min-height:32px;padding:6px 10px;white-space:nowrap}.action-button:disabled,.ghost-button:disabled{opacity:.6;cursor:default}.queue-table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.queue-table{width:100%;min-width:980px;border-collapse:collapse}.queue-table th,.queue-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.queue-table th{color:var(--muted);font-size:.78rem;letter-spacing:0;text-transform:uppercase}.exercise-selection-header-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:28px;padding:4px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-white);color:var(--color-primary);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer;transition:.16s ease}.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{display:block;width:18px;height:18px}.queue-table tbody tr:last-child td{border-bottom:0}.sync-state{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:#f8f9f7;font-size:.82rem;white-space:nowrap}.sync-state--conflict{border-color:var(--color-danger);background:var(--color-danger-soft);color:#8a3f3a;font-weight:700}.title-with-counts{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-counts{display:inline-flex;align-items:center;gap:4px}.voice-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;color:#fff!important;-webkit-text-fill-color:#ffffff;font-size:.78rem;font-weight:700;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.18)}.voice-count--male{background:#245d9f}.voice-count--female{background:#b83257}.flag-button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border:1px solid #e1b6bd;border-radius:8px;background:#fff7f7;color:#b4233b;font-weight:900;cursor:pointer}.flag-button--active{background:#b4233b;border-color:#b4233b;color:#fff}.conflict-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.error-text{color:var(--danger);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field--wide{grid-column:1 / -1}.field span{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.field-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-heading-row span{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.saved-list-popover{display:grid;gap:8px;max-height:280px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8faf7}.saved-list-toolbar{display:grid;gap:10px;padding-bottom:6px;border-bottom:1px solid #dde4da}.saved-list-pagination-bar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.saved-list-page-size{min-width:150px}.saved-list-page-size span{white-space:nowrap}.saved-list-pagination-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.saved-list-generator-row{margin-top:6px}.saved-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid #d7e0d5;border-radius:8px;background:var(--color-white);color:var(--text);cursor:pointer;text-align:left}.saved-list-item .voice-count{color:#fff}.saved-list-item:hover{border-color:#9fb39c;background:#f1f6ef}.saved-list-item__main{display:grid;gap:3px;min-width:0}.saved-list-item__main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-list-item__main span{color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:none}.field input,.field select,.field textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font:inherit}.field textarea{resize:vertical}.field-input-with-action{display:flex;align-items:stretch;gap:8px}.field-input-with-action input{flex:1}.field-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:38px;width:38px;border:1px solid var(--line);border-radius:6px;background:var(--color-white);color:var(--text);cursor:pointer;transition:.16s ease}.field-action-button:hover{border-color:#9eb09c;background:#fff}.field-action-button--arrow:before{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #6b7568}.audio-preview{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8f9f7}.audio-preview audio{width:100%}.library-player{display:grid;justify-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8f9f7}.library-table-wrap{max-width:100%;overflow-x:visible}.library-table{min-width:0;table-layout:fixed}.library-table th:nth-child(1),.library-table td:nth-child(1){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{border-color:#c79a2b;background:#fff3c4}.library-entry-heading{align-items:center}.library-entry-heading h3{margin-bottom:0}.library-entry-heading .caption{margin-top:6px}.library-flag-filter-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-white);color:var(--color-primary);cursor:pointer;transition:.16s ease;flex:0 0 auto}.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{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--color-accent);color:var(--color-white);font-size:.7rem;font-weight:700;line-height:18px;text-align:center;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(1)}.library-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.library-pagination__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.library-waveform-preview{width:min(100%,540px);grid-template-columns:44px minmax(0,420px);justify-content:center}.library-waveform-canvas{height:92px}.stop-button{border:1px solid #b94b4b;background:#b94b4b;color:#fff}.exercise-progress-pill{min-width:92px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#f8f9f7;text-align:center;font-weight:700}.exercise-session-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.exercise-now-playing{display:grid;gap:8px;margin-top:10px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#eef3ea}.exercise-now-playing span{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.exercise-now-playing strong{font-size:2rem;line-height:1.1}.exercise-now-playing p{margin:0}.exercise-voice-field{max-width:280px}.exercise-check-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.86rem}.exercise-check-row input{margin:0}.exercise-audio{width:100%;margin-top:14px}.exercise-playback-layout{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;gap:18px;align-items:start;margin-top:18px}.exercise-side-control{display:grid;justify-items:center;gap:12px}.exercise-volume-guide-box{display:grid;justify-items:center;gap:8px;padding:6px 10px;border-radius:14px}.exercise-side-label{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.exercise-volume-slider{writing-mode:vertical-lr;direction:rtl;width:28px;height:220px;accent-color:var(--accent)}.exercise-spectrogram-area{display:grid;justify-items:center;gap:12px}.exercise-spectrogram-shell{width:min(58%,640px);min-width:360px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.exercise-spectrogram-frame{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.exercise-spectrogram-flag-anchor{position:static;align-self:start;justify-self:start;margin-top:10px;z-index:3}.exercise-spectrogram-canvas{display:block;width:100%;height:auto;border-radius:4px;cursor:pointer}.exercise-flag-action{border-color:#f0c7cd;background:#fff4f5}.exercise-flag-action:hover{border-color:#e59aa6;background:#fff}.exercise-flag-action--active{border-color:#d14f67;background:#d14f67}.exercise-flag-action--active:hover{border-color:#b13f55;background:#b13f55}.exercise-flagged-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;display:grid;align-content:center;justify-items:center;gap:6px;padding:14px 18px;border:1px solid rgba(191,67,90,.26);border-radius:10px;background:#ffecefe0;color:#8f2036;text-align:center;box-shadow:0 10px 26px #8f20361f;pointer-events:none}.exercise-flagged-overlay strong{font-size:.95rem}.exercise-flagged-overlay span{max-width:44ch;font-size:.88rem;line-height:1.45}.exercise-controls-row{justify-content:center}.exercise-noise-mode{display:grid;gap:8px;width:min(280px,100%)}.exercise-noise-mode__label{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.exercise-noise-mode__toggle{width:100%}.exercise-noise-mode__part{display:inline-flex;align-items:center;justify-content:center;min-width:0}.exercise-noise-mode__part:first-child{flex:0 0 52px}.exercise-noise-mode__part:last-child{flex:1 1 auto}.exercise-noise-mode__button-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.exercise-noise-mode__button-content img{width:16px;height:16px}.exercise-noise-mode__hint{max-width:24ch}.mishearing-box{display:grid;justify-items:center;gap:10px;margin-top:12px}.mishearing-box .field{width:min(360px,100%)}.exercise-mishearing-chip-row{justify-content:center;max-width:min(480px,100%)}.exercise-mishearing-chip{display:inline-flex;align-items:center;gap:8px;padding-inline:12px}.exercise-mishearing-chip span:last-child{font-size:1rem;line-height:1}.exercise-mishearing-accordion{padding:0;overflow:hidden}.exercise-accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border:0;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);color:var(--color-primary);cursor:pointer;text-align:left;transition:.16s ease}.exercise-accordion-toggle:hover{background:linear-gradient(180deg,var(--color-white) 0%,var(--accent-soft) 100%)}.exercise-accordion-toggle__copy{display:grid;gap:3px}.exercise-accordion-toggle__title{font-size:1rem;font-weight:700;letter-spacing:.01em}.exercise-accordion-toggle__meta{font-size:.92rem;color:var(--color-text-soft)}.exercise-accordion-toggle__chevron{width:12px;height:12px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(45deg);transition:transform .16s ease;flex:0 0 auto;margin-right:4px}.exercise-accordion-toggle.is-open .exercise-accordion-toggle__chevron{transform:rotate(-135deg)}.exercise-history-panel{display:grid;gap:12px;padding:0 18px 18px}.exercise-icon-button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:#f8f9f7;cursor:pointer;transition:.16s ease}.exercise-icon-button img{width:24px;height:24px}.exercise-icon-button:hover{border-color:#9eb09c;background:#fff}.exercise-icon-button--active{border-color:var(--accent);background:var(--accent-soft)}.exercise-icon-button--confirm{border-color:#9cc5aa;background:#edf6f0}.exercise-icon-button--confirm:hover{border-color:#7faf8f;background:#fff}.exercise-icon-button:disabled{opacity:.55;cursor:default}.exercise-footer-row{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:18px}.exercise-complete-toast{position:fixed;top:18px;right:18px;z-index:20;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 36px));padding:12px 14px;border:1px solid #b7d0be;border-radius:10px;background:#fff;box-shadow:0 10px 24px #1f271f1f}.exercise-complete-toast span{color:var(--text);font-size:.92rem;line-height:1.45}.file-import{display:grid;gap:8px;margin-top:14px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:#f8f9f7}.file-import span{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.file-import input{max-width:100%;font:inherit}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.exercise-results-heading{align-items:start}.exercise-results-caption{min-height:1.45em;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.exercise-filter-heading-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}.section-heading h2{margin-bottom:8px}.selection-split-button{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#f8f9f7}.selection-split-button__part{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:38px;padding:9px 16px;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:.16s ease}.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{padding:7px 10px;white-space:nowrap}.storage-cell{max-width:340px;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.current-prompt{display:grid;gap:8px;margin-bottom:12px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#eef3ea;text-align:center}.current-prompt span{color:var(--muted);font-size:.84rem;font-weight:700;text-transform:uppercase}.current-prompt strong{font-size:2rem;line-height:1.1}.recording-status{margin-top:14px}.recording-tour-toggle{min-width:40px;width:40px;padding:0;font-size:1.1rem;font-weight:700}.recording-tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;background:#0d141057;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.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:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;border-radius:16px;background:#fffffff0}.recording-tour-tooltip{position:fixed;z-index:30;display:grid;gap:10px;width:min(360px,calc(100vw - 24px));padding:14px 16px;border:1px solid #c9ddd0;border-radius:14px;background:#fff;color:var(--text);box-shadow:0 20px 44px #0f141129}.recording-tour-tooltip:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-left:1px solid #c9ddd0;border-top:1px solid #c9ddd0;transform:rotate(45deg)}.recording-tour-tooltip--bottom:after{top:-8px;left:calc(50% - 7px)}.recording-tour-tooltip--top:after{left:calc(50% - 7px);bottom:-8px;transform:rotate(225deg)}.recording-tour-tooltip--right:after{left:-8px;top:calc(50% - 7px);transform:rotate(315deg)}.recording-tour-tooltip--left:after{right:-8px;top:calc(50% - 7px);transform:rotate(135deg)}.recording-tour-tooltip strong{font-size:1rem;line-height:1.25}.recording-tour-tooltip p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.recording-tour-tooltip__progress{justify-self:start;padding:4px 8px;border-radius:999px;background:#eef5f0;color:#2f6f44;font-size:.78rem;font-weight:700}.recording-tour-tooltip__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.recording-tour-tooltip__actions-right{display:flex;align-items:center;gap:8px}.recording-tour-tooltip__spacer{width:66px;height:1px}.recording-tour-action-anchor{display:grid;gap:8px}.recording-session-panel{position:relative;padding-bottom:78px}.recording-session-panel--tour-active{isolation:isolate}.recording-import-row{position:absolute;right:16px;bottom:16px;display:flex;justify-content:flex-end;margin-top:0;z-index:1}.recording-finalize-row{align-items:center;margin-top:14px}.recording-waveform-preview{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-top:14px}.recording-waveform-frame{min-width:0}.recording-discard-button{border-color:#dfb9b9;background:#fff3f1}.assignment-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.assignment-table{width:100%;border-collapse:collapse}.assignment-table th,.assignment-table td{padding:10px 12px;border-bottom:1px solid #e2e8e0;text-align:left;vertical-align:top}.assignment-table th{color:var(--muted);font-size:.78rem;text-transform:uppercase}.assignment-header-cell{display:flex;flex-direction:column;align-items:center;gap:8px}.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{display:block;width:18px;height:18px}.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%;padding:6px 0;border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.chip-row,.chip-input-row{display:flex;flex-wrap:wrap;gap:8px}.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{min-width:180px;flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font:inherit}.chip{border:1px solid #b8c9b7;border-radius:999px;background:var(--accent-soft);color:var(--text);padding:5px 9px;cursor:pointer}.stat-list{display:grid;gap:8px;margin-top:14px}.stat-list__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #dfe7dd;border-radius:8px;background:#fbfcfa}.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{border-color:#efc2b9;background:var(--color-warning-soft);color:#b85d4d}.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(1)}.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{border-color:#c79a2b;background:#fff3c4}.field-action-button,.exercise-icon-button,.exercise-progress-pill{background:#f7f9fc}.field-action-button--arrow:before{border-top-color:var(--color-primary)}.stop-button{border-color:var(--color-accent);background:var(--color-accent)}.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);background:#edf4fb;color:var(--color-primary)}.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{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #4c7cac29}@media (max-width: 900px){.app-shell{padding:10px}.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,.exercise-footer-row{display:grid}.exercise-playback-layout{grid-template-columns:1fr}.exercise-spectrogram-shell,.exercise-spectrogram-frame{width:100%;min-width:0}.exercise-spectrogram-flag-anchor{margin-top:8px}.top-nav,.app-shell__content{padding-left:12px;padding-right:12px}}