.practiceShell{--bg:#f2f4ef;--surface:#fbfcf7;--surface-soft:#f3f6ee;--surface-raised:#f8faf2;--border:#c9d3cc;--border-strong:#9db9ac;--text:#18211f;--text-strong:#17221f;--muted:#66726d;--muted-strong:#4b655d;--accent:#226b58;--accent-strong:#1f473e;--accent-soft:#dfe8de;--accent-text:#123d32;--shadow:#30453d1f;--success-bg:#e8f4ed;--success-text:#1f6b47;--success-border:#4d9f79;--danger-bg:#faeeee;--danger-text:#9a3030;--danger-border:#bd6b6b;--error-bg:#fff5f5;--error-border:#d89999;--error-text:#812b2b;background:var(--bg);min-height:100vh;color:var(--text);display:block}.practiceShell[data-theme=matcha-dark]{--bg:#101813;--surface:#18231d;--surface-soft:#1e2d25;--surface-raised:#203229;--border:#31463b;--border-strong:#5a8b76;--text:#eef5ed;--text-strong:#f7fbf4;--muted:#a9b8ad;--muted-strong:#c2d2c4;--accent:#77bc97;--accent-strong:#477b63;--accent-soft:#243d31;--accent-text:#ddf4e7;--shadow:#00000057;--success-bg:#203a2d;--success-text:#9be2b2;--success-border:#63ba83;--danger-bg:#3a2325;--danger-text:#f0a0a0;--danger-border:#c96f72;--error-bg:#3a2325;--error-border:#b76366;--error-text:#ffd0d0}.practiceShell[data-theme=ink-light]{--bg:#f0f3f5;--surface:#fff;--surface-soft:#e8edf1;--surface-raised:#f7fbfd;--border:#c8d2da;--border-strong:#859bad;--text:#17202a;--text-strong:#0f1720;--muted:#62707b;--muted-strong:#445866;--accent:#305f82;--accent-strong:#203f5e;--accent-soft:#dbe7ef;--accent-text:#12344d;--shadow:#1a2b3924}.practiceShell[data-theme=ink-dark]{--bg:#0d1117;--surface:#151b23;--surface-soft:#1b2430;--surface-raised:#1e2835;--border:#303a48;--border-strong:#6087a8;--text:#eef3f7;--text-strong:#fff;--muted:#a3b0bc;--muted-strong:#c0d0dc;--accent:#74a7cf;--accent-strong:#426b8f;--accent-soft:#23384a;--accent-text:#e4f3ff;--shadow:#00000061;--success-bg:#1e352b;--success-text:#95dfb3;--success-border:#5fb984;--danger-bg:#372229;--danger-text:#efa0ad;--danger-border:#c66a7a;--error-bg:#372229;--error-border:#bb6675;--error-text:#ffd3db}.practiceShell[data-theme=sakura-light]{--bg:#f7f1f4;--surface:#fffafb;--surface-soft:#f5e7ec;--surface-raised:#fff5f7;--border:#dfc6cf;--border-strong:#bb8195;--text:#2c1d23;--text-strong:#21151a;--muted:#755f68;--muted-strong:#6d4253;--accent:#a74f72;--accent-strong:#793450;--accent-soft:#f0d8e1;--accent-text:#5d253c;--shadow:#612d4121}.practiceShell[data-theme=sakura-dark]{--bg:#181116;--surface:#251a22;--surface-soft:#30212a;--surface-raised:#362631;--border:#4b3440;--border-strong:#a66880;--text:#fff0f5;--text-strong:#fff8fa;--muted:#d3b7c1;--muted-strong:#ecc9d4;--accent:#e58aaa;--accent-strong:#9f4c6c;--accent-soft:#442638;--accent-text:#ffe4ed;--shadow:#0000005c;--success-bg:#21352b;--success-text:#9adfb2;--success-border:#62b982;--danger-bg:#42232f;--danger-text:#ffadc0;--danger-border:#da718c;--error-bg:#42232f;--error-border:#ca687f;--error-text:#ffd6df}.practiceShell[data-theme=mikan-light]{--bg:#f7f2e8;--surface:#fffdf7;--surface-soft:#f3e5cf;--surface-raised:#fff7e8;--border:#dfcbae;--border-strong:#bf8d51;--text:#2b2116;--text-strong:#21180f;--muted:#756754;--muted-strong:#73502a;--accent:#b86422;--accent-strong:#7b4318;--accent-soft:#efd9bb;--accent-text:#5b3214;--shadow:#5e391621}.practiceShell[data-theme=mikan-dark]{--bg:#17120d;--surface:#241b13;--surface-soft:#302317;--surface-raised:#382918;--border:#4c3924;--border-strong:#b9854a;--text:#fff4e4;--text-strong:#fffaf1;--muted:#d2bd9f;--muted-strong:#ebc994;--accent:#f1a65b;--accent-strong:#9b5e27;--accent-soft:#482f1b;--accent-text:#ffe9c9;--shadow:#0000005c;--success-bg:#253526;--success-text:#a7dea2;--success-border:#77b56e;--danger-bg:#3c2520;--danger-text:#f5aaa0;--danger-border:#c9786e;--error-bg:#3c2520;--error-border:#bf6b61;--error-text:#ffd6d1}.practiceShell[data-theme=minato-light]{--bg:#edf5f6;--surface:#fbffff;--surface-soft:#ddefef;--surface-raised:#f3fbfb;--border:#bdd2d4;--border-strong:#6f9ea5;--text:#172527;--text-strong:#102022;--muted:#5b7377;--muted-strong:#3f666d;--accent:#247a87;--accent-strong:#18515f;--accent-soft:#d2e8ea;--accent-text:#124854;--shadow:#1a484e21}.practiceShell[data-theme=minato-dark]{--bg:#0c1517;--surface:#132124;--surface-soft:#1a2d31;--surface-raised:#1e3438;--border:#2d454a;--border-strong:#5aa8b4;--text:#eaf8fa;--text-strong:#f7feff;--muted:#a2bdc2;--muted-strong:#c0dde1;--accent:#62c0ce;--accent-strong:#367985;--accent-soft:#203e45;--accent-text:#defaff;--shadow:#0000005e;--success-bg:#20372f;--success-text:#9be4bf;--success-border:#61bd91;--danger-bg:#392329;--danger-text:#efa4ae;--danger-border:#c9707c;--error-bg:#392329;--error-border:#bf6674;--error-text:#ffd5dc}.practiceShell[data-theme=sumire-light]{--bg:#f3f1f7;--surface:#fffdfd;--surface-soft:#e8e2f1;--surface-raised:#f9f6ff;--border:#d0c5de;--border-strong:#947bb1;--text:#251f2d;--text-strong:#1d1724;--muted:#6e6378;--muted-strong:#604b77;--accent:#7353a4;--accent-strong:#4e3674;--accent-soft:#e1d8ee;--accent-text:#432b67;--shadow:#3f2d5821}.practiceShell[data-theme=sumire-dark]{--bg:#121018;--surface:#1e1a27;--surface-soft:#292336;--surface-raised:#302940;--border:#423852;--border-strong:#967ac3;--text:#f6f0ff;--text-strong:#fcf8ff;--muted:#c4b8d7;--muted-strong:#ddcff1;--accent:#b69ae8;--accent-strong:#71539d;--accent-soft:#3d2f52;--accent-text:#f0e7ff;--shadow:#00000061;--success-bg:#22352e;--success-text:#9be0ba;--success-border:#61b88b;--danger-bg:#392330;--danger-text:#eca4ba;--danger-border:#c76d88;--error-bg:#392330;--error-border:#bd657f;--error-text:#ffd4df}.practiceSidebar{z-index:4;border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:0;width:100%;padding:14px 16px;display:flex;position:sticky;top:0}.practiceHeaderBar{justify-content:space-between;align-items:center;gap:12px;display:flex}.practiceBrand{align-items:center;gap:12px;min-width:0;display:flex}.practiceBrandLogo{--brand-logo-bg:transparent;--brand-logo-mark:var(--accent);--brand-logo-cutout:transparent;width:48px;height:48px;filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--surface) 76%, transparent));border-radius:10px;flex:none;display:block;overflow:hidden}.practiceBrandLogo svg{width:100%;height:100%;scale:1.25}.practiceBrand h1,.panelHeader h2,.listenCard h2,.practiceEmpty h3{letter-spacing:0;margin:0}.practiceBrand h1{font-size:22px}.practiceBrandTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.practiceBrandTitle span{border:1px solid var(--border);background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:4px 8px;font-size:20px;line-height:1}.practiceBrand p,.panelHeader p,.listenCard p,.listenCard span,.listenHint,.practiceEmpty p,.settingsStats,.cardMeta{color:var(--muted)}.practiceBrand p{margin:4px 0 0;font-size:13px}.practiceNav{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:6;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);width:min(430px,100vw - 24px);box-shadow:0 18px 44px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 auto;padding:7px;display:grid;position:fixed}.practiceNav a,.studioLink,.settingsIconLink,.iconTextButton,.primaryPracticeButton,.missButton,.gotButton{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;text-decoration:none;display:inline-flex}.practiceNav a{color:var(--text);justify-content:center;padding:0 12px}.practiceNav a.active{background:var(--accent-soft);color:var(--accent-text)}.studioLink{border:1px solid var(--border);color:var(--text);background:var(--surface-soft);margin-top:auto;display:none}.practiceWorkspace{width:min(460px,100%);min-width:0;min-height:calc(100vh - 74px);padding:18px 16px calc(94px + env(safe-area-inset-bottom));justify-content:center;margin:0 auto;display:flex;position:relative}.settingsIconLink{border:1px solid var(--border);background:var(--surface);width:44px;min-height:44px;color:var(--text);box-shadow:0 10px 24px var(--shadow);flex:none}.settingsIconLink.active{background:var(--accent-soft);color:var(--accent-text)}.settingsIconLink.closeSettings{background:var(--danger-bg);color:var(--danger-text)}.practicePanel{width:100%}.vocabPanel{min-height:calc(100vh - 174px - env(safe-area-inset-bottom));flex-direction:column;display:flex}.vocabCardStage{transform:translateY(calc((174px - (94px + env(safe-area-inset-bottom))) / -2));flex:1;justify-content:center;align-items:center;padding:12px 0;display:flex}.vocabCardStage>.practiceCard,.widePanel{width:100%}.panelHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panelHeader.compact{margin-bottom:10px}.panelHeader p,.listenCard p{letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.panelHeader h2{font-size:26px;line-height:1.1}.iconTextButton{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 13px}.progressBadge{--progress:0%;border:1px solid var(--border);background:var(--surface-soft);width:136px;min-height:38px;color:var(--accent-text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.progressBadge:before{content:"";width:var(--progress);background:var(--accent-soft);transition:width .22s;position:absolute;inset:0 auto 0 0}.progressBadge span{z-index:1;position:relative}.statsModal{z-index:20;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.statsModalBackdrop{background:#00000094;border:0;position:absolute;inset:0}.statsModalPanel{z-index:1;scrollbar-width:none;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(430px,100%);max-height:min(760px,100vh - 28px);padding:16px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000057}.statsModalPanel::-webkit-scrollbar{display:none}.statsModalHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.statsModalHeader p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:900}.statsModalHeader h2{color:var(--text-strong);margin:0;font-size:24px;line-height:1.12}.modalCloseButton,.newWordsControls button{border:1px solid var(--border);background:var(--surface-soft);width:38px;min-height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.statsProgressSummary{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin-top:14px;padding:13px}.statsProgressSummary div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.statsProgressSummary span{color:var(--accent);font-size:28px;font-weight:950;line-height:1}.statsProgressSummary strong{color:var(--text-strong);text-align:right;font-size:13px}.statsProgressSummary i{background:var(--border);border-radius:999px;height:10px;margin-top:12px;display:block;overflow:hidden}.statsProgressSummary b{border-radius:inherit;background:var(--accent);height:100%;display:block}.wordStatSection{margin-top:16px}.wordStatSection header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.wordStatSection h3{color:var(--text-strong);margin:0;font-size:18px}.wordStatSection header>span,.newWordsControls>span{color:var(--muted);font-size:13px;font-weight:900}.wordStatList{flex-wrap:wrap;gap:10px;display:flex}.wordStatList:after{content:"";flex:999 0 0}.wordStatTile{flex:1 1 max-content;border:1px solid var(--border);background:var(--surface-soft);width:max-content;max-width:100%;min-height:88px;color:var(--text);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.wordStatTile strong{color:var(--text-strong);white-space:nowrap;max-width:100%;font-size:clamp(22px,8vw,30px);line-height:1.1}.wordStatTile>span{color:var(--accent);font-size:13px;font-weight:900}.newWordTile{background:var(--surface)}.newWordsControls{align-items:center;gap:8px;display:inline-flex}.newWordsControls button.active{background:var(--accent-soft);color:var(--accent-text)}.emptyStatText{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);text-align:center;border-radius:8px;margin:0;padding:12px;font-size:13px;font-weight:800}.wordDetailModal{z-index:25;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.wordDetailPanel{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(390px,100%);padding:16px;position:relative;box-shadow:0 24px 70px #0000005c}.wordDetailPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wordDetailPanel header p,.wordMeaningBox span,.wordDetailGrid span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.wordDetailPanel h3{color:var(--text-strong);margin:6px 0 0;font-size:44px;line-height:1}.wordDetailPanel header div>span{color:var(--accent);margin-top:8px;font-size:18px;font-weight:900;display:block}.wordMeaningBox,.wordDetailGrid div{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:12px}.wordMeaningBox{margin-top:14px}.wordMeaningBox strong{color:var(--text-strong);margin-top:8px;font-size:18px;line-height:1.25;display:block}.wordDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.wordDetailGrid strong{color:var(--text-strong);margin-top:7px;font-size:16px;line-height:1.2;display:block}.progressRail{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-weight:800;display:flex}.progressRail div{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.progressRail i{background:var(--border);border-radius:999px;width:7px;height:7px}.progressRail i.done{background:var(--muted-strong)}.progressRail i.current{background:var(--accent)}.practiceCard,.listenCard,.questionCard,.transcriptPanel,.settingsPanel{border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 50px var(--shadow);border-radius:8px}.settingsPanel{padding:18px}.practiceCard{flex-direction:column;justify-content:space-between;padding:18px;transition:border-color .18s,background .18s;display:flex}.practiceCard.revealed{background:var(--surface-raised);border-color:var(--border-strong);width:min(100%,460px)}.practiceCard.gotIt,.questionCard.gotIt{border-color:var(--success-border)}.practiceCard.missed,.questionCard.missed{border-color:var(--danger-border)}.cardMeta{text-transform:uppercase;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;display:flex}.vocabPrompt{text-align:center;color:var(--text-strong);place-items:center;margin:50px 0;display:grid}.vocabPrompt span,.vocabPrompt ruby{font-size:clamp(42px,13vw,62px);font-weight:900;line-height:1.1}.vocabPrompt .furiganaWord{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.02em;display:inline-flex}.vocabPrompt ruby{ruby-align:center;ruby-position:over}.vocabPrompt rt{color:var(--accent);text-align:center;margin-top:-10px;margin-bottom:10px;font-size:.38em;font-weight:900;line-height:1.8}.vocabAnswer{border-top:1px solid var(--border);text-align:center;padding:30px}.vocabAnswer span{color:var(--muted);margin-bottom:8px;font-weight:900;display:block}.vocabAnswer strong{font-size:26px;line-height:1.2;display:block}.vocabAnswer p{color:var(--accent);margin:10px 0 0;font-size:20px;font-weight:800}.actionRow{gap:10px;display:flex}.primaryPracticeButton,.missButton,.gotButton{border:0;padding:0 16px}.primaryPracticeButton{background:var(--accent-strong);color:#fff;width:100%}.missButton,.gotButton{flex:1}.missButton{background:var(--danger-bg);color:var(--danger-text)}.gotButton{background:var(--success-bg);color:var(--success-text)}.missButton:disabled,.gotButton:disabled{opacity:.65;cursor:default}.listenCard{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.listenCard h2{font-size:24px;line-height:1.12}.roundPlayButton{color:#fff;background:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;display:grid}.listenHint{text-align:center;margin:22px 0;font-weight:800}.questionGrid{grid-template-columns:1fr;gap:14px;margin-top:16px;display:grid}.questionCard{flex-direction:column;gap:12px;min-height:210px;padding:16px;display:flex}.questionCard h3{margin:0;font-size:19px;line-height:1.3}.questionCard p{color:var(--accent-text);margin:0;font-weight:800}.questionCard .actionRow{margin-top:auto}.transcriptPanel{margin-top:16px;padding:18px}.transcriptPracticeLine{border-top:1px solid var(--border);padding:12px 0}.transcriptPracticeLine strong{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.transcriptPracticeLine span{font-size:19px;font-weight:800}.transcriptPracticeLine p{color:var(--muted-strong);margin:8px 0 0}.nextConversation{margin-top:12px}.libraryCount{border:1px solid var(--border);color:var(--muted-strong);border-radius:999px;padding:8px 12px;font-weight:900}.settingsBlock{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin-top:14px;padding:14px}.settingsBlockHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settingsBlockHeader span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.settingsBlockHeader h3{color:var(--text-strong);margin:4px 0 0;font-size:20px;line-height:1.15}.settingsBlockHeader svg{color:var(--accent);flex:none}.settingsHelp{color:var(--muted-strong);margin:12px 0 0;font-size:14px;font-weight:750;line-height:1.45}.levelButtonGrid{gap:10px;margin-top:14px;display:grid}.levelButton{border:1px solid var(--border);background:var(--surface);width:100%;min-height:118px;color:var(--text);text-align:left;border-radius:8px;gap:8px;padding:13px;display:grid}.levelButton.active{border-color:var(--border-strong);background:var(--surface-raised);box-shadow:inset 0 0 0 2px var(--accent-soft)}.levelButton.locked{opacity:.55}.levelButton:disabled{cursor:not-allowed}.levelButtonTop,.levelMeters,.levelListening{justify-content:space-between;align-items:center;gap:10px;display:flex}.levelButtonTop strong{color:var(--text-strong);font-size:18px}.levelButtonTop svg{color:var(--accent)}.levelButton.locked .levelButtonTop svg{color:var(--muted)}.levelTheme{color:var(--muted-strong);font-size:13px;font-weight:850}.levelMeters i{background:var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.levelMeters b{border-radius:inherit;background:var(--accent);height:100%;display:block}.levelMeters em,.levelListening{color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.compactBlock{background:var(--surface)}.progressRuleGrid{gap:10px;display:grid}.ruleCard{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:12px}.ruleCard.done{border-color:var(--success-border);background:var(--success-bg)}.ruleCard span{color:var(--accent);font-size:24px;font-weight:950;line-height:1;display:block}.ruleCard strong{color:var(--text-strong);margin-top:6px;display:block}.ruleCard p{color:var(--muted-strong);margin:6px 0 0;font-size:13px;font-weight:750;line-height:1.35}.ruleCard.done span,.ruleCard.done p{color:var(--success-text)}.settingField,.toggleField{gap:8px;margin-top:16px;font-weight:900;display:grid}.settingField select{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px}.toggleField{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;padding:14px}.toggleField input{width:20px;height:20px;accent-color:var(--accent)}.settingsStats{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:8px;margin-top:14px;padding:14px;font-weight:800;display:grid}.practiceEmpty{text-align:center;min-height:360px;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.practiceEmpty svg{color:var(--border-strong)}.practiceEmpty h3{color:var(--text-strong);font-size:24px}.practiceEmpty p{max-width:420px;margin:0}.practiceEmpty.complete .primaryPracticeButton{width:auto;margin-top:12px}.lockedPanel svg{color:var(--muted)}.practiceError{left:14px;right:14px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:7;border:1px solid var(--error-border);background:var(--error-bg);max-width:430px;color:var(--error-text);border-radius:8px;margin:0 auto;padding:12px 14px;font-weight:800;position:fixed}@media (width<=380px){.practiceBrand h1{font-size:20px}.practiceBrand p{font-size:12px}.panelHeader{flex-direction:column;align-items:flex-start;gap:10px}.iconTextButton{width:100%}}:root{--studio-bg:#f7f4ed;--studio-sidebar:#fffaf0;--studio-surface:#fffdf8;--studio-surface-soft:#fbf6ea;--studio-surface-muted:#fbfcf8;--studio-surface-raised:#fff;--studio-border:#ded8ca;--studio-border-soft:#d9d0c1;--studio-border-strong:#cfc7b8;--studio-border-muted:#d9e0d8;--studio-text:#1f2a2e;--studio-text-soft:#243236;--studio-text-muted:#687477;--studio-text-subtle:#637066;--studio-text-strong-muted:#354548;--studio-accent:#9d5012;--studio-accent-strong:#7b4318;--studio-accent-focus:#a8662c;--studio-accent-border:#bf8d51;--studio-accent-soft:#efd9bb;--studio-accent-softer:#f6e8d2;--studio-accent-wash:#fbf1e4;--studio-brand:var(--studio-accent);--studio-brand-soft:var(--studio-accent-soft);--studio-brand-text:var(--studio-accent-strong);--studio-brand-chip:var(--studio-surface-soft);--studio-warm:#a04e2e;--studio-danger:#8f3218;--studio-danger-strong:#8c3025;--studio-danger-soft:#fff0ea;--studio-danger-softer:#fff8f5;--studio-danger-border:#ecb19c;--studio-danger-border-soft:#d9b3aa;--studio-info:#225c71;--studio-info-soft:#edf7fb;--studio-info-border:#9fc3cf;--studio-divider:#ece5d8;--studio-divider-muted:#e6ece5;--studio-code-bg:#f8faf6;--studio-code-border:#e0e5df;--studio-on-accent:#fff;--studio-transparent:transparent;--studio-focus-ring:#b8642229;--studio-panel-shadow:#1f2a2e14;--studio-card-shadow:#493e2c12;color:var(--studio-text);background:var(--studio-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{grid-template-columns:330px minmax(0,1fr);min-height:100vh;display:grid}.sideBar{background:var(--studio-sidebar);border-right:1px solid var(--studio-border);flex-direction:column;gap:22px;padding:22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandLogo{--brand-logo-bg:transparent;--brand-logo-mark:var(--studio-brand);--brand-logo-cutout:transparent;width:48px;height:48px;filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--studio-surface-raised) 70%, transparent));border-radius:10px;flex:none;display:block;overflow:hidden}.brandLogo svg{width:100%;height:100%;scale:1.25}.brand h1,.topBar h2,.conversationCard h3,.blankState h3{letter-spacing:0;margin:0}.brand h1{font-size:22px}.brandTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brandTitle span{border:1px solid var(--studio-border-soft);background:var(--studio-brand-soft);color:var(--studio-brand-text);border-radius:6px;padding:4px 8px;font-size:20px;line-height:1}.brand p,.emptyText,.setMeta span,.runButton small,.sceneText,.blankState p{color:var(--studio-text-muted)}.brand p{margin:3px 0 0;font-size:13px}.sideSwitch{border:1px solid var(--studio-border-soft);background:var(--studio-brand-soft);min-height:42px;color:var(--studio-brand-text);border-radius:8px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.generatorPanel,.runList,.boardTabs{gap:14px;display:grid}label{gap:7px;display:grid}label span,.sectionHeader,.conversationNumber,.detailStrip span,.eyebrow{color:var(--studio-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}select,input,textarea{border:1px solid var(--studio-border-strong);background:var(--studio-surface);width:100%;color:var(--studio-text);border-radius:8px;outline:none;padding:11px 12px}textarea{resize:vertical;line-height:1.55}select:focus,input:focus,textarea:focus{border-color:var(--studio-accent-focus);box-shadow:0 0 0 3px var(--studio-focus-ring)}.setMeta{border:1px solid var(--studio-border);background:var(--studio-surface-soft);border-radius:8px;gap:4px;padding:12px;display:grid}.primaryButton,.secondaryButton,.iconButton,.runButton,.playLink{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;text-decoration:none;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.primaryButton{background:var(--studio-accent);color:var(--studio-on-accent);padding:0 15px;font-weight:800}.primaryButton:hover,.secondaryButton:hover,.runButton:hover,.playLink:hover{transform:translateY(-1px)}.primaryButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.55;transform:none}.primaryButton.compact,.secondaryButton{min-height:38px}.secondaryButton,.playLink{background:var(--studio-surface-raised);border-color:var(--studio-border-soft);color:var(--studio-text-soft);padding:0 12px;font-weight:750}.secondaryButton.positive{border-color:var(--studio-accent-border);color:var(--studio-accent-strong)}.secondaryButton.danger{border-color:var(--studio-danger-border-soft);color:var(--studio-danger-strong)}.boardTabs{grid-template-columns:1fr 1fr;gap:8px}.boardTabs button{border:1px solid var(--studio-border);background:var(--studio-surface);min-height:40px;color:var(--studio-text-soft);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.boardTabs button.active{background:var(--studio-accent-soft);border-color:var(--studio-accent-border);color:var(--studio-accent-strong)}.iconButton{border-color:var(--studio-border);background:var(--studio-surface);width:38px;min-height:38px;color:var(--studio-text-soft)}.sectionHeader{justify-content:space-between;align-items:center;display:flex}.runButton{border-color:var(--studio-border);width:100%;color:var(--studio-text);background:0 0;flex-direction:column;align-items:flex-start;padding:11px 12px}.runButtonHeader{justify-content:space-between;align-items:baseline;gap:12px;width:100%;font-weight:800;display:flex}.runButtonHeader time{color:var(--studio-text-subtle);flex:none;font-size:13px;font-weight:700}.runButton small{overflow-wrap:anywhere;text-align:left}.runButton.active{background:var(--studio-accent-soft);border-color:var(--studio-accent-border)}.workspace{align-content:start;gap:20px;padding:28px;display:grid}.topBar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.eyebrow{margin:0 0 5px}.topBar h2{font-size:30px}.runStats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.runStats span,.statusPill,.vocabChips span,.miniChips span{border:1px solid var(--studio-border-soft);background:var(--studio-surface);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:750}.auditToggle{border:1px solid var(--studio-border-soft);background:var(--studio-surface);min-height:34px;color:var(--studio-text-soft);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.auditToggle:disabled{cursor:not-allowed;opacity:.55}.errorBanner,.conversationError{background:var(--studio-danger-soft);border:1px solid var(--studio-danger-border);color:var(--studio-danger)}.errorBanner{border-radius:8px;align-items:center;gap:9px;padding:12px 14px;display:flex}.blankState{border:1px dashed var(--studio-border-strong);background:var(--studio-surface);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:420px;display:grid}.blankState svg{color:var(--studio-warm)}.agentPanel{border:1px solid var(--studio-border-muted);background:var(--studio-surface-muted);box-shadow:0 18px 48px var(--studio-panel-shadow);border-radius:8px;gap:16px;padding:18px;display:grid}.agentPanel.complete{background:var(--studio-surface-muted)}.agentPanel.failed{border-color:var(--studio-danger-border);background:var(--studio-danger-softer)}.agentHero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.agentAvatar{background:var(--studio-accent);width:48px;height:48px;color:var(--studio-on-accent);border-radius:8px;place-items:center;display:grid}.agentPanel.complete .agentAvatar{background:var(--studio-accent-strong)}.agentPanel.failed .agentAvatar{background:var(--studio-danger)}.agentHero h3{letter-spacing:0;margin:0;font-size:23px}.agentHero p:not(.eyebrow){color:var(--studio-text-muted);margin:5px 0 0}.agentStatus{border:1px solid var(--studio-accent-border);background:var(--studio-accent-wash);min-height:34px;color:var(--studio-accent);text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.agentStatus.complete{border-color:var(--studio-accent-border);background:var(--studio-accent-softer);color:var(--studio-accent-strong)}.agentStatus.failed{border-color:var(--studio-danger-border);background:var(--studio-danger-soft);color:var(--studio-danger)}.loaderStrip{border-top:1px solid var(--studio-divider-muted);border-bottom:1px solid var(--studio-divider-muted);color:var(--studio-text-strong-muted);align-items:center;gap:10px;padding:14px 0;font-weight:750;display:flex}.loaderStrip svg{color:var(--studio-accent);flex:none}.agentPanel.failed .loaderStrip svg,.agentPanel.failed .loaderStrip{color:var(--studio-danger)}.auditLog{border:1px solid var(--studio-border-muted);background:var(--studio-surface-raised);border-radius:8px;overflow:hidden}.auditLog summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-weight:850;display:flex}.auditLog summary small{color:var(--studio-text-muted);font-size:13px;font-weight:650}.auditGrid{background:var(--studio-divider-muted);border-top:1px solid var(--studio-divider-muted);border-bottom:1px solid var(--studio-divider-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.auditMeta{background:var(--studio-surface-muted);gap:5px;padding:12px;display:grid}.auditMeta span,.auditBlock span{color:var(--studio-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.auditMeta strong{color:var(--studio-text-soft);overflow-wrap:anywhere}.auditBlock{border-top:1px solid var(--studio-divider-muted);gap:8px;padding:14px;display:grid}.auditBlock pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--studio-code-border);background:var(--studio-code-bg);max-height:360px;color:var(--studio-text);border-radius:8px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;overflow:auto}.auditPending{border:1px solid var(--studio-border-muted);background:var(--studio-code-bg);min-height:58px;color:var(--studio-accent);border-radius:8px;align-items:center;gap:10px;width:fit-content;padding:12px;display:inline-flex}.auditPending strong{font-size:14px}.analyticsPanel{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.analyticsCard{background:var(--studio-surface);border:1px solid var(--studio-border);border-radius:8px;align-content:start;gap:9px;padding:16px;display:grid}.analyticsCard>span{color:var(--studio-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.analyticsCard strong{font-size:34px;line-height:1}.analyticsCard p{color:var(--studio-text-muted);margin:0;line-height:1.45}.miniChips{flex-wrap:wrap;gap:6px;max-height:96px;display:flex;overflow:auto}.miniChips span{background:var(--studio-brand-chip);padding:5px 8px;font-size:12px}.miniChips.warning span{background:var(--studio-danger-soft);border-color:var(--studio-danger-border);color:var(--studio-danger)}.conversationGrid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px;display:grid}.conversationCard{background:var(--studio-surface);border:1px solid var(--studio-border);box-shadow:0 14px 40px var(--studio-card-shadow);border-radius:8px;gap:15px;padding:18px;display:grid}.conversationCard.readonly{border-color:var(--studio-accent-border);background:var(--studio-surface-muted)}.cardHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.conversationCard h3{margin-top:3px;font-size:20px}.statusPill{white-space:nowrap}.statusPill.audio_ready{border-color:var(--studio-accent-border);color:var(--studio-accent-strong);background:var(--studio-accent-softer)}.statusPill.audio_failed{border-color:var(--studio-danger-border);color:var(--studio-danger);background:var(--studio-danger-soft)}.statusPill.audio_generating{border-color:var(--studio-info-border);color:var(--studio-info);background:var(--studio-info-soft)}.sceneText{margin:0;line-height:1.55}.transcriptBlock{gap:9px;font-size:16px;line-height:1.6;display:grid}.transcriptLine{grid-template-columns:82px 120px minmax(0,1fr) auto;align-items:baseline;gap:9px;margin:0;display:grid}.transcriptBlock span{color:var(--studio-warm);font-size:13px}.translationCard{perspective:700px;min-height:26px}.translationCardInner{min-height:26px;transform-style:preserve-3d;transition:transform .18s;display:grid;position:relative}.translationCard.revealed .translationCardInner{transform:rotateX(180deg)}.transcriptBlock .translationFace{color:var(--studio-text-strong-muted);font-size:inherit;backface-visibility:hidden;overflow-wrap:anywhere;grid-area:1/1;line-height:1.6;display:block}.transcriptBlock .englishFace{color:var(--studio-accent);font-weight:750;transform:rotateX(180deg)}.translationToggle{border:1px solid var(--studio-border-soft);background:var(--studio-surface);width:32px;height:28px;color:var(--studio-text-soft);border-radius:8px;align-self:start;place-items:center;transition:border-color .14s,background .14s,color .14s,transform .14s;display:inline-grid}.translationToggle:hover{transform:translateY(-1px)}.translationToggle.active{border-color:var(--studio-accent-border);background:var(--studio-accent-softer);color:var(--studio-accent-strong)}.detailStrip{border-top:1px solid var(--studio-divider);border-bottom:1px solid var(--studio-divider);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:13px 0;display:grid}.detailStrip ol,.detailStrip p{color:var(--studio-text-strong-muted);margin:7px 0 0;line-height:1.5}.detailStrip ol{padding-left:20px}.answerCard{perspective:700px;min-height:30px}.answerCard+.answerCard{margin-top:4px}.answerCardInner{min-height:30px;transform-style:preserve-3d;transition:transform .18s;display:grid;position:relative}.answerCard.revealed .answerCardInner{transform:rotateX(180deg)}.detailStrip .answerFace{width:100%;color:var(--studio-text-strong-muted);font-size:inherit;letter-spacing:0;text-transform:none;backface-visibility:hidden;grid-area:1/1;font-weight:400;line-height:1.5;display:block}.detailStrip .answerFaceBack{color:var(--studio-accent);overflow-wrap:anywhere;font-weight:750;transform:rotateX(180deg)}.answerToggleColumn{min-width:108px}.answerButtons{gap:4px;margin-top:7px;display:grid}.answerToggle{border:1px solid var(--studio-border-soft);background:var(--studio-surface);width:36px;height:30px;color:var(--studio-text-soft);border-radius:8px;place-items:center;transition:border-color .14s,background .14s,color .14s,transform .14s;display:inline-grid}.answerToggle:hover{transform:translateY(-1px)}.answerToggle.active{border-color:var(--studio-accent-border);background:var(--studio-accent-softer);color:var(--studio-accent-strong)}.vocabChips{flex-wrap:wrap;align-content:flex-start;align-self:start;align-items:flex-start;gap:7px;display:flex}.vocabChips span{background:var(--studio-brand-chip);align-items:center;width:fit-content;padding:5px 9px;line-height:1.25;display:inline-flex}.vocabChips.warning span{background:var(--studio-danger-soft);border-color:var(--studio-danger-border);color:var(--studio-danger)}.conversationError{border-radius:8px;margin:0;padding:10px 12px}audio{width:100%}.audioRow{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;display:grid}.audioRow.single{grid-template-columns:minmax(0,1fr)}.buttonRow{flex-wrap:wrap;align-content:flex-start;align-self:start;align-items:flex-start;gap:9px;display:flex}.buttonRow>.primaryButton,.buttonRow>.secondaryButton,.buttonRow>.playLink{flex:120px;align-self:flex-start;min-width:0}.editForm{gap:12px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.appShell{grid-template-columns:1fr}.sideBar{border-right:0;border-bottom:1px solid var(--studio-border)}.topBar{flex-direction:column}.runStats{justify-content:flex-start}.conversationGrid,.analyticsPanel{grid-template-columns:1fr}.agentHero{grid-template-columns:auto minmax(0,1fr)}.agentStatus{grid-column:1/-1;width:fit-content}.auditGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.workspace,.sideBar{padding:16px}.topBar h2{font-size:24px}.transcriptLine{grid-template-columns:minmax(0,1fr) auto;gap:2px}.transcriptLine strong,.transcriptLine>span{grid-column:1/-1}.detailStrip{grid-template-columns:1fr}.agentPanel{padding:14px}.auditLog summary{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px}.agentHero h3{font-size:20px}.auditGrid{grid-template-columns:1fr}}