:root{--bg:#f6f4ef;--panel:#fff;--panel-strong:#edf5f2;--ink:#17211f;--muted:#62706c;--line:#d7ddd8;--accent:#24524a;--accent-2:#b44d35;--accent-3:#345f8b;--danger:#9d2f2f;--shadow:0 18px 45px #19242114}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,select,textarea,input{font:inherit}button,.upload-button{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:700;display:inline-flex}button:hover,.upload-button:hover{filter:brightness(.96)}button:disabled{cursor:not-allowed;opacity:.55}button.danger{color:var(--danger);background:#fff;border-color:#9d2f2f66}button.secondary{border-color:var(--line);color:var(--ink);background:#fff}textarea,select,input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:11px 12px;line-height:1.45}textarea:focus,select:focus,input:focus,button:focus-visible{outline-offset:2px;outline:3px solid #24524a38}.app-shell{max-width:1440px;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:var(--accent-2);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.82rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,4vw,4.25rem);line-height:.96}h2{letter-spacing:0;font-size:1.28rem}h3{font-size:.98rem}.select-label,.field{color:var(--muted);gap:8px;font-size:.85rem;font-weight:800;display:grid}.select-label{min-width:min(360px,100%)}.topbar-controls,.topbar-controls-inner{align-items:end;gap:10px;display:flex}.mobile-settings-toggle{display:none}.notice-row{justify-content:space-between;align-items:center;gap:14px;margin:26px 0 16px;display:flex}.notice{background:var(--panel-strong);color:#244640;border:1px solid #c8dbd4;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;display:flex}.mic-test-notice{background:#fff4e8;border:1px solid #b44d354d;border-radius:8px;padding:12px 14px}.toggle{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-weight:800;display:inline-flex}.mode-groups{grid-template-columns:minmax(0,5fr) minmax(0,6fr) minmax(140px,1fr);gap:10px;margin:18px 0;display:grid}.mode-group{gap:7px;display:grid}.mode-group>span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.mode-tabs{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.mode-tabs button{border-color:var(--line);color:var(--ink);background:#fff;min-width:0}.mode-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.status-bar{color:#fff;background:#19221f;border-radius:8px;margin-bottom:18px;padding:11px 14px;font-size:.92rem}.mobile-workspace-switcher{display:none}.microphone-picker,.variant-controls{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.microphone-picker{box-shadow:none;min-width:min(360px,100%);padding:10px}.microphone-picker .select-label{min-width:0}.plan-chip{border:1px solid var(--line);color:var(--muted);background:#eef0eb;border-radius:8px;align-items:center;min-height:42px;padding:10px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.plan-chip strong{color:var(--ink);margin-left:6px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.actions-panel,.wide-panel,.scenario-panel,.practice-panel,.feedback-card,.prompt-block{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric{min-height:160px;padding:20px}.metric span,.prompt-block span,.scenario-list span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.metric strong{color:var(--accent);letter-spacing:0;font-size:3.2rem;line-height:1;display:block}.metric p,.prompt-block p,.scenario-list p,.scenario-list small{color:var(--muted);line-height:1.5}.actions-panel{gap:9px;padding:14px;display:grid}.wide-panel{grid-column:span 2;padding:18px}.workspace-grid{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.scenario-panel,.practice-panel{padding:16px}.scenario-list{gap:10px;max-height:68vh;padding-right:4px;display:grid;overflow:auto}.scenario-list button,.scenario-list article{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:8px;justify-content:stretch;gap:5px;padding:12px;display:grid}.scenario-list button.selected{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.scenario-list button.mastered{opacity:.72}.scenario-list.compact{max-height:none}.prompt-block{margin-bottom:14px;padding:18px}.button-row,.tag-row,.score-row{flex-wrap:wrap;gap:9px;margin:12px 0;display:flex}.tag-row span,.tag-row button,.score-row span{border:1px solid var(--line);color:var(--ink);background:#eef0eb;border-radius:999px;min-height:auto;padding:7px 10px}.tag-row button{cursor:pointer}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.answer-grid>div{border:1px solid var(--line);background:#fbfbf8;border-radius:8px;padding:14px}.feedback-card{margin-top:14px;padding:18px}.rag-answer{color:#eef7f3;white-space:pre-wrap;background:#15201d;border-radius:8px;max-height:420px;margin-top:14px;padding:16px;line-height:1.5;overflow:auto}.upload-button{width:fit-content;margin-bottom:12px;position:relative}.upload-button input{opacity:0;position:absolute;inset:0}.login-shell{background:linear-gradient(#f6f4efe6,#f6f4efe6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'%3E%3Cpath fill='%2324524a' fill-opacity='.08' d='M0 0h240v240H0z'/%3E%3Cpath fill='%23b44d35' fill-opacity='.08' d='M240 240h240v240H240z'/%3E%3C/svg%3E");align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:100%;max-width:440px;margin:0 auto;padding:28px}.login-panel h1{font-size:2.6rem}.login-form{gap:14px;margin-top:22px;display:grid}.form-error{color:var(--danger);font-weight:800}.button-link{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.button-link:hover{filter:brightness(.96)}.queue-chip{background:var(--accent);color:#fff;border-radius:999px;margin-left:12px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-block}.masked-answer{color:var(--muted);font-style:italic}.playback-row{border:1px solid var(--line);background:#fbfbf8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.playback-row audio{flex:260px;min-width:220px}.filter-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.search-field{grid-column:1/-1}.select-label.compact{font-size:.85rem}.checklist{gap:6px;margin:0;padding-left:1.25rem;list-style:outside;display:grid}.checklist li button{cursor:pointer;padding:6px 10px}.mastery-badge{border-radius:999px;justify-self:start;padding:4px 8px;font-size:.72rem;font-style:normal;font-weight:900}.mastery-badge.new{color:#9d2f2f;background:#f7eeee}.mastery-badge.weak,.mastery-badge.practiced{color:#8a4a18;background:#fff4e8}.mastery-badge.solid,.mastery-badge.mastered{color:#24524a;background:#e7f3ed}.cheat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.cheat-grid>section,.wide-reference,.help-panel{border:1px solid var(--line);background:#fbfbf8;border-radius:8px;padding:14px}.memory-list{gap:12px;margin:0;padding-left:1.25rem;display:grid}.memory-list li{padding-right:6px}.compact-memory li{gap:6px;display:grid}.compact-memory button{justify-self:start}.concept-layout{grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);gap:16px;display:grid}.structure-bank{gap:14px;margin-bottom:20px;display:grid}.concept-list{align-content:start;gap:8px;display:grid}.concept-list button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fbfbf8;justify-items:start;gap:4px;display:grid}.concept-list button.selected{background:var(--accent);border-color:var(--accent);color:#fff}.concept-list span,.concept-heading span,.structure-list span{color:var(--accent-2);text-transform:uppercase;font-size:.76rem;font-weight:800}.concept-list button.selected span{color:#dce9e3}.concept-detail{gap:18px;display:grid}.concept-heading,.concept-mini-card,.structure-list article{border:1px solid var(--line);background:#fbfbf8;border-radius:8px;gap:8px;padding:14px;display:grid}.concept-heading button,.concept-mini-card button,.structure-list button{justify-self:start}.concept-vocab-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.example-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.concept-mini-card small{color:var(--muted);line-height:1.45}.structure-list{gap:10px;display:grid}.reference-button{border-color:var(--line);color:var(--ink);text-align:left;background:0 0;justify-content:flex-start;width:100%}.memory-target h2{line-height:1.35}.help-panel{gap:12px;margin:12px 0;display:grid}.help-panel ul{margin:0;padding-left:1.25rem}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px;display:grid}.vocab-card{border:1px solid var(--line);background:#fbfbf8;border-radius:8px;gap:8px;padding:14px;display:grid}.vocab-card strong{font-size:1.2rem}.vocab-card span{color:var(--accent-2);text-transform:uppercase;font-size:.78rem;font-weight:700}.cheat-sheet{color:var(--ink);background:#fff;max-width:780px;margin:0 auto;padding:40px}.cheat-sheet header{border-bottom:2px solid var(--ink);margin-bottom:24px;padding-bottom:16px}.cheat-sheet h1{margin-bottom:8px;font-size:2.4rem}.cheat-sheet h2{border-bottom:1px solid var(--line);margin-top:28px;padding-bottom:6px;font-size:1.3rem}.cheat-sheet ol,.cheat-sheet ul{padding-left:1.25rem}.cheat-sheet li{margin-bottom:14px}.cheat-sheet .memory-qa li{break-inside:avoid}.cheat-sheet .translation{color:var(--muted);margin:4px 0 0;font-size:.92rem}.cheat-sheet footer{border-top:2px solid var(--ink);color:var(--muted);margin-top:32px;padding-top:16px}@media print{.no-print{display:none!important}body{background:#fff}.cheat-sheet{max-width:100%;padding:12px}.cheat-sheet h2{margin-top:18px}}@media (max-width:1000px){.app-shell{padding:18px}.topbar,.notice-row,.topbar-controls,.topbar-controls-inner{flex-direction:column;align-items:stretch}.mode-groups{grid-template-columns:1fr}.mode-tabs{scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.mode-tabs button{scroll-snap-align:start;flex:none;min-width:max-content}.dashboard-grid,.workspace-grid,.answer-grid,.cheat-grid,.concept-layout,.microphone-picker,.variant-controls{grid-template-columns:1fr}.wide-panel{grid-column:span 1}.scenario-list{max-height:44vh}.filter-row{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{padding:12px}.topbar{gap:12px}.eyebrow{display:none}h1{font-size:1.55rem;line-height:1.04}h2{font-size:1.08rem}button,.button-link,.upload-button{min-height:44px;padding:10px 12px;line-height:1.15}.topbar-controls,.notice-row{gap:8px}.mobile-settings-toggle{width:100%;display:inline-flex}.topbar-controls-inner{display:none}.topbar-controls.open .topbar-controls-inner{display:flex}.notice-row{flex-direction:row;align-items:stretch;margin:12px 0}.notice{flex:auto;align-items:flex-start;padding:10px;font-size:.85rem}.toggle{flex-direction:column;flex:0 0 76px;gap:4px;padding:0;font-size:0}.toggle:after{color:var(--muted);content:"Store";font-size:.68rem;line-height:1}.toggle input{width:auto;margin:auto}.mic-test-notice{align-items:center;margin:8px 0;padding:10px;font-size:.85rem}.mic-test-notice button{white-space:nowrap;flex:none;min-height:38px;padding:8px 10px}.mode-tabs{margin:12px 0}.status-bar{margin-bottom:10px;padding:10px 12px;font-size:.85rem}.queue-chip{width:fit-content;margin-top:8px;margin-left:0;display:block}.mobile-workspace-switcher{background:var(--bg);z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-2px 0 10px;padding:8px 0;display:grid;position:sticky;top:0}.mobile-workspace-switcher button{border-color:var(--line);color:var(--ink);background:#fff}.mobile-workspace-switcher button.active{background:var(--accent);border-color:var(--accent);color:#fff}.workspace-grid{gap:10px}.workspace-grid[data-mobile-view=practice] .scenario-panel,.workspace-grid[data-mobile-view=scenarios] .practice-panel{display:none}.scenario-panel,.practice-panel{box-shadow:none;padding:12px}.scenario-list{max-height:none;padding-right:0}.scenario-list button,.scenario-list article{padding:11px}.prompt-block{margin-bottom:10px;padding:14px}.prompt-block h2{line-height:1.25}.variant-controls,.microphone-picker{padding:10px}.button-row{gap:8px}.button-row button,.button-row .button-link{flex:calc(50% - 8px);min-width:0}.answer-grid{gap:10px}.answer-grid>div,.feedback-card{padding:12px}.playback-row audio{flex-basis:100%;min-width:0}}