@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/noto-sans-latin-400-normal-BTkUljjl.woff2) format("woff2"),url(/app/assets/noto-sans-latin-400-normal-DPpKfCgK.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/noto-sans-latin-ext-400-normal-CVf-LbaS.woff2) format("woff2"),url(/app/assets/noto-sans-latin-ext-400-normal-CNh9dRW_.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/app/assets/noto-sans-latin-500-normal-DCA2Z9Cj.woff2) format("woff2"),url(/app/assets/noto-sans-latin-500-normal-CDPngY5C.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/app/assets/noto-sans-latin-ext-500-normal-D88cFz81.woff2) format("woff2"),url(/app/assets/noto-sans-latin-ext-500-normal-Bn9_h39k.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/noto-sans-latin-600-normal-Dkgu5AE5.woff2) format("woff2"),url(/app/assets/noto-sans-latin-600-normal-DVJMj_t0.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/noto-sans-latin-ext-600-normal-Has_8ph9.woff2) format("woff2"),url(/app/assets/noto-sans-latin-ext-600-normal-B3lLaxXr.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/noto-sans-latin-700-normal-CrvTEWhy.woff2) format("woff2"),url(/app/assets/noto-sans-latin-700-normal-ZyrKABVF.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/noto-sans-latin-ext-700-normal-BypTtJma.woff2) format("woff2"),url(/app/assets/noto-sans-latin-ext-700-normal-CgsG9aVh.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/app/assets/noto-sans-latin-800-normal-Db0WpKRw.woff2) format("woff2"),url(/app/assets/noto-sans-latin-800-normal-DnRnaT6R.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/app/assets/noto-sans-latin-ext-800-normal-CQX_xZZ-.woff2) format("woff2"),url(/app/assets/noto-sans-latin-ext-800-normal-K85-gE9X.woff) format("woff")}.content-heading{display:inline-flex;align-items:center;gap:12px;max-width:100%}.content-heading>span{min-width:0;overflow-wrap:anywhere}.content-heading-flag{display:inline-grid;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:4px;background:transparent;cursor:pointer}.content-heading-flag:hover,.content-heading-flag:focus-visible{background:var(--accent-soft)}.content-heading-choice{position:relative;min-width:0}.content-heading-choice>button:first-child{width:100%;height:100%}.content-heading-choice.has-heading-translation>button:first-child{min-width:0}.content-heading-choice.has-heading-translation{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px}.practice-chapter-tabs .content-heading-choice{flex:0 0 240px}.practice-chapter-tabs .content-heading-choice>button.content-heading-flag{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0}:root{color-scheme:dark;--app-font-family: "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--app-font-family);font-synthesis:none;text-rendering:optimizeLegibility;--app-bg: #040a10;--surface: #101a24;--surface-raised: #15232d;--surface-soft: #172b33;--text: #f5f8fb;--muted: #9babb8;--line: #2a3a46;--accent: #43d3e2;--accent-strong: #0794a6;--accent-ink: #001b22;--success: #4ed39a;--warning: #ffbd3f;--danger: #ff7676;--shadow: 0 18px 50px rgb(0 0 0 / 28%);--accent-soft: color-mix(in srgb, var(--accent) 15%, var(--surface));--line-strong: color-mix(in srgb, var(--line) 74%, var(--text));--surface-strong: var(--surface);--text-muted: var(--muted);--brand-atelier-ground: #f5f6f1;--brand-atelier-ink: #173f35}:root[data-theme=light]{color-scheme:light;--app-bg: #f3f6f6;--surface: #ffffff;--surface-raised: #edf4f7;--surface-soft: #e3f1f3;--text: #091722;--muted: #526877;--line: #c8d6de;--accent: #087f91;--accent-strong: #006c7d;--accent-ink: #ffffff;--success: #087753;--warning: #c77800;--danger: #b73b3b;--shadow: 0 16px 42px rgb(31 65 82 / 12%)}:root[data-theme=frequency]{color-scheme:light;--app-bg: #dbe4f7;--surface: #f8faff;--surface-raised: #e3eafb;--surface-soft: #d5e1fb;--text: #101b39;--muted: #4f6082;--line: #adbcdf;--accent: #2856d8;--accent-strong: #1644c4;--accent-ink: #ffffff;--success: #167858;--warning: #a86800;--danger: #b13f58;--shadow: 0 18px 48px rgb(30 54 112 / 15%)}:root[data-theme=atelier]{color-scheme:light;--app-bg: #f5f6f1;--surface: #ffffff;--surface-raised: #f0f4e9;--surface-soft: #e8eee1;--text: #173f35;--muted: #596963;--line: #dedfd5;--accent: #173f35;--accent-strong: #173f35;--accent-ink: #ffffff;--success: #207a58;--warning: #a5532e;--danger: #a13748;--shadow: 0 4px 14px rgb(23 63 53 / 5%)}:root[data-premium-preview=true][data-theme=dark]{--shadow: 0 3px 12px rgb(0 0 0 / 12%)}:root[data-premium-preview=true][data-theme=light]{--app-bg: #f3f6f6;--surface: #ffffff;--surface-raised: #ecf3f3;--surface-soft: #dfeaeb;--text: #19323a;--muted: #4a6269;--line: #d5e1e2;--accent: #0b5963;--accent-strong: #0b5963;--accent-ink: #ffffff;--success: #1d7559;--warning: #925619;--danger: #a84250;--shadow: 0 4px 14px rgb(36 64 74 / 5%)}:root[data-premium-preview=true][data-theme=frequency]{--app-bg: #e9eaf3;--surface: #fefeff;--surface-raised: #f0eff9;--surface-soft: #dcddef;--text: #282845;--muted: #565879;--line: #d1d1e3;--accent: #4b4797;--accent-strong: #4b4797;--accent-ink: #ffffff;--success: #2b7666;--warning: #945046;--danger: #a43e5a;--shadow: 0 4px 14px rgb(61 59 103 / 6%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--app-bg);color:var(--text)}button,input{color:inherit;font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb,var(--accent) 20%,transparent)}a[href],[role=button],summary{touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb,var(--accent) 20%,transparent)}button:not(:disabled):active,a[href]:active,[role=button]:not([aria-disabled=true]):active,summary:active{filter:brightness(.9) saturate(1.08);transform:translateY(1px) scale(.985)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}.web-app{position:relative;min-height:100vh;overflow-x:clip;isolation:isolate;background:var(--app-bg)}.web-app:before,.web-app:after{content:none;display:none;background-image:none}.content-loading-screen{display:grid;min-height:100vh;align-content:center;justify-items:center;gap:20px;padding:24px;text-align:center;background:var(--brand-atelier-ground);color:var(--brand-atelier-ink)}.content-loading-screen img{box-sizing:border-box;border:1px solid var(--brand-atelier-ink);border-radius:8px;box-shadow:none}.guided-trial-gateway,.guided-trial-completion,.guided-trial-stage{width:min(100% - 32px,940px);min-height:100vh;margin:0 auto;padding:32px 0}.guided-trial-gateway{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.guided-trial-header{display:grid;gap:16px}.guided-trial-header>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.guided-trial-header span,.guided-trial-completion>div>span{color:var(--accent);font-size:.85rem;font-weight:800;text-transform:uppercase}.guided-trial-header strong{margin-inline-start:auto;font-size:1.15rem}.guided-trial-header small{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-weight:850}.guided-trial-progress{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.guided-trial-progress span{height:5px;border-radius:3px;background:var(--line)}.guided-trial-progress span.is-complete{background:var(--accent)}.guided-trial-gateway>section{display:grid;max-width:760px;align-self:center;gap:18px}.guided-trial-gateway>section>span{color:var(--accent);font-size:1.2rem;font-weight:800}.guided-trial-gateway h1,.guided-trial-completion h1{margin:0;overflow-wrap:anywhere;font-size:clamp(2.4rem,8vw,5.6rem);line-height:1.02}.guided-trial-gateway p,.guided-trial-completion p{max-width:690px;margin:0;color:var(--muted);font-size:1.15rem;line-height:1.55}.guided-trial-gateway>.primary-button{width:100%;min-height:64px}.guided-trial-stage{display:grid;align-content:start;gap:34px}.guided-trial-content{display:grid;min-height:calc(100vh - 145px);align-items:center;padding-bottom:30px}.guided-trial-content .view{padding-bottom:0}.guided-trial-completion{display:grid;max-width:760px;align-content:center;gap:28px}.account-gateway{display:grid;align-content:center;justify-items:center;gap:2rem;width:min(100% - 2rem,38rem);min-height:100vh;margin:0 auto;padding:3rem 0;text-align:center}.account-gateway>div:first-of-type{display:grid;gap:.75rem}.account-gateway h1,.account-gateway p{margin:0}.account-gateway h1{font-size:clamp(2rem,5vw,3.5rem)}.account-gateway p{color:var(--text-muted);line-height:1.6}.account-gateway .account-actions{display:grid;width:min(100%,28rem)}.completion-mark{display:grid;width:76px;height:76px;place-items:center;border:1px solid var(--success);border-radius:50%;background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.completion-mark svg{width:38px;height:38px}.guided-trial-completion>div{display:grid;gap:14px}.guided-trial-completion ul{display:grid;margin:0;padding:0;gap:8px;list-style:none}.guided-trial-completion li{display:flex;min-height:54px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);font-weight:800}.guided-trial-completion li svg{width:20px;color:var(--success)}.guided-trial-completion>.primary-button{min-height:60px}.tutorial-mission-selection{display:grid;gap:16px}.tutorial-mission-selection>.primary-button{width:100%}.loading-ring{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:loading-rotation .8s linear infinite}@keyframes loading-rotation{to{transform:rotate(360deg)}}:root[data-theme=atelier] .appearance-control .icon-button.is-active,:root[data-theme=atelier] .theme-options .icon-button.is-active{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:var(--warning)}.icon-button,.back-button{display:inline-grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.icon-button svg,.back-button svg{width:20px;height:20px}.icon-button:hover,.icon-button.is-active,.back-button:hover{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.primary-button,.secondary-button,.text-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:8px;font-weight:800}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.secondary-button{border:1px solid var(--line);background:var(--surface-raised)}.text-button{padding-inline:4px;border:0;background:transparent;color:var(--accent)}.primary-button svg,.text-button svg{width:18px;height:18px}.setup-screen{display:grid;width:min(100% - 32px,940px);min-height:100vh;margin:0 auto;padding:32px 0;grid-template-rows:auto auto minmax(0,1fr)}.setup-brand{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between}.setup-exit-button{position:static;flex:0 0 auto}.setup-brand-identity{display:flex;min-width:0;align-items:center;gap:14px}.setup-theme-options{margin-inline-start:auto}.setup-brand img{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.setup-brand-identity>div,.setup-heading,.language-option>span:nth-child(2),.nav-brand span,.mode-copy{display:flex;min-width:0;flex-direction:column}.setup-brand strong{font-size:1.2rem}.setup-brand span,.language-option small,.nav-brand small,.mode-card small{color:var(--muted)}.setup-progress{display:grid;margin:34px 0 12px;gap:12px;grid-template-columns:repeat(2,1fr)}.setup-progress span{height:5px;border-radius:3px;background:var(--line)}.setup-progress span.is-complete{background:var(--accent)}.setup-content{position:relative;display:grid;align-content:center;gap:32px;padding:32px 0 70px}.setup-heading{max-width:680px;gap:12px}.setup-heading>span,.view-heading>span,.lesson-topline>div>span,.stage-label{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.view-heading>.brand-kicker{text-transform:none}.setup-heading h1,.view-heading h1,.lesson-topline h1{margin:0;overflow-wrap:anywhere}.setup-heading h1{font-size:clamp(2rem,7vw,4.75rem);line-height:1.02}.setup-heading p,.view-heading p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.55}.back-button{position:absolute;inset-block-start:24px;inset-inline-end:0}.language-options{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.language-option{display:grid;min-height:108px;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:var(--shadow);text-align:start;grid-template-columns:auto minmax(0,1fr) auto}.language-option:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-2px)}.language-option svg{width:20px}.language-flag{font-size:2rem}.language-option strong{overflow-wrap:anywhere;font-size:1.05rem}.app-workspace{display:grid;min-height:100vh;grid-template-columns:240px minmax(0,1fr)}.desktop-nav{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:26px;padding:24px 18px;border-inline-end:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.setup-brand-identity img,.nav-brand img,.account-gateway>img{box-sizing:border-box;border:1px solid var(--brand-atelier-ink);border-radius:8px}.desktop-nav nav{display:grid;gap:6px}.desktop-nav nav button,.profile-nav,.language-nav,.desktop-quick-access-button{display:grid;min-height:48px;align-items:center;gap:12px;padding:0 13px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:700;text-align:start;grid-template-columns:24px 1fr}.desktop-nav button:hover,.desktop-nav button.is-active{background:var(--surface-soft);color:var(--text)}.desktop-nav button.is-active svg{color:var(--accent)}.desktop-nav button.needs-content:after{width:7px;height:7px;border-radius:50%;background:var(--accent);content:""}.desktop-nav nav button.needs-content{grid-template-columns:24px minmax(0,1fr) 7px}.desktop-nav-actions{display:grid;gap:6px;margin-top:auto}.desktop-nav-actions>button{flex:0 0 auto}.workspace-main{min-width:0}.app-header{position:sticky;z-index:20;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(20px,4vw,56px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--app-bg) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-menu-button{display:none}.pair-indicator,.appearance-control,.theme-options,.language-summary,.exercise-actions,.pager-actions{display:flex;align-items:center}.pair-indicator{min-width:0;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text)}.pair-indicator:hover{border-color:var(--line);background:var(--surface-soft)}.pair-indicator svg{width:15px;color:var(--muted)}.pair-indicator strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appearance-control,.theme-options{gap:7px}.appearance-control{position:relative}.appearance-mobile-trigger,.appearance-mobile-menu{display:none}.app-header-spacer{width:40px;flex:0 0 40px}.standalone-theme-options{position:fixed;z-index:30;inset-block-start:max(18px,env(safe-area-inset-top));inset-inline-end:max(18px,env(safe-area-inset-right))}.appearance-control .icon-button,.theme-options .icon-button{width:40px;height:40px}.workspace-content{display:grid;width:min(100% - 40px,1120px);min-height:calc(100vh - 76px);margin:0 auto;padding:clamp(32px,6vw,78px) 0 80px}.view{width:100%;align-self:center}.view-heading{display:grid;max-width:780px;gap:12px;margin-bottom:32px}.view-heading h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.02}.mode-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{--tone: var(--accent);display:grid;min-height:146px;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-inline-start:5px solid var(--tone);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);text-align:start;grid-template-columns:auto auto minmax(0,1fr) auto}.mode-card:hover{border-color:var(--tone);transform:translateY(-2px)}.tone-violet{--tone: #8f73e8}.tone-green{--tone: #48bd8f}.tone-amber{--tone: #f3ad37}.mode-index{color:var(--tone);font-size:.85rem;font-weight:800}.mode-card>svg:first-of-type{width:30px;height:30px;color:var(--tone)}.mode-card>svg:last-child{width:20px;color:var(--muted)}.mode-copy{gap:7px}.mode-copy strong{font-size:1.17rem}.mode-copy small{line-height:1.42}.mode-copy em{color:var(--accent);font-size:.74rem;font-style:normal;font-weight:850}.mode-copy b{width:fit-content;padding:4px 7px;border:1px solid var(--line-strong);border-radius:5px;color:var(--warning);font-size:.7rem;font-weight:850}.lesson-view{display:grid;max-width:840px;gap:22px;justify-self:center}.lesson-topline{display:flex;align-items:end;justify-content:space-between;gap:20px}.lesson-topline div{display:grid;gap:7px}.lesson-topline h1{font-size:clamp(1.8rem,4vw,3rem)}.lesson-position>strong{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.lesson-position,.lesson-navigation{display:flex;align-items:center}.lesson-position{flex:0 0 auto;gap:10px}.lesson-navigation{gap:6px}.lesson-navigation .icon-button{width:40px;height:40px}.sentence-navigation{width:100%;justify-content:center;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.vocabulary-navigation{justify-content:center;gap:14px}.vocabulary-navigation>strong{min-width:64px;text-align:center}.lesson-completion{display:grid;justify-items:start;gap:18px;min-height:300px;align-content:center;padding:clamp(28px,6vw,58px);border-radius:8px;background:var(--surface)}.lesson-completion h2,.lesson-completion p{margin:0}.lesson-completion p{max-width:560px;color:var(--muted);line-height:1.65}.completion-actions{display:flex;flex-wrap:wrap;gap:10px}.vocabulary-session-start{display:grid;justify-items:start;gap:24px;padding-block:32px;min-height:280px;align-content:center}.vocabulary-session-start h2,.vocabulary-session-start p{margin:0}.vocabulary-session-start h2{font-size:24px}.mission-live-prompt{display:grid;gap:12px;padding:22px;border-radius:8px;background:var(--surface-soft)}.mission-live-prompt>span,.mission-hint-text strong{color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.mission-hint-text{display:grid;gap:8px;margin:0;font-size:1.15rem;font-weight:750}.mission-hint-action{width:fit-content}.practice-chapter-tabs{display:flex;gap:8px;padding-block:2px 6px;overflow-x:auto;scrollbar-width:thin}.practice-chapter-tabs button{display:grid;min-width:180px;min-height:64px;align-content:center;gap:4px;padding:10px 12px;border:0;border-radius:7px;background:var(--surface);color:var(--text);text-align:start}.practice-chapter-tabs button.is-active{background:var(--accent);color:var(--accent-ink)}.practice-chapter-choice-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-chapter-selected-mark{flex:0 0 20px;opacity:0}.practice-chapter-tabs button[aria-pressed=true] .practice-chapter-selected-mark{opacity:1}.practice-chapter-tabs span{display:inline-grid;width:32px;min-height:24px;place-items:center;border-radius:6px;background:var(--surface-soft);color:var(--accent);font-size:.72rem;font-weight:850}.practice-chapter-tabs button.is-active span{background:var(--surface);color:var(--accent)}.practice-chapter-tabs strong{overflow-wrap:anywhere;font-size:.88rem}.progress-track{height:5px;overflow:hidden;border-radius:3px;background:var(--line)}.progress-track span{display:block;height:100%;background:var(--accent);transition:width .18s ease-out}.lesson-stage,.exercise-panel,.mission-card,.settings-band{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow)}.lesson-stage{position:relative;display:grid;min-height:250px;align-content:center;gap:18px;padding:clamp(26px,5vw,52px)}.lesson-stage .audio-button{position:absolute;inset-block-start:22px;inset-inline-end:22px}.lesson-stage p{max-width:92%;margin:0;overflow-wrap:anywhere;font-size:clamp(2rem,6vw,4.6rem);font-weight:850;line-height:1.08}.lesson-stage small{color:var(--muted);font-size:1rem}.vocabulary-audio-stage{min-height:200px;justify-items:center;gap:12px}.vocabulary-audio-stage .audio-button{position:static;width:72px;height:72px}.vocabulary-listen-label{color:var(--text);font-weight:800}.speech-action{display:grid;justify-items:center;gap:10px}.speech-button{display:inline-flex;min-width:220px;min-height:70px;align-items:center;justify-content:center;gap:12px;padding:0 28px;border:1px solid var(--accent);border-radius:36px;background:var(--surface-soft);font-weight:850}.speech-button svg{width:28px;height:28px;color:var(--accent)}.speech-button.is-listening{background:var(--accent);color:var(--accent-ink)}.inline-status,.error-status,.empty-state{margin:0;color:var(--muted);text-align:center}.error-status{color:var(--danger)}.microphone-status{display:inline-flex;max-width:34rem;align-items:center;gap:10px;padding:12px 16px;border-radius:7px;background:var(--surface-soft);color:var(--text);text-align:start}.microphone-status svg{width:20px;height:20px;flex:0 0 auto;color:var(--accent)}.segmented-control{display:grid;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:700}.segmented-control button.is-active{background:var(--surface);color:var(--text);box-shadow:0 5px 20px #0000001a}.segmented-control svg{width:18px}.exercise-panel{display:grid;gap:18px;padding:22px}.answer-line{min-height:62px;padding:15px;border-bottom:2px solid var(--accent);font-size:1.5rem;font-weight:800;text-align:center}.letter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.letter-grid button{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);font-weight:850}.exercise-actions{justify-content:flex-end;gap:10px}.answer-field{display:grid;gap:14px;color:var(--muted);font-weight:700}.answer-field label{display:block;line-height:1.4}.answer-field-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.answer-field-heading .error-status{flex-basis:100%;margin:0}.answer-field input{display:block;width:100%;min-height:56px;padding:0 15px;border:1px solid var(--line);border-radius:6px;background:var(--app-bg);font-size:1.15rem}.listen-write-panel{align-content:start}.spelling-hint-button{display:inline-flex;align-items:center;justify-content:center;justify-self:end;gap:8px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--text);font-size:14px;font-weight:650}.spelling-hint-button svg{width:18px;height:18px;flex-shrink:0}.spelling-hint-button:hover:not(:disabled){color:var(--accent)}.vocabulary-examples,.vocabulary-hints{display:grid;gap:20px;min-width:0;margin-block:24px}.vocabulary-examples h2,.vocabulary-hints h2{margin:0;font-size:20px;line-height:1.4}.vocabulary-example{display:flex;align-items:flex-start;gap:20px;padding-block:20px;border-bottom:1px solid var(--line)}.vocabulary-example-content{flex:1;min-width:0}.vocabulary-example p{margin:0 0 16px;font-size:20px;line-height:1.65;overflow-wrap:anywhere}.vocabulary-example mark{color:var(--text);background:var(--surface-soft);font-weight:800}.answer-feedback.correct{border-color:var(--success)}.answer-feedback.incorrect{border-color:var(--danger)}.mission-card{display:grid;gap:14px;padding:18px}.mission-brief{display:grid;gap:6px;padding:16px 18px;border-inline-start:4px solid var(--accent);background:var(--surface-soft)}.mission-brief span{color:var(--muted)}.mission-brief span{font-size:.76rem;font-weight:800;text-transform:uppercase}.mission-instruction{margin:0;color:var(--muted);font-weight:700}.mission-preview-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.mission-preview-status span{color:var(--muted);font-weight:700}.mission-preview-status strong{font-size:1.25rem}.mission-preview-status small{flex-basis:100%;color:var(--muted)}.mission-card>.primary-button{justify-self:stretch}.mission-live-status{margin:0;color:var(--muted);font-weight:700;text-align:center}.dialogue-turn{position:relative;display:grid;min-height:150px;align-content:center;gap:9px;padding:24px 76px 24px 24px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}[dir=rtl] .dialogue-turn{padding:24px 24px 24px 76px}.dialogue-turn .audio-button{position:absolute;inset-block-start:18px;inset-inline-end:18px}.dialogue-turn>span{color:var(--accent);font-weight:800}.dialogue-turn p{margin:0;overflow-wrap:anywhere;font-size:clamp(1.45rem,4vw,2.5rem);font-weight:800}.learner-turn{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:var(--surface-soft)}.pager-actions{justify-content:center;gap:12px}.mixed-view{max-width:850px;justify-self:center}.mixed-summary{display:grid;margin-bottom:18px;border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}.mixed-summary>div{display:grid;min-height:96px;align-content:center;justify-items:center;gap:5px;padding:12px;text-align:center}.mixed-summary strong{font-size:1.5rem}.mixed-summary span,.mixed-picker-action small,.mixed-picker-dialog header span{color:var(--muted);font-size:.78rem;font-weight:700}.mixed-filter-row{display:grid;gap:8px;margin-bottom:18px;grid-template-columns:repeat(5,minmax(0,1fr))}.mixed-filter-row button{display:grid;min-width:0;min-height:64px;place-content:center;gap:4px;border:1px solid var(--line);border-radius:7px;background:var(--surface-raised);color:var(--muted)}.mixed-filter-row button.is-active{border-color:var(--accent);background:var(--surface-soft);color:var(--text)}.mixed-filter-row button span,.mixed-filter-row button strong{overflow:hidden;text-overflow:ellipsis}.mixed-random-action{width:100%;grid-template-columns:auto minmax(0,1fr) auto}.mixed-random-action strong{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent-ink) 14%,transparent)}.mixed-picker-action{display:grid;width:100%;min-height:86px;align-items:center;gap:16px;margin-top:12px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:start;grid-template-columns:minmax(0,1fr) 22px}.mixed-picker-action>span{display:grid;gap:5px}.mixed-picker-dialog{display:grid;width:min(100%,760px);max-height:min(82vh,760px);gap:18px;padding:24px;border:0;border-radius:8px;background:var(--surface);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr)}.mixed-picker-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mixed-picker-dialog h2{margin:0 0 3px}.mixed-picker-list{gap:0;overflow-y:auto;padding-inline-end:2px}.mission-list.mixed-picker-list>button{min-height:104px;gap:18px;padding:18px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;content-visibility:auto;contain-intrinsic-size:104px;grid-template-columns:48px minmax(0,1fr) 20px}.mission-list.mixed-picker-list>button:hover{border-color:var(--line);background:var(--accent-soft)}.mission-list.mixed-picker-list>button>span{width:48px;height:48px;border:0;border-radius:6px}.mission-list{display:grid;gap:9px}.mission-list>button{display:grid;min-height:84px;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:start;grid-template-columns:52px minmax(0,1fr) 24px}.mission-list>button:hover{border-color:var(--accent)}.mission-list>button>span{display:grid;height:48px;place-items:center;border:1px solid var(--accent);border-radius:6px;background:var(--surface-soft);color:var(--text);font-weight:800}.domain-card div em,.scenario-card div em{color:var(--accent);font-size:.75rem;font-style:normal;font-weight:800}.content-library{position:relative}.library-navigation-row{display:flex;min-height:52px;margin-bottom:16px;align-items:center}.library-guidance{display:grid;align-items:center;gap:13px;margin-bottom:24px;padding:15px 17px;border:1px solid var(--accent);border-radius:7px;background:var(--surface-soft);grid-template-columns:24px minmax(0,1fr)}.library-guidance svg{color:var(--accent)}.library-guidance p,.library-guidance strong,.library-guidance span{margin:0}.library-guidance p{display:grid;gap:3px}.library-guidance span{color:var(--muted);font-size:.9rem;line-height:1.45}.library-back{position:static;margin:0}.mixed-session-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.mixed-session-toolbar>strong{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.feedback-action:has(>.secondary-button){grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-action>small{grid-column:1 / -1}.library-state{display:grid;min-height:min(620px,calc(100vh - 180px));place-content:center;justify-items:center;gap:18px;color:var(--muted);text-align:center}.level-grid,.domain-grid,.scenario-grid{display:grid;gap:14px}.level-grid,.domain-grid,.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-card,.domain-card,.scenario-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);color:var(--text);text-align:start}.level-card{display:grid;min-height:168px;align-items:center;gap:18px;padding:24px;grid-template-columns:90px minmax(0,1fr) 24px}.level-card>span{display:grid;width:90px;aspect-ratio:1;border-radius:8px;place-items:center;background:var(--accent-strong);color:#fff;font-size:2.3rem;font-weight:800}.level-tone-2>span{background:#7254c7}.level-tone-3>span{background:#288b70}.level-tone-4>span{background:#a4642d}:root[data-theme=atelier] .level-tone-1>span{background:#1f6d53}:root[data-theme=atelier] .level-tone-2>span{background:#a75835}:root[data-theme=atelier] .level-tone-3>span{background:#4b7a66}:root[data-theme=atelier] .level-tone-4>span{background:#536a76}:root[data-premium-preview=true][data-theme=light] .level-tone-1>span{background:#0b5963}:root[data-premium-preview=true][data-theme=light] .level-tone-2>span{background:#925619}:root[data-premium-preview=true][data-theme=light] .level-tone-3>span{background:#426da8}:root[data-premium-preview=true][data-theme=light] .level-tone-4>span{background:#2c7569}:root[data-premium-preview=true][data-theme=frequency] .level-tone-1>span{background:#4b4797}:root[data-premium-preview=true][data-theme=frequency] .level-tone-2>span{background:#945046}:root[data-premium-preview=true][data-theme=frequency] .level-tone-3>span{background:#3b6c9d}:root[data-premium-preview=true][data-theme=frequency] .level-tone-4>span{background:#2b7666}.level-card div,.domain-card div,.scenario-card div{display:grid;min-width:0;gap:7px}.level-card strong,.domain-card strong,.scenario-card strong{font-size:1.04rem;font-weight:800;overflow-wrap:anywhere}.level-card small,.domain-card small,.scenario-card small{color:var(--muted);font-weight:700;overflow-wrap:anywhere}.domain-card,.scenario-card{display:grid;align-items:center;gap:16px;padding:20px;grid-template-columns:52px minmax(0,1fr) 22px}.domain-card{min-height:96px}.domain-index,.scenario-card>span{display:grid;width:52px;min-height:52px;border-radius:8px;place-items:center;background:var(--surface-soft);color:var(--accent);font-weight:800}.domain-index.tone-2{color:#ad90ff}.domain-index.tone-3{color:#55d9aa}.domain-index.tone-4{color:#ffc064}.scenario-card{min-height:96px}.level-card:hover,.domain-card:hover,.scenario-card:hover{border-color:var(--accent);transform:translateY(-2px)}.change-scenario{width:fit-content;margin-top:6px}.content-package-dialog{display:grid;width:min(100% - 28px,620px);gap:18px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow)}.package-icon{display:grid;width:52px;aspect-ratio:1;border-radius:8px;place-items:center;background:var(--surface-soft);color:var(--accent)}.content-package-dialog h2,.content-package-dialog p{margin:0}.content-package-dialog>div:nth-of-type(1)>span{color:var(--accent);font-size:.8rem;font-weight:800;text-transform:uppercase}.package-summary{display:grid;gap:8px;padding-block:18px;border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto}.package-summary span{color:var(--muted);font-weight:700}.package-progress{display:grid;align-items:center;gap:12px;grid-template-columns:auto minmax(0,1fr)}.package-progress>div{height:7px;overflow:hidden;border-radius:4px;background:var(--line);grid-column:1 / -1}.package-progress>div span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease-out}.dialog-actions{display:grid;gap:12px;grid-template-columns:1fr 1fr}.dialog-actions .primary-button,.dialog-actions .secondary-button{width:100%}.profile-view{max-width:780px;justify-self:center}.settings-band{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:20px}:root[data-theme=atelier] .settings-band{margin-bottom:0;padding-inline:0;border-top:0;border-inline:0;border-radius:0;background:transparent;box-shadow:none}.settings-band>div:first-child{display:grid;gap:6px}.appearance-settings .theme-options{flex-wrap:wrap;justify-content:flex-end}.settings-band span{color:var(--muted)}.language-summary{justify-content:center}.language-summary>div{display:flex!important;align-items:center;gap:10px!important}.language-summary>svg{color:var(--muted)}.profile-view>.secondary-button{width:100%}.account-section{display:grid;gap:18px;margin-block:26px 14px;padding-block:24px;border-block:1px solid var(--line)}.scenario-progress-summary{display:grid;grid-template-columns:auto minmax(8rem,16rem);align-items:center;gap:.75rem;width:min(100%,21rem)}.scenario-progress-summary>span{color:var(--accent);font-size:.78rem;font-weight:800}.scenario-progress-summary .progress-track{margin:0}.audio-access-dialog{position:relative;display:grid;justify-items:start;gap:1rem;width:min(30rem,calc(100vw - 2rem));padding:2rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-strong);box-shadow:0 24px 72px #00000047}.audio-access-dialog h2,.audio-access-dialog p{margin:0}.audio-access-dialog p{color:var(--text-muted);line-height:1.55}.audio-access-dialog .primary-button{width:100%}.audio-access-dialog--fallback{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1.25rem;width:min(25rem,calc(100vw - 2rem));padding-block:1.5rem}.audio-access-dialog--fallback h2,.audio-access-dialog--fallback p{grid-column:2}.audio-access-dialog--fallback .loading-ring{grid-column:1;grid-row:1 / span 2}.audio-access-dialog.audio-access-dialog--house-promo,.dilhocam-learning-shell-v1 .audio-access-dialog.audio-access-dialog--house-promo{display:flex;flex-direction:column;width:min(44rem,100%);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:0;padding:0;border:0;overflow:hidden;transform:none}.language-flag-image{display:inline-block;width:28px;height:21px;aspect-ratio:4 / 3;object-fit:contain;flex-shrink:0;vertical-align:middle}.language-pair-inline{display:inline-flex;align-items:center;gap:8px}.house-promo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;width:100%;flex-shrink:0}.house-promo-header .dialog-close.icon-button{position:static;width:44px;height:44px;min-width:44px;min-height:44px}.house-promo-content{display:grid;gap:24px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px;width:100%}.house-promo-picture{display:block;min-width:0;width:100%}.house-promo-copy{display:grid;gap:12px;min-width:0;overflow-wrap:anywhere}.house-promo-copy h2,.dilhocam-learning-shell-v1 .audio-access-dialog--house-promo .house-promo-copy h2{font-size:1.375rem;line-height:1.4}.house-promo-copy p{font-size:1rem}.house-promo-label,.house-promo-product{color:var(--accent);font-size:.78rem;font-weight:800}.house-promo-media{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px;background:var(--surface-raised)}.house-promo-product{margin:0}.house-promo-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;width:100%;margin:0;padding:16px 24px;flex-shrink:0;background:var(--surface)}.house-promo-actions .primary-button,.house-promo-actions .secondary-button{width:100%;text-decoration:none;min-height:44px}@media(max-width:520px){.house-promo-actions{grid-template-columns:1fr;padding:16px}.house-promo-content{padding:0 16px 20px;gap:20px}.house-promo-header{padding-inline:16px}}@media(max-width:600px)and (max-height:650px){.house-promo-media{width:auto;max-width:100%;max-height:160px;margin-inline:auto}}@media(min-width:601px)and (max-height:600px){.house-promo-content{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}}.audio-access-icon{display:grid;place-items:center;width:3rem;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:var(--accent-soft)}.translation-disclosure{display:grid;justify-items:start;gap:.5rem;max-width:100%}.translation-disclosure>button{display:grid;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;place-items:center;background:transparent;font:inherit;font-size:1.35rem;cursor:pointer}.translation-disclosure>button:hover,.translation-disclosure>button:focus-visible{background:var(--accent-soft)}.translation-disclosure>p{max-width:100%;margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.reminder-settings{align-items:start}.reminder-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.reminder-controls select,.reminder-controls input{min-height:2.75rem;padding:.55rem .7rem;border:1px solid var(--line-strong);border-radius:6px;color:var(--text);background:var(--surface-soft);font:inherit;font-weight:700}@media(max-width:560px){.reminder-settings,.reminder-controls{display:grid;grid-template-columns:1fr;width:100%}}.account-summary{display:flex;min-width:0;align-items:center;gap:14px}.account-summary>svg{width:38px;height:38px;color:var(--accent)}.account-summary>div{display:grid;min-width:0;gap:5px}.account-summary strong,.account-summary span{overflow-wrap:anywhere}.account-summary span{color:var(--muted);font-weight:700}.account-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.account-actions .primary-button,.account-actions .secondary-button,.danger-button{width:100%}.danger-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--line));border-radius:7px;background:transparent;color:var(--danger);font-weight:850}.danger-button svg{width:19px;height:19px}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;padding:20px;place-items:center;background:#01060bad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.context-guide-layer{position:fixed;z-index:89;inset:0;pointer-events:none}.context-guide-backdrop{position:absolute;z-index:90;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;pointer-events:auto}.context-guide-spotlight{position:fixed;z-index:91;border-radius:8px;outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 16%,transparent),0 0 0 100vmax #01060bbd;pointer-events:none}.context-guide-card{position:fixed;z-index:92;display:grid;max-height:calc(100dvh - 24px);gap:10px;padding:24px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow-y:auto;pointer-events:auto}.context-guide-card>span{color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase}.context-guide-card h2,.context-guide-card p{margin:0}.context-guide-card h2{font-size:1.45rem}.context-guide-card p{color:var(--muted);line-height:1.5}.context-guide-dots,.context-guide-actions{display:flex;align-items:center}.context-guide-dots{gap:7px;padding-block:4px}.context-guide-dots i{width:28px;height:4px;border-radius:99px;background:var(--line)}.context-guide-dots i.is-active{background:var(--accent)}.context-guide-actions{justify-content:flex-end;gap:10px}.context-guide-actions .primary-button{min-width:132px}.feedback-dialog{position:relative;display:grid;width:min(100%,500px);gap:16px;padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.feedback-dialog.feedback-pass{border-color:color-mix(in srgb,var(--success) 62%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent),var(--shadow)}.dialog-close{position:absolute;inset-block-start:14px;inset-inline-end:14px}.feedback-symbol{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--accent)}.feedback-pass .feedback-symbol{width:70px;height:70px;border:1px solid color-mix(in srgb,var(--success) 42%,var(--line));background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success);box-shadow:0 8px 24px color-mix(in srgb,var(--success) 17%,transparent)}.feedback-pass .feedback-symbol svg{width:34px;height:34px;stroke-width:2.4}.feedback-fail .feedback-symbol{color:var(--danger)}.feedback-celebration{position:relative;display:grid;width:132px;height:96px;place-items:center}.feedback-star{position:absolute;width:16px;height:16px;color:var(--warning);filter:drop-shadow(0 3px 5px color-mix(in srgb,currentColor 24%,transparent))}.feedback-star-1{inset:2px auto auto 22px;color:var(--accent)}.feedback-star-2{inset:0 19px auto auto;width:21px;height:21px}.feedback-star-3{inset:33px auto auto 0;width:16px;height:16px;color:var(--success)}.feedback-star-4{inset:35px 0 auto auto;width:16px;height:16px;color:var(--accent)}.feedback-star-5{inset:auto auto 2px 20px;width:20px;height:20px}.feedback-star-6{inset:auto 17px 5px auto;width:15px;height:15px;color:var(--success)}.feedback-star-7{inset:-3px auto auto 60px;width:14px;height:14px;color:var(--success)}.feedback-dialog h2,.feedback-dialog p{margin:0}.feedback-dialog p{color:var(--muted);line-height:1.5}.feedback-action{display:grid;gap:8px}.feedback-action small{color:var(--muted);line-height:1.4}.transcript-row{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised)}.transcript-row span{color:var(--muted);font-size:.8rem;font-weight:800;text-transform:uppercase}.mobile-quick-access-fab{display:none}.mobile-quick-access-fab.standalone-quick-access-fab{position:fixed;z-index:48;inset-block-start:auto;inset-block-end:max(18px,env(safe-area-inset-bottom));inset-inline-start:auto;inset-inline-end:max(18px,env(safe-area-inset-right));display:inline-grid;width:48px;height:48px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 76%,white);border-radius:50%;background:var(--accent);box-shadow:var(--shadow);color:var(--accent-ink);place-items:center}.standalone-quick-access-fab svg{width:24px;height:24px}.mobile-quick-access-fab.standalone-quick-access-fab.is-open,.mobile-quick-access-fab.is-open{display:none}.mobile-quick-access-layer{position:fixed;z-index:46;inset:0;display:block}.mobile-quick-access-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#01060b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-quick-access-panel{position:absolute;inset-block-start:92px;inset-inline-start:264px;display:grid;width:min(720px,calc(100% - 288px));max-height:calc(100dvh - 116px);gap:16px;padding:18px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow-y:auto}.mobile-quick-access-panel.standalone-quick-access-panel{inset-inline-start:auto;inset-inline-end:24px;width:min(720px,calc(100% - 48px))}.standalone-quick-appearance{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px 2px;border-top:1px solid var(--line)}.standalone-quick-appearance>strong{font-size:.9rem}.mobile-quick-access-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mobile-quick-access-panel h2,.mobile-quick-access-panel p{margin:0}.mobile-quick-access-panel h2{font-size:1.15rem}.mobile-quick-access-panel p{margin-top:4px;color:var(--muted);font-size:.85rem}.mobile-quick-access-panel nav{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-quick-access-panel nav>button{display:grid;min-width:0;min-height:92px;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface-raised);color:var(--text);text-align:start;grid-template-columns:26px minmax(0,1fr) 18px}.mobile-quick-access-panel nav>button.is-active{border:2px solid var(--accent);background:var(--surface-soft)}.mobile-quick-access-panel nav>button:disabled{border-color:var(--line);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);opacity:.58}.mobile-quick-access-panel nav>button>svg:first-child{color:var(--accent)}.mobile-quick-access-panel nav>button>svg:last-child{width:18px}.mobile-quick-access-panel nav span{display:grid;min-width:0;gap:3px}.mobile-quick-access-panel nav strong,.mobile-quick-access-panel nav small{overflow-wrap:anywhere}.mobile-quick-access-panel nav small{color:var(--muted);font-size:.72rem}@media(max-width:900px){.app-workspace{display:block}.desktop-nav{display:none}.mobile-menu-button{display:inline-grid;visibility:hidden;pointer-events:none}.workspace-content{min-height:calc(100vh - 76px);padding-bottom:32px}.view{padding-bottom:24px}.mobile-quick-access-fab{position:fixed;z-index:48;inset-block-start:max(14px,env(safe-area-inset-top));inset-block-end:auto;inset-inline-start:max(14px,env(safe-area-inset-left));inset-inline-end:auto;display:inline-grid;width:40px;height:40px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 76%,white);border-radius:50%;background:var(--accent);box-shadow:var(--shadow);color:var(--accent-ink);place-items:center}.mobile-quick-access-fab.standalone-quick-access-fab{inset-block-start:auto;inset-block-end:max(18px,env(safe-area-inset-bottom));inset-inline-start:auto;inset-inline-end:max(18px,env(safe-area-inset-right));width:48px;height:48px}[dir=rtl] .mobile-quick-access-fab{inset-inline-start:max(14px,env(safe-area-inset-left));inset-inline-end:auto;padding:0;border:1px solid color-mix(in srgb,var(--accent) 76%,white);border-radius:50%}[dir=rtl] .mobile-quick-access-fab.standalone-quick-access-fab{inset-inline-start:auto;inset-inline-end:max(18px,env(safe-area-inset-right))}.mobile-quick-access-fab svg{width:22px;height:22px}.mobile-quick-access-panel{inset-block-start:calc(76px + env(safe-area-inset-top));inset-block-end:auto;inset-inline-start:auto;inset-inline-end:12px;width:min(calc(100% - 24px),460px);max-height:min(680px,calc(100dvh - 92px - env(safe-area-inset-top)))}.mobile-quick-access-panel.standalone-quick-access-panel{inset-inline-start:auto;inset-inline-end:12px;width:min(calc(100% - 24px),460px)}.app-workspace .setup-brand{padding-inline-start:50px}}@media(max-width:720px){.standalone-quick-appearance,.appearance-settings{align-items:flex-start;flex-direction:column}.appearance-settings .theme-options{justify-content:flex-start}.guided-trial-gateway,.guided-trial-completion,.guided-trial-stage{width:min(100% - 28px,580px);padding:22px 0}.guided-trial-content{min-height:calc(100vh - 126px)}.guided-trial-gateway h1,.guided-trial-completion h1{font-size:2.55rem}.guided-trial-gateway p,.guided-trial-completion p{font-size:1rem}.setup-screen{width:min(100% - 28px,560px);padding-top:22px}.setup-brand img{width:56px;height:56px}.setup-content{align-content:center;padding-top:24px}.language-options,.mode-grid,.level-grid,.domain-grid,.scenario-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-card{min-height:124px;padding:17px;grid-template-columns:72px minmax(0,1fr) 22px}.level-card>span{width:72px;font-size:1.85rem}.package-summary{grid-template-columns:1fr 1fr}.package-summary strong{grid-column:1 / -1}.account-actions{grid-template-columns:1fr}.language-option{min-height:82px}.app-header{min-height:68px;padding-inline:14px}.appearance-control .icon-button{width:36px;height:36px}.appearance-desktop-options{display:none}.appearance-mobile-trigger{display:inline-grid}.app-header-spacer{width:36px;flex-basis:36px}.appearance-mobile-menu{position:absolute;z-index:40;inset-block-start:calc(100% + 10px);inset-inline-end:0;display:flex;width:max-content;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.appearance-mobile-menu .icon-button{display:inline-grid}.standalone-theme-options{inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right))}.standalone-theme-options .icon-button{width:36px;height:36px}.workspace-content{width:min(100% - 28px,580px);min-height:calc(100vh - 140px);padding-top:28px}.view-heading{margin-bottom:24px}.mode-card{min-height:112px;padding:17px;grid-template-columns:38px 30px minmax(0,1fr) 20px}.lesson-topline{align-items:flex-start}.lesson-stage{min-height:220px}.lesson-stage p{max-width:100%;padding-top:20px}.segmented-control button{min-width:0;font-size:.75rem}.segmented-control button span{overflow-wrap:anywhere}.dialogue-turn{min-height:132px}}@media(max-width:430px){.pair-indicator strong{display:none}.setup-heading h1{font-size:2.35rem}.setup-heading p{font-size:1rem}.mode-card small{display:none}.lesson-topline h1{font-size:1.65rem}.lesson-stage{padding:24px 20px}.lesson-stage p{font-size:2rem}.segmented-control button{gap:4px;padding-inline:3px}.segmented-control svg{display:none}.dialogue-turn,[dir=rtl] .dialogue-turn{padding:64px 18px 20px}.answer-feedback .feedback-action,.answer-feedback .primary-button{width:100%}.settings-band{align-items:flex-start;flex-direction:column}.settings-band.language-summary{align-items:center;flex-direction:row}}@media(max-width:360px){.mobile-quick-access-panel nav{grid-template-columns:1fr}.mode-grid{gap:8px}.mode-card{min-height:99px;gap:10px;padding:13px;grid-template-columns:32px 28px minmax(0,1fr) 18px}.mode-card>svg:first-of-type{width:26px;height:26px}}.setup-screen.premium-task-first-ui .setup-progress{margin-block:28px 10px}.setup-screen.premium-task-first-ui .setup-content{align-content:start;gap:24px;padding-block:38px 56px}.setup-screen.premium-task-first-ui .setup-heading{max-width:620px;gap:10px}.setup-screen.premium-task-first-ui .setup-heading h1{font-size:2.55rem;line-height:1.08}.setup-screen.premium-task-first-ui .language-options{gap:8px}.setup-screen.premium-task-first-ui .language-option{min-height:92px;padding:16px;box-shadow:none}.premium-task-first-ui .workspace-content{width:min(100% - 48px,1180px);padding-block:52px 72px}.premium-task-first-ui .view-heading{max-width:680px;gap:10px;margin-bottom:28px}.premium-task-first-ui .view-heading h1{font-size:2.45rem;line-height:1.08}.premium-task-first-ui .level-grid,.premium-task-first-ui .domain-grid,.premium-task-first-ui .scenario-grid{gap:10px}.premium-task-first-ui .level-card,.premium-task-first-ui .domain-card,.premium-task-first-ui .scenario-card{border-color:var(--line);background:var(--surface);box-shadow:none}.premium-task-first-ui .level-card{min-height:132px;gap:14px;padding:18px;grid-template-columns:72px minmax(0,1fr) 20px}.premium-task-first-ui .level-card>span{width:72px;font-size:1.85rem}.premium-task-first-ui .domain-card,.premium-task-first-ui .scenario-card{gap:14px;padding:16px;grid-template-columns:48px minmax(0,1fr) 20px}.premium-task-first-ui .domain-card,.premium-task-first-ui .scenario-card{min-height:88px}.premium-task-first-ui .domain-index,.premium-task-first-ui .scenario-card>span{width:48px;min-height:48px}.premium-task-first-ui .level-card:hover,.premium-task-first-ui .domain-card:hover,.premium-task-first-ui .scenario-card:hover{transform:translateY(-1px)}.premium-task-first-ui .mobile-quick-access-panel{width:min(560px,calc(100% - 288px));gap:12px;padding:16px;box-shadow:0 12px 32px #0000001f}.premium-task-first-ui .mobile-quick-access-panel nav{gap:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;grid-template-columns:1fr}.premium-task-first-ui .mobile-quick-access-panel nav>button{min-height:68px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.premium-task-first-ui .mobile-quick-access-panel nav>button:last-child{border-bottom:0}.premium-task-first-ui .mobile-quick-access-panel nav>button.is-active{border:0;border-inline-start:3px solid var(--accent);border-bottom:1px solid var(--line);background:var(--surface-soft)}.premium-task-first-ui .mode-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-task-first-ui .mode-card{min-height:118px;gap:12px;padding:18px;border-inline-start-width:1px;background:var(--surface);box-shadow:none;grid-template-columns:auto 28px minmax(0,1fr) 18px}.premium-task-first-ui .mode-card.is-primary{min-height:150px;border-color:var(--line-strong);background:color-mix(in srgb,var(--surface-raised) 78%,var(--surface));grid-column:1 / -1;grid-template-columns:auto 34px minmax(0,1fr) 20px}.premium-task-first-ui .mode-card.is-primary>svg:first-of-type{width:34px;height:34px}.premium-task-first-ui .mode-card.is-primary .mode-copy strong{font-size:1.45rem}.premium-task-first-ui .mode-card:hover{transform:translateY(-1px)}.premium-task-first-ui .lesson-view{max-width:780px;gap:18px}.premium-task-first-ui .lesson-topline h1{font-size:2.15rem;line-height:1.12}.premium-task-first-ui .lesson-stage,.premium-task-first-ui .exercise-panel,.premium-task-first-ui .mission-card,.premium-task-first-ui .settings-band{box-shadow:none}.premium-task-first-ui .lesson-stage{min-height:220px;padding:32px}.premium-task-first-ui .lesson-stage p{font-size:2.2rem;font-weight:700;line-height:1.14}@media(max-width:960px){.premium-task-first-ui .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.setup-screen.premium-task-first-ui .setup-content{gap:20px;padding-block:28px 48px}.setup-screen.premium-task-first-ui .setup-heading h1,.premium-task-first-ui .view-heading h1{font-size:1.9rem}.setup-screen.premium-task-first-ui .language-option{min-height:78px;padding:14px}.premium-task-first-ui .workspace-content{width:min(100% - 28px,580px);padding-block:28px 88px}.premium-task-first-ui .mode-grid{grid-template-columns:1fr}.premium-task-first-ui .mobile-quick-access-panel{inset-block-start:calc(76px + env(safe-area-inset-top));width:min(calc(100% - 24px),460px)}.premium-task-first-ui .level-card{min-height:136px;align-content:start;gap:10px;padding:12px;grid-template-columns:46px minmax(0,1fr) 18px;grid-template-areas:"level-code . level-arrow" "level-copy level-copy level-copy"}.premium-task-first-ui .level-card>span{grid-area:level-code;width:46px;font-size:1.18rem}.premium-task-first-ui .level-card>div{grid-area:level-copy}.premium-task-first-ui .level-card>svg{grid-area:level-arrow;justify-self:end}.premium-task-first-ui .domain-card,.premium-task-first-ui .scenario-card{min-height:84px;gap:12px;padding:13px;grid-template-columns:44px minmax(0,1fr) 18px}.premium-task-first-ui .domain-index,.premium-task-first-ui .scenario-card>span{width:44px;min-height:44px}.premium-task-first-ui .mode-card,.premium-task-first-ui .mode-card.is-primary{min-height:108px;padding:16px;grid-column:auto;grid-template-columns:34px 28px minmax(0,1fr) 18px}.premium-task-first-ui .mode-card.is-primary{min-height:128px}.premium-task-first-ui .mode-card.is-primary .mode-copy strong{font-size:1.24rem}.premium-task-first-ui .lesson-topline h1{font-size:1.75rem}.premium-task-first-ui .lesson-stage{min-height:208px;padding:28px 22px}.premium-task-first-ui .lesson-stage p{font-size:1.75rem}}@media(max-width:430px){.premium-task-first-ui .mode-card.is-primary small{display:block}.premium-task-first-ui .mode-card:not(.is-primary) small{display:none}}.echo-workspace-v2.app-workspace{grid-template-columns:224px minmax(0,1fr)}.echo-workspace-v2 .desktop-nav{gap:20px;padding:22px 16px;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.echo-workspace-v2 .desktop-nav nav{gap:2px}.echo-workspace-v2 .desktop-nav nav button,.echo-workspace-v2 .profile-nav,.echo-workspace-v2 .language-nav,.echo-workspace-v2 .desktop-quick-access-button{min-height:50px;border-radius:8px}.echo-workspace-v2 .app-header{min-height:72px;padding:12px clamp(20px,3vw,40px);background:color-mix(in srgb,var(--app-bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.echo-workspace-v2 .workspace-content{width:min(calc(100% - 64px),1040px);min-height:calc(100vh - 72px);padding-block:clamp(38px,5vw,68px) 72px}.echo-workspace-v2 .view{width:min(100%,920px);justify-self:center}.echo-workspace-v2 .view-heading{max-width:700px;gap:8px;margin-bottom:28px}.echo-workspace-v2 .view-heading h1{font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.04}.echo-workspace-v2 .view-heading p{max-width:62ch;font-size:1rem}.echo-workspace-v2 .mode-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.echo-workspace-v2 .mode-card{min-height:116px;gap:12px;padding:18px;border-inline-start-width:1px;background:var(--surface);box-shadow:none;grid-template-columns:auto 28px minmax(0,1fr) 18px}.echo-workspace-v2 .mode-card.is-primary{min-height:148px;border-color:var(--line-strong);background:var(--surface-raised);grid-column:1 / -1;grid-template-columns:auto 36px minmax(0,1fr) 20px}.echo-workspace-v2 .mode-card.is-primary>svg:first-of-type{width:36px;height:36px}.echo-workspace-v2 .mode-card.is-primary .mode-copy strong{font-size:1.4rem}.echo-workspace-v2 .level-grid{width:min(100%,820px);gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.echo-workspace-v2 .level-card{min-height:140px;box-shadow:none}.echo-workspace-v2 .domain-grid,.echo-workspace-v2 .scenario-grid{width:min(100%,820px);gap:12px;overflow:visible;border:0;border-radius:0;background:transparent;grid-template-columns:1fr}.echo-workspace-v2 .domain-card,.echo-workspace-v2 .scenario-card{min-height:96px;border:0;border-bottom:0;border-radius:8px;background:var(--surface);box-shadow:none;content-visibility:auto;contain-intrinsic-size:auto 96px}.echo-workspace-v2 .domain-card:hover,.echo-workspace-v2 .scenario-card:hover{background:var(--surface-soft);transform:none}.echo-workspace-v2 .lesson-view{width:min(100%,760px);max-width:760px;gap:18px}.echo-workspace-v2 .lesson-topline{align-items:center}.echo-workspace-v2 .lesson-topline h1{font-size:clamp(1.75rem,3.2vw,2.35rem);line-height:1.1}.echo-workspace-v2 .lesson-stage,.echo-workspace-v2 .exercise-panel,.echo-workspace-v2 .mission-card{box-shadow:none}.echo-workspace-v2 .lesson-stage{min-height:230px;padding:32px}.echo-workspace-v2 .lesson-stage p{font-size:clamp(1.85rem,4vw,3.25rem);font-weight:700;line-height:1.12}.echo-workspace-v2 .exercise-panel{gap:16px;padding:20px}.echo-workspace-v2 .mission-card{gap:16px;padding:0;border:0;background:transparent}.echo-workspace-v2 .mission-brief,.echo-workspace-v2 .mission-preview-status{border-radius:0;box-shadow:none}.echo-workspace-v2 .mission-brief{padding:20px 22px;border-radius:8px;background:var(--surface)}.echo-workspace-v2 .dialogue-turn{min-height:132px;border-radius:8px;box-shadow:none}.echo-workspace-v2 .profile-view{width:min(100%,720px);max-width:720px}.echo-workspace-v2 .settings-band,.echo-workspace-v2 .account-section{margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.echo-workspace-v2 .profile-view>.secondary-button{margin-top:12px}.echo-workspace-v2 .mobile-quick-access-panel{width:min(620px,calc(100% - 264px));gap:14px;padding:18px;border-radius:12px;box-shadow:0 18px 48px #00000029}.echo-workspace-v2 .mobile-quick-access-panel nav{gap:10px;border:0;border-radius:0;background:transparent;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.echo-workspace-v2 .mobile-quick-access-panel nav>button,.echo-workspace-v2 .mobile-quick-access-panel nav>button:last-child{min-height:88px;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.echo-workspace-v2 .mobile-quick-access-panel nav>button.is-active{border:1px solid var(--accent);background:var(--surface-soft)}.setup-screen.echo-workspace-v2{width:min(calc(100% - 40px),860px)}.setup-screen.echo-workspace-v2 .setup-content{max-width:760px;align-content:start}.setup-screen.echo-workspace-v2 .setup-heading h1{font-size:clamp(2rem,5vw,3.35rem)}.setup-screen.echo-workspace-v2 .language-options{gap:12px;overflow:visible;border:0;border-radius:0;background:transparent;grid-template-columns:1fr}.setup-screen.echo-workspace-v2 .language-option{min-height:82px;border:0;border-bottom:0;border-radius:8px;background:var(--surface)}.setup-screen.echo-workspace-v2 .language-option:hover{border-color:var(--line);background:var(--surface-soft);transform:none}@media(max-width:960px){.echo-workspace-v2.app-workspace{display:block}.echo-workspace-v2 .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.echo-workspace-v2 .mode-card.is-primary{grid-column:1 / -1}.echo-workspace-v2 .mobile-quick-access-panel{width:min(calc(100% - 24px),560px)}}@media(max-width:720px){.echo-workspace-v2 .workspace-content{width:min(calc(100% - 28px),580px);padding-block:28px 88px}.echo-workspace-v2 .view-heading h1{font-size:2rem}.echo-workspace-v2 .mode-grid{grid-template-columns:1fr}.echo-workspace-v2 .mode-card{min-height:104px;grid-column:auto}.echo-workspace-v2 .mode-card.is-primary{min-height:124px;grid-column:auto}.echo-workspace-v2 .level-card{min-height:132px}.echo-workspace-v2 .lesson-stage{min-height:205px;padding:26px 20px}.echo-workspace-v2 .lesson-stage p{font-size:1.8rem}.echo-workspace-v2 .mobile-quick-access-panel nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.echo-workspace-v2 .mobile-quick-access-panel nav{grid-template-columns:1fr}}.echo-workspace-v2 .level-card,.echo-workspace-v2 .mode-card,.echo-workspace-v2 .lesson-stage,.echo-workspace-v2 .exercise-panel,.echo-workspace-v2 .dialogue-turn,.echo-workspace-v2 .mixed-picker-action,.echo-workspace-v2 .mission-preview-status{border:0;background:var(--surface);box-shadow:none}.echo-workspace-v2 .mode-card.is-primary,.echo-workspace-v2 .learner-turn{border:0;background:var(--surface-soft)}.echo-workspace-v2 .domain-grid,.echo-workspace-v2 .scenario-grid,.setup-screen.echo-workspace-v2 .language-options{border:0;border-radius:0;background:transparent;box-shadow:none}.echo-workspace-v2 .mobile-quick-access-panel nav>button,.echo-workspace-v2 .mobile-quick-access-panel nav>button:last-child,.echo-workspace-v2 .mobile-quick-access-panel nav>button.is-active{border:0}.echo-workspace-v2 .mobile-quick-access-panel,.echo-workspace-v2 .mixed-picker-dialog,.echo-workspace-v2 .content-package-dialog,.echo-workspace-v2 .audio-access-dialog,.echo-workspace-v2 .context-guide-card,.echo-workspace-v2 .feedback-dialog,.echo-workspace-v2 .feedback-dialog.feedback-pass{border:0;background:var(--surface);box-shadow:0 18px 56px #0000002e}.echo-workspace-v2 .transcript-row{border:0;background:var(--surface-soft)}.setup-screen.echo-workspace-v2 .language-options{gap:12px}.setup-screen.echo-workspace-v2 .language-option{min-height:88px;gap:18px;padding:20px;border:0;background:var(--surface);box-shadow:none}.setup-screen.echo-workspace-v2 .language-option:hover,.setup-screen.echo-workspace-v2 .language-option:active{border:0;background:var(--surface-soft);transform:none}.echo-workspace-v2 .mobile-quick-access-panel,.echo-workspace-v2 .mixed-picker-dialog,.echo-workspace-v2 .content-package-dialog,.echo-workspace-v2 .audio-access-dialog,.echo-workspace-v2 .context-guide-card,.echo-workspace-v2 .feedback-dialog{gap:20px;padding:clamp(24px,3vw,28px);border:0;border-radius:8px;background:var(--surface)}.echo-workspace-v2 .mobile-quick-access-panel header>.icon-button,.echo-workspace-v2 .mixed-picker-dialog>header .icon-button,.echo-workspace-v2 .audio-access-dialog>.dialog-close,.echo-workspace-v2 .feedback-dialog>.dialog-close{width:44px;height:44px;border:0;border-radius:6px;background:transparent;box-shadow:none}.echo-workspace-v2 .mobile-quick-access-panel nav{gap:12px}.echo-workspace-v2 .mobile-quick-access-panel nav>button,.echo-workspace-v2 .mobile-quick-access-panel nav>button:last-child,.echo-workspace-v2 .mobile-quick-access-panel nav>button.is-active{min-height:96px;padding:16px;border:0;background:var(--surface-raised)}.echo-workspace-v2 .mobile-quick-access-panel nav>button.is-active{background:var(--surface-soft)}.echo-workspace-v2 .content-package-dialog .package-summary{gap:16px;padding-block:20px;border-block:1px solid var(--line)}.echo-workspace-v2 .audio-access-icon{width:52px;border:0;border-radius:8px;background:var(--accent-soft)}.echo-workspace-v2 .dialog-actions{gap:12px}.echo-workspace-v2 .dialog-actions .secondary-button,.echo-workspace-v2 .feedback-action .secondary-button{border:0;background:var(--surface-soft)}.echo-workspace-v2 .context-guide-card{gap:16px}.echo-workspace-v2 .feedback-dialog.feedback-pass{border:0;box-shadow:0 18px 56px #0000002e}.echo-workspace-v2 .feedback-pass .feedback-symbol{border:0}.web-task-shell-v3.app-workspace{grid-template-columns:232px minmax(0,1fr)}.web-task-shell-v3 .desktop-nav{gap:22px;padding:24px 16px;border-inline-end-color:color-mix(in srgb,var(--line) 76%,transparent);background:color-mix(in srgb,var(--surface) 97%,var(--app-bg))}.web-task-shell-v3 .nav-brand{min-height:54px;padding-inline:2px}.web-task-shell-v3 .desktop-nav nav button,.web-task-shell-v3 .profile-nav,.web-task-shell-v3 .language-nav,.web-task-shell-v3 .desktop-quick-access-button{min-height:52px;padding-inline:14px;border-radius:8px}.web-task-shell-v3 .desktop-nav button.is-active{background:var(--surface-soft);color:var(--text)}.web-task-shell-v3 .app-header{min-height:76px;padding-inline:clamp(20px,3vw,44px);background:color-mix(in srgb,var(--app-bg) 96%,transparent)}.web-task-shell-v3 .app-header-context,.web-task-shell-v3 .app-header-location{display:flex;min-width:0;align-items:center}.web-task-shell-v3 .app-header-context{gap:12px}.web-task-shell-v3 .app-header-location{gap:14px}.web-task-shell-v3 .workspace-back-button{width:42px;height:42px;flex:0 0 42px;border-radius:8px}.web-task-shell-v3 .route-context-label{padding-inline-start:14px;border-inline-start:1px solid var(--line);color:var(--muted);font-size:.86rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-task-shell-v3 .workspace-content{width:min(calc(100% - 64px),1080px);min-height:calc(100vh - 76px);padding-block:clamp(48px,6vw,84px) 104px}.web-task-shell-v3 .view{align-self:start}.web-task-shell-v3 .view-heading{gap:16px;margin-bottom:38px}.web-task-shell-v3 .view-heading h1{max-width:18ch}.web-task-shell-v3 .lesson-view{width:min(100%,840px);max-width:840px}.web-task-shell-v3 .lesson-stage,.web-task-shell-v3 .exercise-panel,.web-task-shell-v3 .dialogue-turn,.web-task-shell-v3 .mode-card,.web-task-shell-v3 .level-card,.web-task-shell-v3 .domain-card,.web-task-shell-v3 .scenario-card{border-radius:8px}.web-task-shell-v3 .level-grid,.web-task-shell-v3 .domain-grid,.web-task-shell-v3 .scenario-grid,.web-task-shell-v3 .mode-grid{gap:18px}.web-task-shell-v3 .level-card{min-height:164px;gap:22px;padding:26px}.web-task-shell-v3 .domain-card,.web-task-shell-v3 .scenario-card{min-height:124px;gap:20px;padding:24px;contain-intrinsic-size:auto 124px}.web-task-shell-v3 .level-card div,.web-task-shell-v3 .domain-card div,.web-task-shell-v3 .scenario-card div,.web-task-shell-v3 .mode-copy{gap:10px}.web-task-shell-v3 .mode-card{min-height:144px;gap:18px;padding:24px}.web-task-shell-v3 .mode-card.is-primary{min-height:176px;gap:20px;padding:28px}.web-task-shell-v3 .lesson-stage,.web-task-shell-v3 .exercise-panel,.web-task-shell-v3 .dialogue-turn{background:var(--surface)}.web-task-shell-v3 .lesson-view{gap:26px}.web-task-shell-v3 .lesson-stage{min-height:270px;gap:24px;padding:clamp(36px,5vw,52px)}.web-task-shell-v3 .exercise-panel{gap:24px;padding:28px}.web-task-shell-v3 .dialogue-turn{min-height:156px;gap:18px;padding:24px}.web-task-shell-v3 .profile-view{width:min(100%,760px);max-width:760px}.web-task-shell-v3 .profile-overview{display:grid;min-height:104px;align-items:center;gap:18px;padding-block:24px;border-block:1px solid var(--line);grid-template-columns:42px minmax(0,1fr)}.web-task-shell-v3 .profile-overview>svg{width:38px;height:38px;color:var(--accent)}.web-task-shell-v3 .profile-overview>div,.web-task-shell-v3 .profile-status-row>div{display:grid;min-width:0;gap:8px}.web-task-shell-v3 .profile-overview strong,.web-task-shell-v3 .profile-overview span,.web-task-shell-v3 .profile-status-row strong,.web-task-shell-v3 .profile-status-row span{overflow-wrap:anywhere}.web-task-shell-v3 .profile-overview span,.web-task-shell-v3 .profile-status-row span{color:var(--muted);font-size:.9rem;font-weight:700}.web-task-shell-v3 .profile-tabs{display:grid;gap:4px;margin-block:30px 12px;padding:4px;border-radius:8px;background:var(--surface-raised);grid-template-columns:repeat(3,minmax(0,1fr))}.web-task-shell-v3 .profile-tabs button{min-width:0;min-height:48px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.web-task-shell-v3 .profile-tabs button.is-active{background:var(--surface);color:var(--text)}.web-task-shell-v3 .profile-panel{display:grid;min-width:0}.web-task-shell-v3 .profile-panel .settings-band,.web-task-shell-v3 .profile-panel.account-section{margin:0;padding:30px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.web-task-shell-v3 button.profile-language-row{width:100%;color:var(--text);font:inherit;text-align:start}.web-task-shell-v3 .profile-row-label{color:var(--text);font-weight:800}.web-task-shell-v3 .profile-language-row .language-summary{gap:9px}.web-task-shell-v3 .profile-language-row .language-summary>svg{width:16px;color:var(--muted)}.web-task-shell-v3 .profile-action-list{display:grid}.web-task-shell-v3 .profile-action-list>button{display:grid;min-height:68px;align-items:center;gap:16px;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-weight:800;text-align:start;grid-template-columns:24px minmax(0,1fr) 18px}.web-task-shell-v3 .profile-action-list>button>svg:first-child{color:var(--accent)}.web-task-shell-v3 .profile-action-list>button>svg:last-child{width:18px;color:var(--muted)}.web-task-shell-v3 .profile-status-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.web-task-shell-v3 .profile-status-messages:empty{display:none}.web-task-shell-v3 .profile-status-messages{margin-top:14px}@media(max-width:960px){.web-task-shell-v3.app-workspace{display:block}.web-task-shell-v3 .app-header:not(.route-home) .mobile-menu-button{display:none}.web-task-shell-v3.app-workspace>.mobile-quick-access-fab{z-index:80;inset-block-start:max(14px,env(safe-area-inset-top));inset-block-end:auto;width:42px;height:42px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 76%,white);border-radius:12px;transform:none}.web-task-shell-v3.app-workspace>.mobile-quick-access-fab.is-home-route{inset-inline-start:max(14px,env(safe-area-inset-left));inset-inline-end:auto}.web-task-shell-v3.app-workspace>.mobile-quick-access-fab.is-subroute{inset-inline-start:auto;inset-inline-end:max(14px,env(safe-area-inset-right))}[dir=rtl] .web-task-shell-v3.app-workspace>.mobile-quick-access-fab.is-home-route{inset-inline-start:auto;inset-inline-end:max(14px,env(safe-area-inset-right))}[dir=rtl] .web-task-shell-v3.app-workspace>.mobile-quick-access-fab.is-subroute{inset-inline-start:max(14px,env(safe-area-inset-left));inset-inline-end:auto}.web-task-shell-v3 .mobile-quick-access-panel{inset-block:12px;inset-inline-start:auto;inset-inline-end:12px;width:min(calc(100% - 24px),540px);max-height:calc(100dvh - 24px)}[dir=rtl] .web-task-shell-v3 .mobile-quick-access-panel{inset-inline-start:12px;inset-inline-end:auto}}@media(max-width:720px){.web-task-shell-v3 .app-header{min-height:70px;padding-inline:14px}.web-task-shell-v3 .app-header:not(.route-home){padding-inline-end:62px}[dir=rtl] .web-task-shell-v3 .app-header:not(.route-home){padding-inline-start:62px;padding-inline-end:14px}.web-task-shell-v3 .app-header-context{gap:8px}.web-task-shell-v3 .workspace-back-button{width:38px;height:38px;flex-basis:38px}.web-task-shell-v3 .route-context-label{display:none}.web-task-shell-v3 .workspace-content{width:min(calc(100% - 28px),600px);min-height:calc(100vh - 70px);padding-block:34px 104px}.web-task-shell-v3 .view-heading{margin-bottom:30px}.web-task-shell-v3 .level-grid,.web-task-shell-v3 .domain-grid,.web-task-shell-v3 .scenario-grid,.web-task-shell-v3 .mode-grid{gap:16px}.web-task-shell-v3 .level-card{min-height:148px;gap:16px;padding:20px}.web-task-shell-v3 .domain-card,.web-task-shell-v3 .scenario-card,.web-task-shell-v3 .mode-card,.web-task-shell-v3 .mode-card.is-primary{min-height:124px;gap:16px;padding:20px}.web-task-shell-v3 .mode-card.is-primary{min-height:144px}.web-task-shell-v3 .lesson-view{gap:20px}.web-task-shell-v3 .lesson-stage{min-height:230px;gap:20px;padding:30px 22px}.web-task-shell-v3 .exercise-panel,.web-task-shell-v3 .dialogue-turn{gap:20px;padding:22px 18px}.web-task-shell-v3 .profile-tabs{margin-top:18px}.web-task-shell-v3 .profile-panel .settings-band,.web-task-shell-v3 .profile-panel.account-section{padding-block:18px}.web-task-shell-v3 .profile-status-row{align-items:stretch;flex-direction:column}}@media(max-width:390px){.web-task-shell-v3 .app-header-location .pair-indicator{gap:7px;padding-inline:6px}.web-task-shell-v3 .profile-tabs button{padding-inline:5px;font-size:.82rem}.web-task-shell-v3 .profile-language-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:no-preference){.language-option,.mode-card,.icon-button{transition:transform .15s ease-out,border-color .15s ease-out,background-color .15s ease-out}.feedback-pass .feedback-symbol{animation:feedback-pass-pop .52s cubic-bezier(.2,.9,.24,1.25) both}.feedback-star{animation:feedback-star-burst .64s cubic-bezier(.18,.82,.28,1.18) both}.feedback-star-2,.feedback-star-5{animation-delay:55ms}.feedback-star-3,.feedback-star-6{animation-delay:105ms}.feedback-star-4,.feedback-star-7{animation-delay:145ms}}@keyframes feedback-pass-pop{0%{opacity:0;transform:scale(.58) rotate(-8deg)}62%{opacity:1;transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes feedback-star-burst{0%{opacity:0;transform:translateY(12px) scale(.15) rotate(-28deg)}68%{opacity:1;transform:translateY(-2px) scale(1.18) rotate(8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--app-font-family: "Inter Variable", "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dil-warm: #f0b58f;--dil-warm-soft: #f9e5d7;--dil-warm-strong: #ad4c22;--dil-sage: #dfe9da;--dil-blue: #577487;--dil-card-shadow: 0 1px 0 rgb(23 63 53 / 4%), 0 14px 38px rgb(23 63 53 / 6%);--dil-overlay-shadow: 0 24px 72px rgb(5 23 18 / 20%)}:root[data-theme=atelier]{--app-bg: #f5f6f1;--surface: #ffffff;--surface-raised: #f0f3ec;--surface-soft: #e5ede1;--text: #233b34;--muted: #61716b;--line: #d9ded5;--accent: #173f35;--accent-strong: #173f35;--accent-ink: #ffffff;--success: #26765b;--warning: #a96a27;--danger: #a73a4a;--shadow: var(--dil-card-shadow)}:root[data-theme=light]{--app-bg: #f3f6f6;--surface: #ffffff;--surface-raised: #eaf0ee;--surface-soft: #dce9e5;--text: #18332d;--muted: #58706a;--line: #d4dfdc;--accent: #145648;--accent-strong: #145648;--accent-ink: #ffffff;--success: #197252;--warning: #9b641d;--danger: #a33d4b;--shadow: 0 1px 0 rgb(15 73 61 / 4%), 0 14px 38px rgb(29 72 63 / 6%)}:root[data-theme=dark]{--app-bg: #040a10;--surface: #121c20;--surface-raised: #18262a;--surface-soft: #20332f;--text: #f6f7f3;--muted: #a9b8b2;--line: #30413e;--accent: #72c5ad;--accent-strong: #53a88f;--accent-ink: #061a14;--success: #72c5ad;--warning: #efbd76;--danger: #ef8e98;--dil-warm: #e8a77f;--dil-warm-soft: #392b26;--dil-warm-strong: #f0b58f;--dil-sage: #24352f;--dil-blue: #86a7b7;--dil-card-shadow: 0 1px 0 rgb(255 255 255 / 2%), 0 16px 44px rgb(0 0 0 / 20%);--dil-overlay-shadow: 0 24px 72px rgb(0 0 0 / 48%);--shadow: var(--dil-card-shadow)}.dilhocam-learning-shell-v1,.dilhocam-learning-shell-v1 button,.dilhocam-learning-shell-v1 input,.dilhocam-learning-shell-v1 select,.dilhocam-learning-shell-v1 textarea{font-family:var(--app-font-family);letter-spacing:0}.dilhocam-learning-shell-v1[lang=ar],.dilhocam-learning-shell-v1[lang=ar] button,.dilhocam-learning-shell-v1[lang=ar] input,.dilhocam-learning-shell-v1[lang=ar] select{font-family:"Noto Sans",var(--app-font-family)}.dilhocam-learning-shell-v1.web-app{background:var(--app-bg)}.dilhocam-learning-shell-v1.web-app:before,.dilhocam-learning-shell-v1.web-app:after{content:none;background:none}.dilhocam-learning-shell-v1 button:focus-visible,.dilhocam-learning-shell-v1 input:focus-visible,.dilhocam-learning-shell-v1 select:focus-visible,.dilhocam-learning-shell-v1 a:focus-visible{outline:3px solid color-mix(in srgb,var(--dil-warm) 72%,transparent);outline-offset:3px}.dilhocam-learning-shell-v1 .icon-button,.dilhocam-learning-shell-v1 .back-button,.dilhocam-learning-shell-v1 .workspace-back-button{border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:none}.dilhocam-learning-shell-v1 .icon-button:hover,.dilhocam-learning-shell-v1 .back-button:hover,.dilhocam-learning-shell-v1 .workspace-back-button:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--surface-raised)}.dilhocam-learning-shell-v1 .primary-button,.dilhocam-learning-shell-v1 .secondary-button,.dilhocam-learning-shell-v1 .danger-button{min-height:52px;border-radius:7px;font-weight:700}.dilhocam-learning-shell-v1 .primary-button{border-color:var(--accent);background:var(--accent)}.dilhocam-learning-shell-v1.guided-trial-gateway>.primary-button,.dilhocam-learning-shell-v1 .guided-trial-gateway>.primary-button{min-height:64px}.dilhocam-learning-shell-v1 .secondary-button{border:0;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .text-button{min-height:44px;color:var(--accent);font-weight:700}.dilhocam-learning-shell-v1 .progress-track,.dilhocam-learning-shell-v1 .package-progress>div{height:6px;border-radius:3px;background:var(--surface-soft);overflow:hidden}.dilhocam-learning-shell-v1 .progress-track>span,.dilhocam-learning-shell-v1 .package-progress>div>span{border-radius:inherit;background:var(--accent)}.setup-screen.dilhocam-learning-shell-v1{width:min(calc(100% - 48px),1120px);min-height:100dvh;padding-block:28px 64px;grid-template-rows:auto auto minmax(0,1fr)}.setup-screen.dilhocam-learning-shell-v1 .setup-brand{min-height:74px;padding-bottom:20px;border-bottom:1px solid var(--line)}.setup-screen.dilhocam-learning-shell-v1 .setup-exit-button{position:static;width:44px;height:44px;flex:0 0 44px}.setup-screen.dilhocam-learning-shell-v1 .setup-brand img{width:54px;height:54px;border:0;border-radius:7px;box-shadow:none}.setup-screen.dilhocam-learning-shell-v1 .setup-brand-identity{gap:16px}.setup-screen.dilhocam-learning-shell-v1 .setup-brand strong{color:var(--text);font-size:1rem;font-weight:700}.setup-screen.dilhocam-learning-shell-v1 .setup-brand span{margin-top:3px;color:var(--muted);font-size:.82rem}.setup-screen.dilhocam-learning-shell-v1 .setup-progress{margin-block:30px 0}.setup-screen.dilhocam-learning-shell-v1 .setup-progress span{height:3px}.setup-screen.dilhocam-learning-shell-v1 .setup-content{align-content:start;gap:38px;padding-block:clamp(48px,8vh,88px) 48px}.setup-screen.dilhocam-learning-shell-v1 .setup-heading{max-width:720px;gap:14px}.setup-screen.dilhocam-learning-shell-v1 .setup-heading>span{color:var(--dil-warm-strong)}.setup-screen.dilhocam-learning-shell-v1 .setup-heading h1{max-width:15ch;font-size:clamp(2.3rem,5vw,4.2rem);font-weight:700;line-height:1.04}.setup-screen.dilhocam-learning-shell-v1 .setup-heading p{max-width:58ch;font-size:1.02rem}.setup-screen.dilhocam-learning-shell-v1 .language-options{gap:18px}.setup-screen.dilhocam-learning-shell-v1 .language-option{min-height:116px;gap:18px;padding:24px;border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-card-shadow)}.setup-screen.dilhocam-learning-shell-v1 .language-option:hover,.setup-screen.dilhocam-learning-shell-v1 .language-option:active{border:0;background:var(--surface-soft);transform:none}.setup-screen.dilhocam-learning-shell-v1 .language-option strong{font-weight:700}.setup-screen.dilhocam-learning-shell-v1 .language-option>svg{color:var(--dil-warm-strong)}.dilhocam-learning-shell-v1.app-workspace{display:block}.dilhocam-learning-shell-v1 .desktop-nav{position:sticky;z-index:60;top:0;display:flex;width:100%;height:78px;align-items:center;flex-direction:row;gap:24px;padding:0 max(24px,calc((100vw - 1440px)/2));border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dilhocam-learning-shell-v1 .nav-brand{min-width:176px;min-height:54px;gap:12px}.dilhocam-learning-shell-v1 .nav-brand img{width:42px;height:42px;border-radius:7px}.dilhocam-learning-shell-v1 .nav-brand strong{font-size:.96rem;font-weight:700}.dilhocam-learning-shell-v1 .nav-brand small{margin-top:1px;font-size:.72rem;font-weight:500}.dilhocam-learning-shell-v1 .desktop-nav nav{display:flex;min-width:0;align-items:stretch;align-self:stretch;gap:2px}.dilhocam-learning-shell-v1 .desktop-nav nav button,.dilhocam-learning-shell-v1 .profile-nav,.dilhocam-learning-shell-v1 .language-nav,.dilhocam-learning-shell-v1 .desktop-quick-access-button{position:relative;display:flex;min-height:46px;align-items:center;gap:8px;padding-inline:11px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.83rem;font-weight:600;grid-template-columns:none;white-space:nowrap}.dilhocam-learning-shell-v1 .desktop-nav nav button:before{position:absolute;inset-inline:12px;inset-block-end:-1px;height:3px;border-radius:3px 3px 0 0;background:transparent;content:""}.dilhocam-learning-shell-v1 .desktop-nav nav button:hover,.dilhocam-learning-shell-v1 .desktop-nav nav button.is-active,.dilhocam-learning-shell-v1 .desktop-nav-actions>button:hover,.dilhocam-learning-shell-v1 .desktop-nav-actions>button.is-active{background:var(--surface-raised);color:var(--text)}.dilhocam-learning-shell-v1 .desktop-nav nav button.is-active:before{background:var(--dil-warm-strong)}.dilhocam-learning-shell-v1 .desktop-nav button.needs-content:after{position:static;width:6px;height:6px;background:var(--dil-warm-strong)}.dilhocam-learning-shell-v1 .desktop-nav nav button.needs-content{grid-template-columns:none}.dilhocam-learning-shell-v1 .desktop-nav-actions{display:flex;min-width:0;align-items:center;gap:2px;margin:0 0 0 auto}[dir=rtl].dilhocam-learning-shell-v1 .desktop-nav-actions{margin-right:auto;margin-left:0}.dilhocam-learning-shell-v1 .desktop-nav svg{width:19px;height:19px;flex:0 0 auto}.dilhocam-learning-shell-v1 .workspace-main{min-width:0}.dilhocam-learning-shell-v1 .app-header{position:sticky;z-index:40;top:78px;min-height:66px;padding-inline:max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--app-bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dilhocam-learning-shell-v1 .pair-indicator{min-height:44px;padding-inline:6px 12px;border:0;background:transparent;font-weight:600}.dilhocam-learning-shell-v1 .pair-indicator:hover{border:0;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .route-context-label{color:var(--muted);font-size:.8rem;font-weight:600}.dilhocam-learning-shell-v1 .workspace-back-button{width:42px;height:42px;flex-basis:42px}.dilhocam-learning-shell-v1 .workspace-content{width:min(calc(100% - 48px),1180px);min-height:calc(100vh - 144px);padding-block:clamp(58px,7vw,92px) 120px}.dilhocam-learning-shell-v1 .view{align-self:start}.dilhocam-learning-shell-v1 .view-heading{max-width:820px;gap:15px;margin-bottom:44px}.dilhocam-learning-shell-v1 .view-heading>span,.dilhocam-learning-shell-v1 .brand-kicker,.dilhocam-learning-shell-v1 .lesson-topline>div>span,.dilhocam-learning-shell-v1 .stage-label{color:var(--dil-warm-strong);font-size:.78rem;font-weight:700}.dilhocam-learning-shell-v1 .view-heading h1{max-width:20ch;font-size:clamp(2.4rem,5vw,4.1rem);font-weight:700;line-height:1.05}.dilhocam-learning-shell-v1 .view-heading p{max-width:60ch;font-size:1.02rem;line-height:1.65}.dilhocam-learning-shell-v1 .library-guidance{gap:18px;margin-bottom:36px;padding:20px 22px;border:0;border-radius:8px;background:var(--surface-soft)}.dilhocam-learning-shell-v1 .library-back{position:static;width:46px;height:46px;margin-bottom:34px}.dilhocam-learning-shell-v1 .level-grid,.dilhocam-learning-shell-v1 .domain-grid,.dilhocam-learning-shell-v1 .scenario-grid{gap:20px}.dilhocam-learning-shell-v1 .level-card,.dilhocam-learning-shell-v1 .domain-card,.dilhocam-learning-shell-v1 .scenario-card{border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-card-shadow)}.dilhocam-learning-shell-v1 .level-card:hover,.dilhocam-learning-shell-v1 .domain-card:hover,.dilhocam-learning-shell-v1 .scenario-card:hover{border:0;background:color-mix(in srgb,var(--surface) 82%,var(--surface-soft));transform:translateY(-2px)}.dilhocam-learning-shell-v1 .level-card{min-height:190px;gap:24px;padding:30px;grid-template-columns:76px minmax(0,1fr) 22px}.dilhocam-learning-shell-v1 .level-card>span{width:76px;border-radius:7px;font-size:1.9rem;font-weight:700}.dilhocam-learning-shell-v1 .level-card div,.dilhocam-learning-shell-v1 .domain-card div,.dilhocam-learning-shell-v1 .scenario-card div{gap:11px}.dilhocam-learning-shell-v1 .level-card strong,.dilhocam-learning-shell-v1 .domain-card strong,.dilhocam-learning-shell-v1 .scenario-card strong{font-size:1.1rem;font-weight:700;line-height:1.35}.dilhocam-learning-shell-v1 .level-card small,.dilhocam-learning-shell-v1 .domain-card small,.dilhocam-learning-shell-v1 .scenario-card small{color:var(--muted);font-size:.86rem;font-weight:500;line-height:1.55}.dilhocam-learning-shell-v1 .domain-grid,.dilhocam-learning-shell-v1 .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dilhocam-learning-shell-v1 .domain-card,.dilhocam-learning-shell-v1 .scenario-card{min-height:154px;gap:22px;padding:28px;grid-template-columns:56px minmax(0,1fr) 22px}.dilhocam-learning-shell-v1 .domain-index,.dilhocam-learning-shell-v1 .scenario-card>span{width:56px;min-height:56px;border:0;border-radius:7px;background:var(--surface-soft);color:var(--accent);font-weight:700}.dilhocam-learning-shell-v1 .domain-card em,.dilhocam-learning-shell-v1 .scenario-card em{color:var(--dil-warm-strong);font-size:.78rem;font-style:normal;font-weight:600}.dilhocam-learning-shell-v1 .level-card>svg,.dilhocam-learning-shell-v1 .domain-card>svg,.dilhocam-learning-shell-v1 .scenario-card>svg,.dilhocam-learning-shell-v1 .mode-card>svg:last-child{color:var(--dil-warm-strong)}.dilhocam-learning-shell-v1 .home-view .view-heading{margin-bottom:48px}.dilhocam-learning-shell-v1 .scenario-progress-summary{width:min(100%,26rem);margin-top:4px}.dilhocam-learning-shell-v1 .change-scenario{margin-top:8px}.dilhocam-learning-shell-v1 .mode-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.dilhocam-learning-shell-v1 .mode-card,.dilhocam-learning-shell-v1 .mode-card.is-primary{min-height:188px;gap:18px;padding:28px;border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-card-shadow);grid-template-columns:auto auto minmax(0,1fr) 22px}.dilhocam-learning-shell-v1 .mode-card.is-primary{min-height:210px;padding:34px;background:color-mix(in srgb,var(--dil-warm-soft) 64%,var(--surface));grid-column:1 / -1}.dilhocam-learning-shell-v1 .mode-card:last-child{grid-column:1 / -1}.dilhocam-learning-shell-v1 .mode-card:hover,.dilhocam-learning-shell-v1 .mode-card.is-primary:hover{border:0;background:color-mix(in srgb,var(--surface) 76%,var(--dil-warm-soft));transform:translateY(-2px)}.dilhocam-learning-shell-v1 .mode-card>svg:first-of-type{width:30px;height:30px}.dilhocam-learning-shell-v1 .mode-card.is-primary>svg:first-of-type{width:38px;height:38px}.dilhocam-learning-shell-v1 .mode-index{color:var(--dil-warm-strong);font-weight:700}.dilhocam-learning-shell-v1 .mode-copy{gap:10px}.dilhocam-learning-shell-v1 .mode-copy strong,.dilhocam-learning-shell-v1 .mode-card.is-primary .mode-copy strong{font-size:1.22rem;font-weight:700}.dilhocam-learning-shell-v1 .mode-card.is-primary .mode-copy strong{font-size:clamp(1.45rem,2.4vw,2rem)}.dilhocam-learning-shell-v1 .mode-copy em{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:600}.dilhocam-learning-shell-v1 .mode-copy b{width:fit-content;padding:5px 8px;border:0;border-radius:5px;background:var(--surface-raised);color:var(--dil-warm-strong);font-size:.7rem}.dilhocam-learning-shell-v1 .lesson-view,.dilhocam-learning-shell-v1 .mixed-view,.dilhocam-learning-shell-v1 .profile-view{width:min(100%,900px);max-width:900px}.dilhocam-learning-shell-v1 .lesson-view{gap:30px}.dilhocam-learning-shell-v1 .lesson-topline{gap:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.dilhocam-learning-shell-v1 .lesson-topline h1{margin-top:10px;font-size:clamp(2rem,4vw,3.3rem);font-weight:700;line-height:1.08}.dilhocam-learning-shell-v1 .lesson-topline small{display:block;margin-top:10px;color:var(--muted);line-height:1.55}.dilhocam-learning-shell-v1 .lesson-position strong{padding:7px 11px;border:0;border-radius:6px;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .practice-chapter-tabs{gap:12px;padding:0;background:transparent}.dilhocam-learning-shell-v1 .practice-chapter-tabs button,.dilhocam-learning-shell-v1 .practice-chapter-tabs button[aria-pressed=true],.dilhocam-learning-shell-v1 .practice-chapter-tabs button.is-active{min-height:78px;gap:12px;padding:15px 18px;border:0;border-radius:7px;background:var(--surface-raised);color:var(--muted)}.dilhocam-learning-shell-v1 .practice-chapter-tabs button:hover{background:color-mix(in srgb,var(--surface-raised) 68%,var(--dil-warm-soft))}.dilhocam-learning-shell-v1 .practice-chapter-tabs button[aria-pressed=true],.dilhocam-learning-shell-v1 .practice-chapter-tabs button.is-active{background:var(--accent);color:var(--accent-ink)}.dilhocam-learning-shell-v1 .practice-chapter-tabs button[aria-pressed=true] span,.dilhocam-learning-shell-v1 .practice-chapter-tabs button.is-active span{background:var(--surface);color:var(--accent)}.dilhocam-learning-shell-v1 .lesson-stage,.dilhocam-learning-shell-v1 .exercise-panel,.dilhocam-learning-shell-v1 .dialogue-turn,.dilhocam-learning-shell-v1 .mission-brief{border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-card-shadow)}.dilhocam-learning-shell-v1 .mission-card,.dilhocam-learning-shell-v1 .mission-card.compact{gap:16px;padding:0;border:0;background:transparent;box-shadow:none}.dilhocam-learning-shell-v1 .mission-brief{gap:8px;padding:20px 22px}.dilhocam-learning-shell-v1 .mission-intro .mission-brief{border-radius:8px;background:var(--surface);box-shadow:none}.dilhocam-learning-shell-v1 .mission-intro .mission-brief:nth-child(2){background:var(--surface-soft)}.dilhocam-learning-shell-v1 .mission-intro .mission-instruction{margin:0;padding:18px 22px;border-radius:8px;background:color-mix(in srgb,var(--dil-warm-soft) 72%,var(--surface));color:var(--text)}.dilhocam-learning-shell-v1 .lesson-stage{min-height:320px;gap:30px;padding:clamp(40px,6vw,64px)}.dilhocam-learning-shell-v1 .sentence-navigation{margin-top:4px;padding-top:24px}.dilhocam-learning-shell-v1 .sentence-navigation .icon-button{width:48px;height:48px;border:1px solid var(--line);background:var(--surface-raised)}.dilhocam-learning-shell-v1 .exercise-panel{gap:28px;padding:32px}.dilhocam-learning-shell-v1 .segmented-control{gap:5px;padding:5px;border:0;border-radius:8px;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .segmented-control button,.dilhocam-learning-shell-v1 .segmented-control button.is-active{min-height:50px;border:0;border-radius:6px;background:transparent}.dilhocam-learning-shell-v1 .segmented-control button.is-active{background:var(--surface);box-shadow:0 2px 8px #173f350f;color:var(--text)}.dilhocam-learning-shell-v1 .audio-button,.dilhocam-learning-shell-v1 .speech-action{border-radius:7px}.dilhocam-learning-shell-v1 .answer-field input,.dilhocam-learning-shell-v1 .letter-grid button{border-color:var(--line);border-radius:7px;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .translation-disclosure>button{background:var(--surface-raised)}.dilhocam-learning-shell-v1 .dialogue-turn{min-height:170px;gap:16px;padding:32px 84px 32px 32px}[dir=rtl].dilhocam-learning-shell-v1 .dialogue-turn{padding:32px 32px 32px 84px}.dilhocam-learning-shell-v1 .learner-turn{background:var(--surface-soft)}.dilhocam-learning-shell-v1 .dialogue-turn>span{color:var(--dil-warm-strong);font-size:.78rem;font-weight:700}.dilhocam-learning-shell-v1 .mission-list{gap:14px}.dilhocam-learning-shell-v1 .mission-list>button{min-height:108px;gap:20px;padding:20px 22px;border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-card-shadow)}.dilhocam-learning-shell-v1 .mission-list>button:hover{border:0;background:var(--surface-soft)}.dilhocam-learning-shell-v1 .mission-list>button>span{border:0;background:var(--surface-soft)}.dilhocam-learning-shell-v1 .mixed-summary{margin-bottom:26px;border-block-color:var(--line)}.dilhocam-learning-shell-v1 .mixed-filter-row{gap:10px;margin-bottom:24px}.dilhocam-learning-shell-v1 .mixed-filter-row button,.dilhocam-learning-shell-v1 .mixed-filter-row button.is-active{min-height:68px;border:0;border-radius:7px;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .mixed-filter-row button.is-active{background:var(--dil-warm-soft);color:var(--text)}.dilhocam-learning-shell-v1 .mixed-picker-action{min-height:96px;margin-top:18px;padding:20px 24px;border:0;background:var(--surface);box-shadow:var(--dil-card-shadow)}.dilhocam-learning-shell-v1 .profile-view{max-width:820px}.dilhocam-learning-shell-v1 .profile-overview{min-height:118px;gap:22px;padding-block:28px;border-block-color:var(--line)}.dilhocam-learning-shell-v1 .profile-tabs{gap:5px;margin-block:34px 16px;padding:5px;border-radius:8px;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .profile-tabs button,.dilhocam-learning-shell-v1 .profile-tabs button.is-active{min-height:52px;border:0;border-radius:6px;background:transparent;font-weight:600}.dilhocam-learning-shell-v1 .profile-tabs button.is-active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #173f350f}.dilhocam-learning-shell-v1 .profile-panel .settings-band,.dilhocam-learning-shell-v1 .profile-panel.account-section{padding-block:32px;border-bottom-color:var(--line)}.dilhocam-learning-shell-v1 .profile-action-list>button{min-height:78px;gap:18px;padding-block:20px;border-bottom-color:var(--line)}.dilhocam-learning-shell-v1 .appearance-settings .theme-options{gap:10px}.dilhocam-learning-shell-v1 .appearance-settings .icon-button{width:48px;height:48px}.dilhocam-learning-shell-v1 .dialog-backdrop,.dilhocam-learning-shell-v1+.dialog-backdrop{padding:24px;background:#0d1d188f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dilhocam-learning-shell-v1 .mobile-quick-access-panel,.dilhocam-learning-shell-v1 .mixed-picker-dialog,.dilhocam-learning-shell-v1 .content-package-dialog,.dilhocam-learning-shell-v1 .audio-access-dialog,.dilhocam-learning-shell-v1 .context-guide-card,.dilhocam-learning-shell-v1 .feedback-dialog,.dilhocam-learning-shell-v1 .feedback-dialog.feedback-pass{gap:24px;padding:30px;border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-overlay-shadow)}.dilhocam-learning-shell-v1 .dialog-close,.dilhocam-learning-shell-v1 .mobile-quick-access-panel header>.icon-button,.dilhocam-learning-shell-v1 .mixed-picker-dialog>header .icon-button{width:42px;height:42px;border:0;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .mobile-quick-access-panel{inset-block-start:94px;inset-inline:auto 24px;width:min(760px,calc(100% - 48px));max-height:calc(100dvh - 118px)}[dir=rtl].dilhocam-learning-shell-v1 .mobile-quick-access-panel{inset-inline:24px auto}.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav{gap:12px}.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button,.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button.is-active,.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button:last-child{min-height:98px;gap:14px;padding:18px;border:0;border-radius:7px;background:var(--surface-raised)}.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button.is-active{background:var(--dil-warm-soft)}.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button:disabled{border:0}.dilhocam-learning-shell-v1 .mixed-picker-list{gap:0}.dilhocam-learning-shell-v1 .mission-list.mixed-picker-list>button{min-height:112px;padding:20px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.dilhocam-learning-shell-v1 .package-summary{gap:16px;padding-block:22px;border-block-color:var(--line)}.dilhocam-learning-shell-v1 .feedback-dialog h2,.dilhocam-learning-shell-v1 .content-package-dialog h2,.dilhocam-learning-shell-v1 .audio-access-dialog h2,.dilhocam-learning-shell-v1 .mixed-picker-dialog h2{font-size:clamp(1.45rem,3vw,2rem);font-weight:700}.dilhocam-learning-shell-v1 .feedback-pass .feedback-symbol{border:0;background:var(--surface-soft);box-shadow:none}.dilhocam-learning-shell-v1 .transcript-row{gap:8px;padding:18px;border:0;border-radius:7px;background:var(--surface-raised)}.guided-trial-gateway.dilhocam-learning-shell-v1,.guided-trial-completion.dilhocam-learning-shell-v1,.guided-trial-stage.dilhocam-learning-shell-v1,.account-gateway.dilhocam-learning-shell-v1{width:min(calc(100% - 48px),940px);gap:32px;padding-block:40px 72px}.guided-trial-gateway.dilhocam-learning-shell-v1>section,.guided-trial-completion.dilhocam-learning-shell-v1>ul,.account-gateway.dilhocam-learning-shell-v1 .account-actions{border:0;border-radius:8px;background:var(--surface);box-shadow:var(--dil-card-shadow)}.guided-trial-gateway.dilhocam-learning-shell-v1>section{padding:clamp(36px,6vw,64px)}.account-gateway.dilhocam-learning-shell-v1{align-content:center}.account-gateway.dilhocam-learning-shell-v1>img{border-radius:7px}@media(max-width:1180px)and (min-width:961px){.dilhocam-learning-shell-v1 .desktop-nav{gap:10px;padding-inline:18px}.dilhocam-learning-shell-v1 .nav-brand{min-width:146px}.dilhocam-learning-shell-v1 .desktop-nav nav button,.dilhocam-learning-shell-v1 .profile-nav,.dilhocam-learning-shell-v1 .language-nav,.dilhocam-learning-shell-v1 .desktop-quick-access-button{gap:6px;padding-inline:8px;font-size:.75rem}.dilhocam-learning-shell-v1 .desktop-nav svg{width:17px;height:17px}}@media(max-width:960px){.dilhocam-learning-shell-v1.app-workspace{display:block}.dilhocam-learning-shell-v1 .desktop-nav{display:none}.dilhocam-learning-shell-v1 .app-header{top:0;min-height:72px;padding-inline:64px 16px}[dir=rtl].dilhocam-learning-shell-v1 .app-header{padding-inline:16px 64px}.dilhocam-learning-shell-v1.app-workspace>.mobile-quick-access-fab,.dilhocam-learning-shell-v1.app-workspace>.mobile-quick-access-fab.is-home-route{z-index:80;inset-block-start:max(15px,env(safe-area-inset-top));inset-block-end:auto;inset-inline-start:max(15px,env(safe-area-inset-left));inset-inline-end:auto;width:42px;height:42px;border:0;border-radius:7px;background:var(--accent);box-shadow:0 6px 18px #173f3529;transform:none}.dilhocam-learning-shell-v1.app-workspace>.mobile-quick-access-fab.is-subroute{inset-inline-start:auto;inset-inline-end:max(15px,env(safe-area-inset-right))}[dir=rtl].dilhocam-learning-shell-v1.app-workspace>.mobile-quick-access-fab,[dir=rtl].dilhocam-learning-shell-v1.app-workspace>.mobile-quick-access-fab.is-home-route{inset-inline-start:auto;inset-inline-end:max(15px,env(safe-area-inset-right))}[dir=rtl].dilhocam-learning-shell-v1.app-workspace>.mobile-quick-access-fab.is-subroute{inset-inline-start:max(15px,env(safe-area-inset-left));inset-inline-end:auto}.dilhocam-learning-shell-v1 .mobile-quick-access-panel{inset-block:12px;inset-inline:auto 12px;width:min(calc(100% - 24px),560px);max-height:calc(100dvh - 24px)}[dir=rtl].dilhocam-learning-shell-v1 .mobile-quick-access-panel{inset-inline:12px auto}.dilhocam-learning-shell-v1 .workspace-content{min-height:calc(100vh - 72px)}}@media(max-width:720px){.guided-trial-gateway.dilhocam-learning-shell-v1{grid-template-rows:auto auto minmax(0,1fr) auto;gap:24px;padding-block-start:12px}.guided-trial-gateway.dilhocam-learning-shell-v1>.standalone-theme-options{position:static;justify-self:end}.setup-screen.dilhocam-learning-shell-v1,.guided-trial-gateway.dilhocam-learning-shell-v1,.guided-trial-completion.dilhocam-learning-shell-v1,.guided-trial-stage.dilhocam-learning-shell-v1,.account-gateway.dilhocam-learning-shell-v1{width:min(calc(100% - 28px),600px)}.setup-screen.dilhocam-learning-shell-v1{padding-block:18px 44px}.setup-screen.dilhocam-learning-shell-v1 .setup-brand{min-height:64px;padding-inline-start:50px;padding-bottom:14px}[dir=rtl] .setup-screen.dilhocam-learning-shell-v1 .setup-brand{padding-inline-start:0;padding-inline-end:50px}.setup-screen.dilhocam-learning-shell-v1 .setup-brand img{width:46px;height:46px}.setup-screen.dilhocam-learning-shell-v1 .setup-brand-identity>div{display:none}.setup-screen.dilhocam-learning-shell-v1 .setup-content{gap:30px;padding-block:44px}.setup-screen.dilhocam-learning-shell-v1 .setup-heading h1{font-size:clamp(2rem,11vw,3rem)}.setup-screen.dilhocam-learning-shell-v1 .language-options{grid-template-columns:1fr}.setup-screen.dilhocam-learning-shell-v1 .language-option{min-height:96px;padding:20px}.dilhocam-learning-shell-v1 .app-header{padding-inline-end:14px}[dir=rtl].dilhocam-learning-shell-v1 .app-header{padding-inline-start:14px}.dilhocam-learning-shell-v1 .app-header:not(.route-home){padding-inline-start:14px;padding-inline-end:64px}[dir=rtl].dilhocam-learning-shell-v1 .app-header:not(.route-home){padding-inline-start:64px;padding-inline-end:14px}.dilhocam-learning-shell-v1 .route-context-label{display:none}.dilhocam-learning-shell-v1 .workspace-content{width:min(calc(100% - 28px),600px);padding-block:40px 108px}.dilhocam-learning-shell-v1 .view-heading{gap:12px;margin-bottom:32px}.dilhocam-learning-shell-v1 .view-heading h1{font-size:clamp(2.05rem,10vw,3rem)}.dilhocam-learning-shell-v1 .level-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dilhocam-learning-shell-v1 .level-card{min-height:188px;align-content:start;gap:16px;padding:18px;grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto 1fr}.dilhocam-learning-shell-v1 .level-card>span{width:58px;grid-column:1;font-size:1.45rem}.dilhocam-learning-shell-v1 .level-card>div{align-self:end;grid-column:1 / -1;grid-row:2}.dilhocam-learning-shell-v1 .level-card>svg{align-self:center;grid-column:2;grid-row:1}.dilhocam-learning-shell-v1 .level-card strong{font-size:.96rem}.dilhocam-learning-shell-v1 .level-card small{font-size:.75rem}.dilhocam-learning-shell-v1 .domain-grid,.dilhocam-learning-shell-v1 .scenario-grid,.dilhocam-learning-shell-v1 .mode-grid{gap:16px;grid-template-columns:1fr}.dilhocam-learning-shell-v1 .domain-card,.dilhocam-learning-shell-v1 .scenario-card{min-height:144px;gap:16px;padding:22px 18px;grid-template-columns:48px minmax(0,1fr) 18px}.dilhocam-learning-shell-v1 .domain-index,.dilhocam-learning-shell-v1 .scenario-card>span{width:48px;min-height:48px}.dilhocam-learning-shell-v1 .mode-card,.dilhocam-learning-shell-v1 .mode-card.is-primary{min-height:142px;gap:15px;padding:22px 18px;grid-column:auto}.dilhocam-learning-shell-v1 .mode-card.is-primary{min-height:166px}.dilhocam-learning-shell-v1 .mode-card:last-child{grid-column:auto}.dilhocam-learning-shell-v1 .mode-card.is-primary .mode-copy strong{font-size:1.35rem}.dilhocam-learning-shell-v1 .lesson-view{gap:22px}.dilhocam-learning-shell-v1 .lesson-topline{gap:18px;padding-bottom:22px}.dilhocam-learning-shell-v1 .lesson-topline h1{font-size:clamp(1.75rem,8vw,2.35rem)}.dilhocam-learning-shell-v1 .practice-chapter-tabs{gap:10px}.dilhocam-learning-shell-v1 .practice-chapter-tabs button,.dilhocam-learning-shell-v1 .practice-chapter-tabs button[aria-pressed=true],.dilhocam-learning-shell-v1 .practice-chapter-tabs button.is-active{min-height:68px;padding:12px 14px}.dilhocam-learning-shell-v1 .lesson-stage{min-height:260px;gap:24px;padding:32px 22px}.dilhocam-learning-shell-v1 .exercise-panel{gap:24px;padding:24px 18px}.dilhocam-learning-shell-v1 .dialogue-turn,[dir=rtl].dilhocam-learning-shell-v1 .dialogue-turn{min-height:148px;padding:68px 20px 24px}.dilhocam-learning-shell-v1 .mixed-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dilhocam-learning-shell-v1 .profile-overview{min-height:104px;padding-block:22px}.dilhocam-learning-shell-v1 .profile-tabs{margin-top:24px}.dilhocam-learning-shell-v1 .profile-panel .settings-band,.dilhocam-learning-shell-v1 .profile-panel.account-section{padding-block:24px}.dilhocam-learning-shell-v1 .mobile-quick-access-panel,.dilhocam-learning-shell-v1 .mixed-picker-dialog,.dilhocam-learning-shell-v1 .content-package-dialog,.dilhocam-learning-shell-v1 .audio-access-dialog,.dilhocam-learning-shell-v1 .context-guide-card,.dilhocam-learning-shell-v1 .feedback-dialog{gap:20px;padding:24px 20px}.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav{grid-template-columns:1fr}.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button,.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button.is-active,.dilhocam-learning-shell-v1 .mobile-quick-access-panel nav>button:last-child{min-height:82px;padding:15px}.dilhocam-learning-shell-v1 .dialog-backdrop{align-items:center;padding:16px}.dilhocam-learning-shell-v1 .content-package-dialog,.dilhocam-learning-shell-v1 .audio-access-dialog{transform:translateY(-32px)}}@media(max-width:390px){.dilhocam-learning-shell-v1 .level-card{min-height:178px;padding:16px}.dilhocam-learning-shell-v1 .pair-indicator strong{display:none}.dilhocam-learning-shell-v1 .profile-tabs button{padding-inline:6px;font-size:.78rem}.dilhocam-learning-shell-v1 .segmented-control button{font-size:.72rem}}@media(prefers-reduced-motion:no-preference){.dilhocam-learning-shell-v1 .level-card,.dilhocam-learning-shell-v1 .domain-card,.dilhocam-learning-shell-v1 .scenario-card,.dilhocam-learning-shell-v1 .mode-card,.dilhocam-learning-shell-v1 .language-option{transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}}