:root{color-scheme:light;--bleu:#0055a4;--blanc:#ffffff;--rouge:#ef4135;--blanc-band:#d7e4f2;--tricolore:linear-gradient(90deg,var(--bleu) 0 33.34%,var(--blanc-band) 33.34% 66.67%,var(--rouge) 66.67% 100%);--tricolore-y:linear-gradient(180deg,var(--bleu) 0 33.34%,var(--blanc-band) 33.34% 66.67%,var(--rouge) 66.67% 100%);--bg:#f4f7fb;--bg-glow-a:rgba(0,85,164,0.1);--bg-glow-b:rgba(239,65,53,0.08);--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#eaf0f7;--surface-inset:#f1f5fa;--border:#dce5ef;--border-strong:#bdcde0;--text:#10213a;--text-2:#43566f;--text-3:#71839b;--accent:#0055a4;--accent-hover:#00427f;--accent-fg:#ffffff;--accent-soft:#e5eff9;--accent-border:#b0cbe7;--correct:#0055a4;--correct-soft:#e5eff9;--correct-border:#9dc2e3;--danger:#c8201a;--danger-soft:#fdebe9;--danger-border:#f5b5b0;--shadow-sm:0 1px 2px rgba(15,35,65,0.05),0 1px 1px rgba(15,35,65,0.03);--shadow-md:0 12px 30px -16px rgba(15,35,65,0.24),0 2px 6px rgba(15,35,65,0.05);--shadow-lg:0 30px 70px -28px rgba(15,35,65,0.32),0 8px 22px -14px rgba(15,35,65,0.16);--ring:0 0 0 3px color-mix(in srgb,var(--accent) 26%,transparent);--r-sm:9px;--r-md:13px;--r-lg:17px;--r-xl:22px;--r-full:999px;--rail-w:272px;--panel-w:360px;--ease:cubic-bezier(0.22,0.8,0.28,1);--font:"Inter var",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--blanc-band:#eef4fc;--bg:#050b16;--bg-glow-a:rgba(0,85,164,0.34);--bg-glow-b:rgba(239,65,53,0.13);--surface:#0d1626;--surface-2:#121d31;--surface-3:#1a2740;--surface-inset:#091220;--border:#1d2c46;--border-strong:#31446b;--text:#eaf1fb;--text-2:#a6b6d0;--text-3:#7c8fb0;--accent:#4d97e8;--accent-hover:#74b0f0;--accent-fg:#03101f;--accent-soft:rgba(77,151,232,0.16);--accent-border:rgba(77,151,232,0.4);--correct:#4d97e8;--correct-soft:rgba(77,151,232,0.16);--correct-border:rgba(77,151,232,0.42);--danger:#ff6b60;--danger-soft:rgba(239,65,53,0.17);--danger-border:rgba(239,65,53,0.45);--shadow-sm:0 1px 2px rgba(0,0,0,0.45);--shadow-md:0 4px 16px -4px rgba(0,0,0,0.6),0 1px 3px rgba(0,0,0,0.45);--shadow-lg:0 24px 60px -18px rgba(0,0,0,0.75),0 2px 8px rgba(0,0,0,0.5)}}:root[data-theme=dark]{color-scheme:dark;--blanc-band:#eef4fc;--bg:#050b16;--bg-glow-a:rgba(0,85,164,0.34);--bg-glow-b:rgba(239,65,53,0.13);--surface:#0d1626;--surface-2:#121d31;--surface-3:#1a2740;--surface-inset:#091220;--border:#1d2c46;--border-strong:#31446b;--text:#eaf1fb;--text-2:#a6b6d0;--text-3:#7c8fb0;--accent:#4d97e8;--accent-hover:#74b0f0;--accent-fg:#03101f;--accent-soft:rgba(77,151,232,0.16);--accent-border:rgba(77,151,232,0.4);--correct:#4d97e8;--correct-soft:rgba(77,151,232,0.16);--correct-border:rgba(77,151,232,0.42);--danger:#ff6b60;--danger-soft:rgba(239,65,53,0.17);--danger-border:rgba(239,65,53,0.45);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 10px 30px -12px rgba(0,0,0,0.6),0 2px 6px rgba(0,0,0,0.4);--shadow-lg:0 40px 80px -28px rgba(0,0,0,0.8),0 4px 14px rgba(0,0,0,0.5)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 12% -8%,var(--bg-glow-a),transparent 62%),radial-gradient(900px 560px at 96% 4%,var(--bg-glow-b),transparent 58%),var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0;font-weight:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--ring)}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--r-full);background:var(--border-strong);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}::selection{background:color-mix(in srgb,var(--accent) 26%,transparent)}.app{height:100dvh;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);overflow:hidden;background-image:radial-gradient(1100px 720px at 4% -12%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 68%),radial-gradient(900px 620px at 102% 112%,color-mix(in srgb,#ef4135 7%,transparent),transparent 66%);background-attachment:fixed}.scrim{position:fixed;inset:0;z-index:40;background:rgba(6,12,22,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s var(--ease)}.scrim[hidden]{display:none}.rail{position:relative;height:100dvh;overflow:hidden;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:4px;gap:4px;padding:18px 14px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 88%,transparent));border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);box-shadow:10px 0 35px -34px rgba(16,33,58,.55)}.rail:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:2px;background:var(--tricolore-y);opacity:.8}.rail-head{gap:10px;padding:0 5px 16px}.brand,.rail-head{display:flex;align-items:center}.brand{gap:11px;min-width:0}.brand-mark{width:42px;height:42px;flex:none;display:block;border-radius:10px;box-shadow:0 8px 20px -12px rgba(0,85,164,.75)}.brand-text{min-width:0;display:grid}.brand-text strong{font-size:15.5px;font-weight:700;letter-spacing:-.02em}.brand-text small{color:var(--text-3);font-size:11.5px}.icon-button.rail-dismiss{display:none;margin-left:auto}.rail-nav{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-bottom:8px}.rail-label{padding:14px 9px 7px;font-weight:720}.rail-label,.rail-section-toggle{color:var(--text-3);font-size:10px;letter-spacing:.105em;text-transform:uppercase}.rail-section-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:8px 9px 5px;border:0;background:transparent;font-weight:760;text-align:left;cursor:pointer}.rail-section-toggle:hover{color:var(--text-2)}.rail-section-toggle>.icon:first-child{width:15px;height:15px;color:var(--accent)}.rail-section-toggle>span{flex:1 1}.rail-section-chevron{width:14px;height:14px;color:var(--text-3)}.nav-progress{display:grid;min-width:0;flex:1 1;grid-gap:5px;gap:5px}.nav-progress-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px}.nav-progress-value{flex:none;color:var(--text-3);font-size:9.5px;font-weight:680;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-progress-track{display:block;height:3px;overflow:hidden;border-radius:var(--r-full);background:color-mix(in srgb,var(--border) 75%,transparent)}.nav-progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#64d8b3));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 34%,transparent);transition:width .32s var(--ease)}.nav-item.is-active .nav-progress-value{color:color-mix(in srgb,var(--accent) 76%,var(--text-3))}.rail-nav .rail-label:first-child{padding-top:2px}.nav-group{display:grid;grid-gap:3px;gap:3px}.nav-item{position:relative;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);display:flex;align-items:center;gap:9px;width:100%;min-height:43px;padding:6px 9px 6px 7px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-2);font-size:13.5px;font-weight:500;text-align:left;transition:background .14s var(--ease),color .14s var(--ease)}.nav-item .icon{width:29px;height:29px;padding:6px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface) 68%,transparent);color:var(--text-3);transition:color .14s var(--ease),background .14s var(--ease),border-color .14s var(--ease),transform .14s var(--ease)}.nav-item:hover{border-color:color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text)}.nav-item:hover .icon{color:var(--text-2);transform:translateY(-1px)}@keyframes nav-icon-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(-2deg)}}.nav-item-lively .icon{animation:nav-icon-float 3.2s ease-in-out infinite}.nav-item-lively.is-active .icon,.nav-item-lively:hover .icon{animation-duration:1.7s}@media (prefers-reduced-motion:reduce){.nav-item-lively .icon{animation:none}}.nav-item.is-active{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:linear-gradient(105deg,var(--accent-soft),color-mix(in srgb,var(--surface) 72%,var(--accent-soft)));color:var(--accent);font-weight:650;box-shadow:0 8px 22px -18px color-mix(in srgb,var(--accent) 80%,transparent)}.nav-item.is-active .icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,transparent);background:color-mix(in srgb,var(--accent-soft) 76%,var(--surface))}.nav-item.is-active:before{content:"";position:absolute;left:-14px;top:50%;width:3px;height:20px;border-radius:0 var(--r-full) var(--r-full) 0;background:var(--accent);transform:translateY(-50%)}.nav-item-text{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{flex:none;min-width:22px;padding:2px 6px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-3);font-size:11px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.nav-item.is-active .badge{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.badge-danger:not(.is-zero){background:var(--danger-soft);color:var(--danger)}.rail-foot{min-width:0;display:grid;grid-gap:10px;gap:10px;padding-top:12px;border-top:1px solid var(--border);background:inherit}.rail-account-expand{display:none}.exam-picker{padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--border)}.exam-picker .rail-label{padding:0 2px 7px}.stepper{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-inset)}.stepper-button{display:grid;place-items:center;height:34px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);transition:background .13s var(--ease),color .13s var(--ease)}.stepper-button:hover:not(:disabled){background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.stepper-button:disabled{opacity:.35;cursor:not-allowed}.stepper-value{height:34px;min-width:0;padding:0 4px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:15px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;transition:background .13s var(--ease)}.stepper-value:hover{background:var(--surface-3)}.exam-levels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:3px;gap:3px;margin-top:6px}.exam-level{min-width:0;padding:5px 1px;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-3);background:transparent;font-size:9px;font-weight:750;cursor:pointer}.exam-level:hover{color:var(--text-2);background:var(--surface-2)}.exam-level.is-active{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}.exam-dialog-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,#05070d 52%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.exam-dialog{display:flex;flex-direction:column;gap:14px;width:min(620px,100%);max-height:min(88dvh,760px);padding:18px;border-radius:20px;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(34px) saturate(165%);backdrop-filter:blur(34px) saturate(165%);border:1px solid color-mix(in srgb,#ffffff 24%,transparent);box-shadow:0 32px 90px -20px rgb(2 8 20/.55),inset 0 1px 0 color-mix(in srgb,#ffffff 34%,transparent)}.exam-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exam-dialog-title{font-size:17px;font-weight:650;letter-spacing:-.01em}.exam-dialog-sub{margin-top:2px;color:var(--text-3);font-size:13px}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:8px;gap:8px;min-height:0;overflow-y:auto;padding:2px;list-style:none}.exam-cell{position:relative;display:grid;grid-gap:1px;gap:1px;width:100%;padding:9px 4px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color .13s var(--ease),background .13s var(--ease),transform .13s var(--ease)}.exam-cell:hover:not(.is-empty){border-color:var(--accent-border);background:var(--accent-soft);transform:translateY(-1px)}.exam-cell-number{font-size:17px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.exam-cell-count{color:var(--text-3);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exam-cell.is-current{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.exam-cell.is-empty{opacity:.45}.exam-cell.is-done .exam-cell-count{color:var(--accent);font-weight:650}.exam-cell-bar{position:absolute;right:8px;bottom:5px;left:8px;height:3px;border-radius:2px;background:var(--surface-3);overflow:hidden}.exam-cell-bar>span{display:block;height:100%;border-radius:2px;background:var(--accent)}.exam-dialog-note{color:var(--text-3);font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.exam-cell{transition:none}.exam-cell:hover:not(.is-empty){transform:none}}.speaking-trainer{width:min(860px,100%);margin-inline:auto;display:grid;grid-gap:16px;gap:16px;align-content:start}.speaking-workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;padding:5px;border:1px solid color-mix(in srgb,var(--border-strong) 62%,var(--border));border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface-inset) 82%,transparent);box-shadow:inset 0 1px 2px rgba(15,35,65,.035)}.speaking-workspace-tabs button{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:8px 12px;border:1px solid transparent;border-radius:calc(var(--r-lg) - 5px);background:transparent;color:var(--text-3);font:inherit;text-align:left;transition:background .14s var(--ease),border-color .14s var(--ease),box-shadow .14s var(--ease),color .14s var(--ease),transform .14s var(--ease)}.speaking-workspace-tabs button:hover:not(.is-active){color:var(--text-2);background:color-mix(in srgb,var(--surface) 48%,transparent)}.speaking-workspace-tabs button.is-active{border-color:var(--border);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.speaking-workspace-tabs .icon{width:21px;height:21px;flex:none}.speaking-workspace-tabs button>span{min-width:0;display:grid;grid-gap:1px;gap:1px}.speaking-workspace-tabs strong{color:currentColor;font-size:13.5px;font-weight:680}.speaking-workspace-tabs small{overflow:hidden;color:var(--text-3);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.trainer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.trainer-head p{margin-top:5px;color:var(--text-2);font-size:13.5px;line-height:1.5}.trainer-card,.trainer-history,.trainer-result{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.trainer-card{display:grid;grid-gap:10px;gap:10px;padding:20px}.trainer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px 9px;gap:14px 9px}.trainer-mic{display:grid;place-items:center;grid-column:1/-1;justify-self:center;width:82px;height:82px;padding:0;border:1px solid var(--accent-border);border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);cursor:pointer;transition:transform .13s var(--ease),background .13s var(--ease),box-shadow .13s var(--ease)}.trainer-mic:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.trainer-mic.is-listening{background:var(--rouge);color:#fff;border-color:transparent;animation:trainer-pulse 1.35s ease-in-out infinite}.trainer-mic:disabled{opacity:.45;cursor:not-allowed}.trainer-mic .icon{width:34px;height:34px}@keyframes trainer-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--rouge) 15%,transparent)}}.trainer-input{min-width:0;height:52px;padding:0 15px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:15px;outline:none;transition:border-color .13s var(--ease),box-shadow .13s var(--ease)}.trainer-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.trainer-submit{min-height:52px;white-space:nowrap}.trainer-submit .spinner{width:15px;height:15px}.trainer-empty,.trainer-error,.trainer-hint{color:var(--text-3);font-size:12.5px;line-height:1.5}.trainer-error{color:var(--danger)}.trainer-result{position:relative;padding:26px 28px;overflow:hidden}.trainer-result:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tricolore)}.trainer-result>span{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trainer-result p{margin:9px 0 8px;color:var(--text);font-size:clamp(23px,4vw,34px);font-weight:590;line-height:1.25;letter-spacing:-.02em}.trainer-history small,.trainer-result small{color:var(--text-3);font-size:12px}.trainer-result-remove{position:absolute;top:12px;right:12px}.trainer-history{padding:14px;border-radius:var(--r-lg)}.trainer-history ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:7px;gap:7px;margin-top:10px;list-style:none}.trainer-history li{position:relative;min-width:0;padding:9px 36px 10px 12px;border-radius:var(--r-md);border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--accent) 62%,var(--border));background:linear-gradient(120deg,var(--surface-2),color-mix(in srgb,var(--accent-soft) 32%,var(--surface)));transition:border-color .13s var(--ease),transform .13s var(--ease),box-shadow .13s var(--ease)}@media (hover:hover){.trainer-history li:hover{border-color:var(--accent-border);transform:translateY(-1px);box-shadow:var(--shadow-sm)}}.trainer-history li>div{min-width:0}.trainer-history-source{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-history-french{display:-webkit-box;margin-top:2px;overflow:hidden;color:var(--text);font-size:14px;font-weight:590;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.trainer-history-remove{position:absolute;top:5px;right:5px;width:28px;height:28px;opacity:.45}.trainer-history li:hover .trainer-history-remove,.trainer-history-remove:focus-visible{opacity:1}@media (max-width:680px){.speaking-workspace-tabs{gap:4px;padding:4px}.speaking-workspace-tabs button{min-height:48px;gap:7px;padding:7px 9px}.speaking-workspace-tabs .icon{width:18px;height:18px}.speaking-workspace-tabs strong{font-size:12.5px}.speaking-workspace-tabs small{font-size:9.5px}.trainer-form{grid-template-columns:minmax(0,1fr);gap:12px}.trainer-mic{grid-column:1;width:88px;height:88px}.trainer-input{height:48px}.trainer-submit{grid-column:1;min-height:46px}.trainer-result{padding:22px 20px}.trainer-history{padding:12px}.trainer-history ol{grid-template-columns:minmax(0,1fr)}}.speaking-test{width:min(860px,100%);margin-inline:auto;display:grid;grid-gap:14px;gap:14px;align-content:start}.speaking-test-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.speaking-test-head p{margin-top:5px;color:var(--text-2);font-size:13.5px}.speaking-test-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.speaking-test-modes button{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-2);font:inherit;text-align:left;cursor:pointer;transition:border-color .13s var(--ease),background .13s var(--ease),transform .13s var(--ease)}.speaking-test-modes button:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-1px)}.speaking-test-modes button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.speaking-levels button:disabled,.speaking-test-modes button:disabled{cursor:default;opacity:.6}.speaking-test-modes .icon{width:22px;height:22px;flex:0 0 auto}.speaking-test-modes button>span{min-width:0;display:grid;grid-gap:1px;gap:1px}.speaking-test-modes strong{color:currentColor;font-size:13px}.speaking-test-modes small{color:var(--text-3);font-size:10.5px}.speaking-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px}.speaking-levels button{display:grid;grid-gap:1px;gap:1px;justify-items:center;padding:8px 6px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);cursor:pointer;transition:border-color .13s var(--ease),background .13s var(--ease),transform .13s var(--ease)}.speaking-levels button:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-1px)}.speaking-levels button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.speaking-levels strong{font-size:14px}.speaking-levels small{color:var(--text-3);font-size:10.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.speaking-level-progress{height:4px;overflow:hidden;border-radius:var(--r-full);background:var(--surface-3)}.speaking-level-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .26s var(--ease)}.speaking-test-card{position:relative;display:grid;justify-items:center;grid-gap:18px;gap:18px;padding:22px 26px 20px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg)}.speaking-test-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tricolore)}.speaking-test-card.is-passed{border-color:color-mix(in srgb,var(--correct) 42%,var(--border))}.speaking-test-meta{width:100%;display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:11.5px}.speaking-test-meta .level-chip{margin-right:auto}.speaking-test-prompt{max-width:27ch;color:var(--text);font-size:clamp(24px,4.4vw,38px);font-weight:620;line-height:1.2;letter-spacing:-.025em;text-align:center;text-wrap:balance}.speaking-open-prompt{max-width:680px;display:grid;justify-items:center;grid-gap:7px;gap:7px;text-align:center}.speaking-open-prompt>span{padding:3px 8px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.speaking-open-prompt .speaking-test-prompt{max-width:32ch;font-size:clamp(22px,3.8vw,34px)}.speaking-open-prompt small{max-width:54ch;color:var(--text-3);font-size:12px;line-height:1.4}.speaking-test-mic{display:grid;place-items:center;align-content:center;grid-gap:7px;gap:7px;width:132px;height:132px;padding:14px;border:1px solid var(--accent-border);border-radius:50%;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:11.5px;font-weight:650;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 12px 28px -18px var(--accent);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.speaking-test-mic:hover:not(:disabled){transform:translateY(-2px) scale(1.015);box-shadow:0 18px 36px -18px var(--accent)}.speaking-test-mic .icon{width:35px;height:35px}.speaking-test-mic.is-recording{border-color:transparent;background:var(--rouge);color:#fff;animation:trainer-pulse 1.35s ease-in-out infinite}.speaking-test-mic:disabled{opacity:.55;cursor:default}.speaking-test-error{text-align:center}.speaking-verdict{width:min(650px,100%);display:grid;grid-gap:10px;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.speaking-verdict.is-passed{border-color:color-mix(in srgb,var(--correct) 42%,var(--border));background:color-mix(in srgb,var(--correct-soft) 58%,var(--surface))}.speaking-verdict.is-try-again{border-color:var(--danger-border);background:color-mix(in srgb,var(--danger-soft) 50%,var(--surface))}.speaking-verdict-title{display:flex;align-items:center;gap:7px;color:var(--text)}.speaking-verdict-title .icon{width:18px;height:18px}.speaking-verdict.is-passed .speaking-verdict-title{color:var(--correct)}.speaking-verdict.is-try-again .speaking-verdict-title{color:var(--danger)}.speaking-verdict>p{color:var(--text-2);font-size:13px;line-height:1.5}.speaking-verdict dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.speaking-verdict dl>div{min-width:0;padding:8px 10px;border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 72%,transparent)}.speaking-verdict dt{margin-bottom:2px;color:var(--text-3);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.speaking-verdict dd{color:var(--text);font-size:13.5px;font-weight:550;line-height:1.4}.speaking-test-nav{width:100%;display:flex;justify-content:space-between;gap:10px;padding-top:2px}.speaking-test-note{color:var(--text-3);font-size:11.5px;line-height:1.5;text-align:center}@media (max-width:600px){.speaking-test-head{display:grid;grid-gap:5px;gap:5px}.speaking-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.speaking-test-modes button{gap:8px;padding:9px 10px}.speaking-test-modes .icon{width:18px;height:18px}.speaking-test-card{gap:15px;padding:18px 15px 15px}.speaking-test-prompt{font-size:clamp(23px,7.4vw,31px)}.speaking-test-mic{width:122px;height:122px}.speaking-verdict dl{grid-template-columns:minmax(0,1fr)}.speaking-test-nav .button{flex:1 1;justify-content:center}}.rail-status{display:flex;align-items:center;gap:7px;padding:0 2px;color:var(--text-3);font-size:12px}.status-dot{width:7px;height:7px;flex:none;border-radius:var(--r-full);background:var(--text-3);transition:background .2s var(--ease)}.status-dot.is-ready{background:var(--correct);box-shadow:0 0 0 3px color-mix(in srgb,var(--correct) 18%,transparent)}.status-dot.is-error{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}.main{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.main.has-notice{grid-template-rows:auto auto auto minmax(0,1fr)}.subscription-notice{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:43px;padding:8px 46px 10px;background:linear-gradient(100deg,var(--accent) 0,color-mix(in srgb,var(--accent) 82%,#7d2ff0) 55%,color-mix(in srgb,var(--accent) 70%,var(--rouge)) 100%);color:#ffffff}.subscription-notice:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(to right,var(--bleu) 0 33.33%,#ffffff 33.33% 66.66%,var(--rouge) 66.66% 100%)}.subscription-notice p{min-width:0;font-size:13.5px;font-weight:650;letter-spacing:-.005em;line-height:1.35;text-align:center;text-wrap:balance;animation:quip-in .42s var(--ease) both}@keyframes quip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.subscription-notice p{animation:none}}@media (max-width:640px){.subscription-notice p{font-size:13.5px}}.notice-dismiss{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:28px;height:28px;flex:none;border-color:rgb(255 255 255/.35);background:rgb(255 255 255/.14);color:#ffffff}.notice-dismiss:hover{background:rgb(255 255 255/.22);color:#ffffff}.notice-dismiss span{font-size:20px;line-height:1;transform:translateY(-1px)}.topbar{display:flex;align-items:center;gap:10px;min-width:0;height:60px;padding:0 22px;border-bottom:1px solid var(--border);position:relative}.topbar:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button.topbar-menu{display:none}.language-picker{position:relative;flex:none}.language-picker,.language-trigger{display:inline-flex;align-items:center}.language-trigger{gap:8px;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-1);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;font-size:12px;font-weight:750;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.language-picker.is-open .language-trigger,.language-trigger:hover{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.language-trigger svg{width:14px;height:14px;color:var(--text-3);transition:transform .15s ease}.language-picker.is-open .language-trigger svg{transform:rotate(180deg)}.language-flag{font-size:17px;line-height:1}.language-menu{position:absolute;z-index:50;top:calc(100% + 8px);left:0;min-width:178px;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg,0 14px 35px rgb(15 23 42/18%));animation:language-menu-in .14s ease-out}@keyframes language-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text-1);cursor:pointer;text-align:left}.language-option:hover{background:var(--surface-2)}.language-option.is-selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.language-option>svg{width:15px;height:15px;margin-left:auto}.language-option-copy{display:grid;grid-gap:2px;gap:2px}.language-option-copy strong{font-size:12px}.language-option-copy small{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.04em}.language-picker select{border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:11px;font-weight:750;letter-spacing:.03em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar-spacer{flex:1 1}.topbar-section-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:11px;background:linear-gradient(145deg,var(--surface),var(--accent-soft));color:var(--accent);box-shadow:var(--shadow-sm)}.topbar-section-mark .icon{width:17px;height:17px}.leaderboard-trigger{display:inline-flex;align-items:center;gap:7px;height:34px;flex:none;padding:0 11px;border:1px solid color-mix(in srgb,#d59b22 34%,var(--border));border-radius:var(--r-full);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#f4bf42 12%,var(--surface)));color:var(--text-2);box-shadow:var(--shadow-sm);font-family:inherit;font-size:12.5px;font-weight:650;cursor:pointer;transition:border-color .14s var(--ease),transform .14s var(--ease),background .14s var(--ease)}.leaderboard-trigger:hover{border-color:color-mix(in srgb,#d59b22 62%,var(--border));background:color-mix(in srgb,#f4bf42 13%,var(--surface));transform:translateY(-1px)}.leaderboard-trigger .icon{width:16px;height:16px;color:#c28712}.leaderboard-trigger>strong{min-width:21px;padding:2px 6px;border-radius:var(--r-full);background:color-mix(in srgb,#f4bf42 18%,var(--surface-3));color:color-mix(in srgb,#9b6500 82%,var(--text));font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.leaderboard-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:rgb(6 17 31/.56);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .16s var(--ease) both}.leaderboard-dialog{width:min(620px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--border-strong) 80%,transparent);border-radius:22px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 30px 90px -24px rgb(0 15 35/.55);color:var(--text);text-align:left;animation:dialog-in .21s var(--ease) both}.leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 14px}.leaderboard-title-wrap{display:flex;align-items:center;gap:12px}.leaderboard-title-wrap h2{margin-top:2px;font-size:21px;letter-spacing:-.025em}.leaderboard-trophy{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,#d59b22 36%,var(--border));border-radius:13px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#f4bf42 30%,var(--surface)));color:#a76d00;box-shadow:0 8px 24px -16px #9b6500}.leaderboard-trophy .icon{width:22px;height:22px}.leaderboard-score-card{position:relative;display:flex;align-items:center;gap:16px;margin:0 22px 14px;padding:15px 17px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:16px;background:linear-gradient(120deg,var(--accent-soft),color-mix(in srgb,#f4bf42 10%,var(--surface)))}.leaderboard-score-card>div{display:flex;align-items:baseline;gap:5px;min-width:108px}.leaderboard-score-card>div>span{position:absolute;top:11px;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leaderboard-score-card>div strong{padding-top:10px;color:var(--accent);font-size:27px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.04em}.leaderboard-score-card>div small,.leaderboard-score-card>p{color:var(--text-3);font-size:11.5px;line-height:1.45}.leaderboard-score-card>p{flex:1 1}.leaderboard-rank{flex:none;padding:5px 9px;border-radius:var(--r-full);background:var(--surface);color:var(--accent);font-size:11px;font-weight:720;box-shadow:var(--shadow-sm)}.leaderboard-name{display:grid;grid-gap:6px;gap:6px;padding:0 22px 14px}.leaderboard-name label{color:var(--text-3);font-size:11px;font-weight:650}.leaderboard-name>div{display:flex;gap:8px}.leaderboard-name input{min-width:0;height:36px;flex:1 1;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-inset);color:var(--text);font:inherit;font-size:13px;outline:none}.leaderboard-name input:focus{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.leaderboard-join{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 22px 14px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.leaderboard-join p{color:var(--text-3);font-size:12px;line-height:1.4}.leaderboard-error{margin:0 22px 12px;padding:8px 10px;border-radius:9px;background:var(--danger-soft);color:var(--danger);font-size:12px}.leaderboard-table-wrap{min-height:0;flex:1 1;overflow-y:auto;margin:0 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.leaderboard-list>li,.leaderboard-table-head{display:grid;grid-template-columns:58px minmax(0,1fr) 72px;align-items:center;grid-gap:10px;gap:10px}.leaderboard-table-head{position:-webkit-sticky;position:sticky;z-index:1;top:0;padding:9px 13px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 94%,transparent);color:var(--text-3);font-size:9.5px;font-weight:720;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leaderboard-table-head span:last-child{text-align:right}.leaderboard-list{list-style:none}.leaderboard-list>li{min-height:55px;padding:7px 13px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.leaderboard-list>li:last-child{border-bottom:0}.leaderboard-list>li.is-me{background:linear-gradient(90deg,var(--accent-soft),transparent)}.leaderboard-place{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.leaderboard-place .icon{width:15px;height:15px}.leaderboard-place.is-1{color:#c28712}.leaderboard-place.is-2{color:#8993a3}.leaderboard-place.is-3{color:#b06f42}.leaderboard-person{min-width:0;display:grid;grid-gap:2px;gap:2px}.leaderboard-person>strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-person small{color:var(--text-3);font-size:10.5px}.leaderboard-points{color:var(--accent);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.leaderboard-empty{display:flex;min-height:110px;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:12.5px}.leaderboard-foot{padding:10px 22px 14px;color:var(--text-3);font-size:10.5px;text-align:center}.crumbs{display:grid;grid-gap:0;gap:0;min-width:0;overflow:hidden;line-height:1.25}.crumb-current{font-size:13.5px;font-weight:680;letter-spacing:-.015em}.crumb-current,.crumb-muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-muted{color:var(--text-3);font-size:10.5px;font-weight:520}.rail-nav .nav-item:has(use[href="#i-reading"]) .icon{color:#2f6fd0}.rail-nav .nav-item:has(use[href="#i-listening"]) .icon{color:#7b5cd6}.rail-nav .nav-item:has(use[href="#i-writing"]) .icon{color:#d98324}.rail-nav .nav-item:has(use[href="#i-speaking"]) .icon{color:#1f9d8f}.rail-nav .nav-item:has(use[href="#i-flashcards"]) .icon{color:#4a63c8}.rail-nav .nav-item:has(use[href="#i-vocabulary"]) .icon{color:#2f9e5e}.rail-nav .nav-item:has(use[href="#i-dictation"]) .icon{color:#c2528f}.rail-nav .nav-item:has(use[href="#i-grammar"]) .icon{color:#0d8b73}.rail-nav .nav-item:has(use[href="#i-mistakes"]) .icon{color:#d4553f}.rail-nav .nav-item:has(use[href="#i-memes"]) .icon{color:#d99a1f}.rail-nav .nav-item:has(use[href="#i-video"]) .icon{color:#ff0033}.icon-button{display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-2);transition:background .13s var(--ease),color .13s var(--ease),border-color .13s var(--ease)}.icon-button:hover{border-color:var(--border);background:var(--surface);color:var(--text)}#themeToggle .icon-sun,:root[data-theme=dark] #themeToggle .icon-moon,:root[data-theme=dark] #themeToggle .icon-sun{display:none}:root[data-theme=dark] #themeToggle .icon-sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #themeToggle .icon-moon{display:none}:root:not([data-theme=light]) #themeToggle .icon-sun{display:block}}.progress-track{display:flex;height:3px;background:var(--surface-3)}.progress-seg{width:0;transition:width .32s var(--ease)}.progress-seg.is-correct{background:var(--correct)}.progress-seg.is-wrong{background:var(--rouge)}.stage{min-height:0;display:grid;padding:clamp(18px,2.2vw,28px)}.view{display:none;min-width:0;min-height:0}.view.is-active{display:grid;animation:view-reveal .22s var(--ease) both}@keyframes view-reveal{0%{opacity:0;transform:translateY(3px)}}.dictation>.library-head,.grammar>.library-head,.memes>.library-head,.mistakes>.library-head,.page-head,.speaking-test-head,.trainer-head,.youtube>.library-head{align-items:flex-end;min-height:58px;padding-inline:2px}.page-eyebrow{margin-bottom:3px;color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.115em;line-height:1.3;text-transform:uppercase}.page-title{color:var(--text);font-size:clamp(25px,3vw,34px);font-weight:720;line-height:1.08;letter-spacing:-.035em}.page-subtitle{max-width:60ch;margin-top:6px;color:var(--text-3);font-size:12.5px;line-height:1.45}.view-comprehensible,.view-dictation,.view-flashcards,.view-grammar,.view-memes,.view-mistakes,.view-speaking-test,.view-speaking-trainer,.view-vocabulary,.view-youtube{overflow-y:auto;align-content:start}.ci-levels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ci-grid{display:grid;grid-gap:16px;gap:16px}.ci-card{padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.ci-card-meta{display:flex;gap:8px;color:var(--text-3);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.ci-card h3{margin:8px 0 4px;color:var(--text);font-size:22px}.ci-summary{margin:0 0 16px;color:var(--text-2)}.ci-text{max-width:760px;margin:0;color:var(--text);font-size:17px;line-height:1.8}.ci-vocab{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.ci-vocab span{padding:5px 9px;border-radius:var(--r-full);background:var(--accent-soft);font-size:12px}.ci-source,.ci-vocab span{color:var(--accent);font-weight:700}.ci-source{display:inline-block;margin-top:16px;font-size:13px;text-decoration:none}.ci-source:hover{text-decoration:underline}.chinese-text{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px}.chinese-text small{color:var(--text-3);font-size:.72em;font-weight:600;letter-spacing:.02em}.theater-backdrop{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:12px;background:color-mix(in srgb,#05070d 52%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.theater{display:grid;grid-template-areas:"head" "video" "side";grid-template-rows:auto auto minmax(0,1fr);grid-gap:14px;gap:14px;width:min(1400px,100%);max-height:min(96dvh,1150px);padding:16px;border-radius:20px;background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(34px) saturate(165%);backdrop-filter:blur(34px) saturate(165%);border:1px solid color-mix(in srgb,#ffffff 24%,transparent);box-shadow:0 32px 90px -20px rgb(2 8 20/.55),inset 0 1px 0 color-mix(in srgb,#ffffff 34%,transparent)}.theater-head{grid-area:head;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.theater-title{font-size:16px;font-weight:650;line-height:1.35}.theater-sub{margin-top:2px;color:var(--text-3);font-size:12.5px}.theater-frame{grid-area:video;position:relative;width:min(100%,calc(58dvh * 16 / 9));aspect-ratio:16/9;min-height:0;margin-inline:auto;overflow:hidden;border-radius:var(--r-md);background:#000}.theater-embed{position:absolute;inset:0;width:100%;height:100%;border:0}.theater-side{grid-area:side;display:flex;flex-direction:column;gap:6px;width:min(100%,calc(58dvh * 16 / 9));margin-inline:auto;min-height:0}.theater-side>.theater-now,.theater-side>.theater-transcript{flex:1 1;min-height:0}.theater-side>.theater-cta{flex:none}.theater-cta{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding-top:4px;text-align:center}.theater-note{color:var(--text-3);font-size:12.5px;line-height:1.5}.theater-transcript-head{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}@keyframes line-rise{0%{opacity:0;transform:translateY(20px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes line-fall{0%{opacity:0;transform:translateY(-20px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}.theater-now{--line-ease:cubic-bezier(0.16,1,0.3,1)}.theater-now.is-forward .theater-now-line{animation:line-rise .46s var(--line-ease) both}.theater-now.is-back .theater-now-line{animation:line-fall .46s var(--line-ease) both}.theater-now.is-forward .theater-now-near{animation:line-rise .52s var(--line-ease) 80ms both}.theater-now.is-back .theater-now-near{animation:line-fall .52s var(--line-ease) 80ms both}.theater-now{display:grid;align-content:center;grid-gap:10px;gap:10px;min-height:0;padding:6px 2px}.theater-now-line{position:relative;display:block}.theater-now-line .theater-at{position:absolute;top:.4em;left:0}.theater-now-said{font-size:clamp(17px,2.1vw,21px);font-weight:500}.theater-now-near,.theater-now-said{line-height:1.5;text-align:center;padding-inline:48px}.theater-now-near{min-height:1lh}.theater-now-idle,.theater-now-near{color:var(--text-3);font-size:13.5px}.theater-now-idle{text-align:center}.theater-modes{display:inline-flex;gap:2px;padding:2px;border-radius:var(--r-full);background:var(--surface-2)}.theater-mode{padding:3px 10px;border:0;border-radius:var(--r-full);background:none;color:var(--text-3);font-size:11.5px;cursor:pointer}.theater-mode.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.theater-transcript-tools{display:flex;align-items:baseline;gap:12px}.theater-follow{padding:0;border:0;background:none;color:var(--accent);font-size:12px;cursor:pointer}.theater-follow.is-on{color:var(--text-3);cursor:default}.theater-transcript{min-height:0;overflow-y:auto;margin:0;padding:0 6px 0 0;display:grid;grid-gap:2px;gap:2px;list-style:none;scroll-padding-block:40%}.theater-line{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;padding:7px 8px;border-radius:var(--r-sm);color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.theater-line.is-now{background:var(--surface-2);color:var(--text)}.theater-at{padding:0;border:0;background:none;color:var(--text-3);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.9;cursor:pointer}.theater-at:hover,.theater-line.is-now .theater-at{color:var(--accent)}.theater-said{font-size:14.5px;line-height:1.65}.transcript-pinyin{display:block;margin-top:3px;color:var(--text-3);font-size:.78em;font-weight:600;letter-spacing:.02em;line-height:1.4}.yt-done{padding:2px 8px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2)}.youtube{width:100%;max-width:1220px;margin-inline:auto}.youtube-hint{margin-top:4px;color:var(--text-3);font-size:13px}.yt-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.yt-add-input{flex:1 1;min-width:220px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:14px}.yt-add-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.yt-add-error{flex-basis:100%;color:var(--danger);font-size:12.5px}.yt-list{display:grid;grid-gap:18px;gap:18px;margin-top:16px}@media (min-width:760px){.yt-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1160px){.yt-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.yt-card{display:grid;grid-gap:10px;gap:10px;min-width:0}.yt-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-3);box-shadow:var(--shadow-sm);transition:transform .26s var(--ease),box-shadow .26s var(--ease)}.yt-card:hover .yt-frame{transform:translateY(-3px);box-shadow:var(--shadow-md)}.yt-thumb{transition:transform .42s var(--ease)}.yt-card:hover .yt-thumb{transform:scale(1.04)}.yt-embed,.yt-play{position:absolute;inset:0;width:100%;height:100%;border:0}.yt-play{display:grid;place-items:center;padding:0;background:none;cursor:pointer}.yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt-play-mark{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:var(--r-full);background:color-mix(in srgb,#0b1220 72%,transparent);color:#fff;box-shadow:var(--shadow-lg);transition:transform .14s var(--ease),background .14s var(--ease)}.yt-play:hover .yt-play-mark{transform:scale(1.06);background:#ef4135}.yt-play-mark .icon{width:24px;height:24px}.yt-length{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:var(--r-sm);background:rgb(0 0 0/.78);color:#fff;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.5}.yt-title{font-size:14.5px;font-weight:620;line-height:1.4}.yt-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;color:var(--text-3);font-size:12.5px}.yt-accent{padding:2px 8px;border:1px solid var(--border);border-radius:var(--r-full)}.quip{padding:10px 14px;border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--text-2);font-size:13.5px;font-style:italic;line-height:1.5}.support{display:flex;flex-direction:column;gap:16px;max-width:620px;margin:0 auto;padding:48px 20px 64px}.support-back{align-self:flex-start;color:var(--text-3);font-size:13.5px;font-weight:600;text-decoration:none}.support-back:hover{color:var(--accent)}.support-title{font-size:30px;font-weight:660;letter-spacing:-.02em}.support-lede{color:var(--text-2);font-size:16px;line-height:1.6}.support-mail{align-self:flex-start;padding:12px 18px;border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:650;text-decoration:none;word-break:break-word}.support-mail:hover{background:var(--accent);color:var(--accent-fg)}.support-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-3);font-size:12.5px;line-height:1.55}.account-support{text-decoration:none}.speech-problem{margin-top:6px;color:var(--danger);font-size:12px;line-height:1.45}.yt-shared{padding:2px 8px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-weight:600}.yt-card-actions{display:flex;flex-wrap:wrap;gap:8px}.yt-share{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:600;transition:border-color .13s var(--ease),background .13s var(--ease),color .13s var(--ease)}.yt-card-actions .yt-share,.yt-share{margin-top:9px}.dictation-writing{display:grid;grid-gap:14px;gap:14px}.dictation-sentence-with-blank{line-height:2.3}.dictation-input-inline{width:145px;min-height:34px;padding:4px 9px;margin:0 5px;vertical-align:baseline;font-size:16px}.dictation-input-row{display:flex;align-items:center;gap:10px}.dictation-input{width:min(280px,100%);min-height:42px;padding:9px 13px;border:1px solid var(--border-strong,var(--border));border-radius:10px;background:var(--surface);color:var(--text-1);font:inherit;font-size:18px;font-weight:650;outline:none}.dictation-input::placeholder{color:var(--text-3);opacity:.75}.dictation-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.dictation-input.is-correct{border-color:var(--success,#16a34a);background:color-mix(in srgb,#16a34a 8%,var(--surface))}.dictation-input.is-wrong{border-color:var(--danger,#dc2626);background:color-mix(in srgb,#dc2626 8%,var(--surface))}.dictation-correction{margin:0;color:var(--text-2);font-size:14px}@media (max-width:560px){.dictation-input-row{align-items:stretch;flex-direction:column}.dictation-input{width:100%}}.yt-share.is-on,.yt-share:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.yt-share:disabled{opacity:.65}.yt-share .icon{width:14px;height:14px}.button.button-small{min-height:30px;padding:0 11px;font-size:13px}.button.button-small .icon{width:14px;height:14px}.transcript-hidden{display:grid;justify-items:start;grid-gap:10px;gap:10px;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2)}.transcript-hidden-note{color:var(--text-3);font-size:13.5px;line-height:1.5}.qimage{margin:0 0 14px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);line-height:0}.qimage img{display:block;width:100%;height:auto}.assist{display:grid;grid-gap:10px;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}.assist-row{display:flex;flex-wrap:wrap;gap:8px}.assist-panel{padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.assist-panel .pane-title{margin-bottom:6px}.assist-text{color:var(--text-2);font-size:14.5px;line-height:1.65;white-space:pre-wrap}.assist-thread{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.assist-turn{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.assist-q{color:var(--text);font-size:13.5px;font-weight:600}.assist-a{color:var(--text-2);font-size:14px;line-height:1.6;white-space:pre-wrap}.assist-ask{display:flex;gap:8px}.assist-input{flex:1 1;min-width:0;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:14px}.assist-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.buy-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,#05070d 62%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.buy-modal{display:grid;justify-items:center;grid-gap:14px;gap:14px;width:100%;max-width:340px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg,0 20px 50px rgb(0 0 0/.3));text-align:center}.buy-head{display:flex;align-items:center;justify-content:space-between;width:100%}.buy-amount{display:grid;grid-gap:2px;gap:2px}.buy-amount strong{font-size:22px;font-weight:650}.buy-amount span{color:var(--text-3);font-size:13px}.buy-qr{padding:12px;border-radius:var(--r-md);background:#ffffff;line-height:0}.buy-note{color:var(--text-3);font-size:12.5px;line-height:1.5}.buy-error{color:var(--danger);font-size:13px;line-height:1.5}.buy-paid,.buy-waiting{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.buy-paid{color:var(--correct);font-weight:600}.dictation{width:100%;max-width:760px;margin-inline:auto}.dictation-card{display:grid;grid-gap:14px;gap:14px;padding:22px;margin-top:12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.dictation-ask{color:var(--text-3);font-size:13px}.dictation-word{font-size:clamp(30px,7vw,44px);font-weight:650;letter-spacing:.02em;line-height:1.15;word-break:break-word}.dictation-blank{padding:0 2px;color:var(--accent)}.dictation-sentence{padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-2);font-size:14.5px;line-height:1.6}.dictation-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--text-3);font-size:12.5px}@media (max-width:560px){.dictation-foot .hint-part{display:none}}.writing-practice{width:min(1180px,100%);height:100%;min-height:0;margin-inline:auto;grid-template-rows:auto minmax(0,1fr);gap:16px}.writing-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-inline:2px}.writing-intro .eyebrow{margin:0 0 5px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.writing-intro h1{margin:0;color:var(--text);font-size:clamp(25px,3vw,37px);letter-spacing:-.035em;line-height:1.08}.writing-intro p:not(.eyebrow){max-width:680px;margin:8px 0 0;color:var(--text-2);font-size:13.5px;line-height:1.5}.writing-rule{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--accent-border);border-radius:var(--r-full);color:var(--accent);background:var(--accent-soft);font-size:11.5px;font-weight:750}.writing-rule .icon{width:15px;height:15px}.writing-workspace{min-height:0;display:grid;grid-template-columns:265px minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-strong) 70%,var(--border));border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg)}.writing-personas{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 85%,var(--surface))}.writing-personas-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 11px;color:var(--text);font-size:12px}.writing-personas-head span{color:var(--text-3);font-size:10.5px;font-weight:700}.writing-persona-list{min-height:0;overflow-y:auto;padding:0 9px 12px;scrollbar-width:thin}.writing-persona{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 8px;border:1px solid transparent;border-radius:12px;color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease),transform .14s var(--ease)}.writing-persona:hover{background:var(--surface)}.writing-persona.is-active{border-color:var(--accent-border);background:var(--surface);box-shadow:var(--shadow-sm)}.writing-avatar{position:relative;overflow:hidden;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--persona) 76%,white),var(--persona));box-shadow:0 5px 12px color-mix(in srgb,var(--persona) 25%,transparent);font-size:10px;font-weight:850;letter-spacing:.04em}.writing-avatar>span{position:relative;z-index:0}.writing-avatar img{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover}.writing-avatar.is-large{width:46px;height:46px;border-radius:14px;font-size:11px}.writing-persona-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.writing-persona-copy strong{font-size:12.5px}.writing-persona-copy small{overflow:hidden;color:var(--text-3);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.writing-level{padding:3px 6px;border-radius:var(--r-full);color:var(--accent);background:var(--accent-soft);font-size:9.5px;font-weight:800}.writing-chat{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.writing-chat-head{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--surface-2))}.writing-chat-head h2{margin:0;font-size:15px}.writing-chat-head h2 span{margin-left:5px;color:var(--accent);font-size:10px}.writing-chat-head p{overflow:hidden;margin:3px 0 0;color:var(--text-3);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.writing-mission{display:flex;align-items:flex-start;gap:8px;margin:0 0 2px;padding:9px 12px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--text-2);font-size:13px;line-height:1.45}.writing-mission .icon{width:15px;height:15px;flex:none;margin-top:1px;color:var(--text-3)}.writing-mission.is-solved{border-style:solid;border-color:var(--correct-border);background:var(--correct-soft);color:var(--text);font-weight:600}.writing-mission.is-solved .icon{color:var(--correct)}.writing-messages{min-height:0;overflow-y:auto;padding:22px clamp(16px,3vw,34px);background:radial-gradient(650px 300px at 90% 0,color-mix(in srgb,var(--accent) 5%,transparent),transparent 72%),var(--surface-inset);scrollbar-width:thin}.writing-exchange{display:contents}.writing-message{width:-moz-fit-content;width:fit-content;max-width:min(76%,660px);margin-bottom:14px;padding:11px 14px;border:1px solid var(--border);border-radius:6px 17px 17px 17px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.writing-message.is-learner{margin-left:auto;border-color:color-mix(in srgb,var(--accent) 68%,var(--border));border-radius:17px 6px 17px 17px;color:var(--accent-fg);background:var(--accent)}.writing-message-name{display:block;margin-bottom:4px;color:var(--text-3);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.writing-message.is-learner .writing-message-name{color:color-mix(in srgb,var(--accent-fg) 72%,transparent)}.writing-correction p,.writing-message>p{margin:0;font-size:13.5px;line-height:1.55;white-space:pre-wrap}.writing-fix{padding:0 3px;border-radius:4px;background:color-mix(in srgb,#f0a020 34%,transparent);color:inherit;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.writing-correction-note{margin-top:7px;color:var(--text-3);font-size:12.5px;line-height:1.5}.writing-correction{margin:11px -2px -1px;padding:10px 11px;border:1px solid var(--correct-border);border-radius:10px;color:var(--text-2);background:var(--correct-soft)}.writing-correction strong{display:flex;align-items:center;gap:5px;margin-bottom:4px;color:var(--correct);font-size:9.5px;letter-spacing:.055em;text-transform:uppercase}.writing-correction .icon{width:13px;height:13px}.writing-correction p{font-size:12px}.writing-message.is-typing{display:flex;gap:4px;padding-block:15px}.writing-message.is-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:writing-dot .9s ease-in-out infinite alternate}.writing-message.is-typing span:nth-child(2){animation-delay:.15s}.writing-message.is-typing span:nth-child(3){animation-delay:.3s}@keyframes writing-dot{to{transform:translateY(-4px);opacity:.45}}.writing-composer{padding:13px 16px 11px;border-top:1px solid var(--border);background:var(--surface)}.writing-compose-row{display:flex;align-items:stretch;gap:9px}.writing-compose-row textarea{min-width:0;flex:1 1;resize:none;padding:11px 13px;border:1px solid var(--border-strong);border-radius:12px;color:var(--text);background:var(--surface-2);font:inherit;font-size:13px;line-height:1.45;outline:none}.writing-compose-row textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.writing-correct{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;gap:5px;padding:0 12px;border:1px solid var(--accent-border);border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:750;cursor:pointer}.writing-correct:hover:not(:disabled){background:var(--accent);color:var(--accent-fg)}.writing-correct:disabled{opacity:.45;cursor:not-allowed}.writing-correct .icon{width:15px;height:15px}.writing-draft-correction{margin-bottom:9px;padding:9px 11px;border:1px solid var(--accent-border);border-radius:10px;background:var(--accent-soft);color:var(--text-2);font-size:12px}.writing-draft-correction strong{display:flex;align-items:center;gap:5px;color:var(--accent)}.writing-draft-correction strong .icon{width:14px;height:14px}.writing-draft-correction p{margin:4px 0 0;line-height:1.45}.writing-send{align-self:stretch;display:flex;align-items:center;width:50px;justify-content:center;padding:0;border:0;border-radius:12px;color:var(--accent-fg);background:var(--accent);font-weight:750;cursor:pointer}.writing-send:hover:not(:disabled){background:var(--accent-hover)}.writing-send:disabled{opacity:.45;cursor:not-allowed}.writing-send .icon{width:16px;height:16px}.writing-hint{margin:7px 2px 0;color:var(--text-3);font-size:9.5px}.writing-error{margin:0 0 9px;padding:8px 10px;border:1px solid var(--danger-border);border-radius:9px;color:var(--danger);background:var(--danger-soft);font-size:11px}@media (max-width:860px){.writing-practice{height:auto;min-height:0}.writing-intro{align-items:flex-start}.writing-workspace{grid-template-columns:minmax(0,1fr);overflow:visible}.writing-personas{border-right:0;border-bottom:1px solid var(--border)}.writing-personas-head{padding:12px 14px 8px}.writing-persona-list{display:flex;gap:7px;overflow-x:auto;padding:0 12px 11px}.writing-persona{width:185px;flex:0 0 185px}.writing-chat{height:auto;min-height:0}.writing-messages{min-height:190px;max-height:min(42dvh,360px)}}@media (max-width:560px){.writing-practice{gap:12px}.writing-intro h1{font-size:25px}.writing-intro p:not(.eyebrow){font-size:12px}.writing-personas-head,.writing-rule{display:none}.writing-persona-list{padding-top:10px}.writing-chat{height:auto;min-height:0}.writing-chat-head{padding:11px 12px}.writing-chat-head p{display:none}.writing-messages{padding:16px 12px}.writing-message{max-width:88%}.writing-composer{padding:10px}.writing-send{width:45px}.writing-hint{font-size:8.5px}}.grammar{width:min(980px,100%);margin-inline:auto;display:grid;grid-gap:16px;gap:16px}.grammar>.library-head,.lesson{position:relative}.grammar-group{display:grid;grid-gap:8px;gap:8px}.grammar-group .rail-label{padding-inline:2px}.grammar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:10px;gap:10px}.grammar-card{display:grid;grid-gap:7px;gap:7px;min-height:104px;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),var(--surface)),var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow-sm);transition:border-color .13s var(--ease),transform .13s var(--ease),box-shadow .13s var(--ease)}.grammar-card:hover{border-color:color-mix(in srgb,#0d8b73 42%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-md)}.grammar-card.is-done{border-color:var(--correct-border);background:var(--correct-soft)}.grammar-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.grammar-card-title{min-width:0;font-size:15px;font-weight:680;line-height:1.25}.grammar-card-score{flex:none;padding:2px 7px;border-radius:var(--r-full);background:color-mix(in srgb,var(--correct) 14%,transparent);color:var(--correct);font-size:11.5px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grammar-card-score.is-part{background:var(--surface-3);color:var(--text-3)}.grammar-card-sub{color:var(--text-2);font-size:13px;line-height:1.4}.lesson{display:grid;grid-gap:16px;gap:16px;padding:22px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.lesson:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tricolore)}.lesson-back{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px 0 8px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);color:var(--text-2);font-size:13px}.lesson-back:hover{border-color:var(--accent-border);color:var(--accent)}.lesson-head{display:grid;grid-gap:5px;gap:5px}.lesson-level{justify-self:start;padding:2px 8px;border-radius:var(--r-full);background:color-mix(in srgb,#0d8b73 14%,transparent);color:#0d8b73;font-size:11px;font-weight:750}.lesson-title{max-width:760px;font-size:clamp(28px,5vw,48px);font-weight:760;line-height:1.05}.lesson-hook,.lesson-subtitle{max-width:760px;color:var(--text-2);font-size:16px;line-height:1.65}.lesson-hook{padding:14px 16px;border-left:3px solid #0d8b73;border-radius:0 var(--r-md) var(--r-md) 0;background:color-mix(in srgb,#0d8b73 7%,transparent)}.lesson-drills,.lesson-pitfall,.lesson-point{display:grid;grid-gap:10px;gap:10px;padding-top:4px}.lesson-point-head{font-size:17px;font-weight:700}.lesson-body{max-width:780px;color:var(--text-2);font-size:15px;line-height:1.7}.lesson-examples{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.example{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.example-fr{color:var(--text);font-size:16px;font-weight:650;line-height:1.5}.example-en{color:var(--text-2);font-size:14px}.example-note{color:var(--text-3);font-size:12.5px;font-style:italic}.lesson-pitfall{padding:14px;border:1px solid var(--danger-border);border-radius:var(--r-md);background:var(--danger-soft)}.pitfall-right,.pitfall-wrong{display:flex;gap:8px;align-items:baseline;font-size:15px;font-weight:650;line-height:1.45}.pitfall-wrong{color:var(--danger)}.pitfall-right{color:var(--correct)}.pitfall-mark{flex:none;width:18px;font-weight:800;text-align:center}.lesson-drills{padding-top:16px;border-top:1px solid var(--border)}.lesson-drills-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.drill-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.drill{display:grid;grid-gap:10px;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.drill-prompt{font-size:15px;font-weight:680}.drill-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.drill-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:42px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-align:left}.drill-option:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft)}.drill-option:disabled{cursor:default}.drill-option.is-right{border-color:var(--correct-border);background:var(--correct-soft);color:var(--correct)}.drill-option.is-wrong{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.drill-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-3);font-size:12px;font-weight:750}.drill-option.is-right .drill-mark{background:var(--correct);color:var(--accent-fg)}.drill-option.is-wrong .drill-mark{background:var(--danger);color:#ffffff}.drill-why{padding:10px 12px;border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:13.5px;line-height:1.55}.drill-why.is-right{background:var(--correct-soft);color:var(--correct)}.lesson-nav{display:flex;justify-content:flex-start;padding-top:4px}@media (max-width:700px){.grammar-list{grid-template-columns:1fr}.lesson{gap:14px;padding:18px 14px;border-radius:var(--r-lg)}.lesson-title{font-size:30px}.lesson-hook,.lesson-subtitle{font-size:15px}.drill-options{grid-template-columns:1fr}}.reader{position:relative;width:100%;max-width:1280px;min-height:0;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid color-mix(in srgb,var(--border-strong) 72%,var(--border));border-radius:var(--r-xl);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 34%,var(--surface)));box-shadow:var(--shadow-lg);overflow:hidden}.reader:before,.study-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tricolore);z-index:1}.reader-head{justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.reader-head,.reader-heading{display:flex;align-items:center}.reader-heading{gap:12px;min-width:0}.qbadge{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--accent-soft));color:var(--accent);font-size:15px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reader-heading-text{min-width:0}.reader-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:620;letter-spacing:-.01em}.reader-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-chip{flex:none;padding:1px 7px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-3);color:var(--text-3);font-size:10.5px;font-weight:650;letter-spacing:.05em}.level-chip[hidden]{display:none}.reader-sub{color:var(--text-3);font-size:12.5px}.reader-nav{display:flex;gap:8px;flex:none}.reader-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr)}.pane{min-height:0;overflow-y:auto;padding:24px 27px 30px;overscroll-behavior:contain}.pane-answer{border-left:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 78%,var(--surface))}.pane-title{margin-bottom:12px;color:var(--text-3);font-size:11px;font-weight:720;letter-spacing:.1em;text-transform:uppercase}.pane-position{display:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pane-position:before{content:"·";margin:0 6px}.prose{font-size:15.5px;line-height:1.68;white-space:pre-wrap;overflow-wrap:break-word}.prose-translated{display:grid;grid-gap:12px;gap:12px;white-space:normal}.sentence-pair{display:grid;grid-gap:3px;gap:3px}.sentence-fr{color:var(--text);font-size:15.5px;line-height:1.62}.sentence-en{padding-left:12px;border-left:2px solid var(--border);color:var(--text-3);font-size:13px;line-height:1.5}.sentence-en-extra{margin-top:2px}.prose-question{font-size:16px;font-weight:550;line-height:1.55;letter-spacing:-.005em}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 13px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:610;box-shadow:var(--shadow-sm);transition:background .13s var(--ease),border-color .13s var(--ease),color .13s var(--ease),transform .13s var(--ease)}.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3);color:var(--text);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{border-color:transparent;background:var(--accent);color:var(--accent-fg);font-weight:600;box-shadow:0 9px 20px -12px color-mix(in srgb,var(--accent) 78%,transparent)}.button-primary:hover:not(:disabled){border-color:transparent;background:var(--accent-hover);color:var(--accent-fg)}.button-ghost{background:transparent;box-shadow:none}.button-danger{color:var(--danger)}.button-danger:hover:not(:disabled){border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.button:disabled{opacity:.42;cursor:not-allowed}.options{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.option{display:grid;grid-template-columns:26px minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:start;padding:12px 14px;border:1px solid color-mix(in srgb,var(--border-strong) 64%,var(--border));border-radius:var(--r-md);background:var(--surface);font-size:14.5px;line-height:1.5;cursor:pointer;box-shadow:0 1px 2px rgba(15,35,65,.035);transition:border-color .13s var(--ease),background .13s var(--ease),transform .13s var(--ease),box-shadow .13s var(--ease)}.option:hover{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent-soft) 32%,var(--surface));transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-key{display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--border-strong) 58%,transparent);border-radius:8px;background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:650;transition:background .13s var(--ease),color .13s var(--ease)}.option.is-correct{border-color:var(--correct-border);background:var(--correct-soft)}.option.is-correct .option-key{background:var(--correct);color:var(--surface)}.option.is-wrong{border-color:var(--danger-border);background:var(--danger-soft)}.option.is-wrong .option-key{background:var(--danger);color:var(--surface)}.option.is-selected{box-shadow:var(--shadow-md),0 0 0 1px currentColor}.option.is-selected.is-correct{color:var(--correct)}.option.is-selected.is-wrong{color:var(--danger)}.option.is-revealed:not(.is-selected){opacity:.92}.option[aria-disabled=true]{cursor:default}.option-text{color:var(--text);padding-top:1px}.option-mark{display:grid;place-items:center;width:22px;height:22px;align-self:center;border-radius:var(--r-full)}.option-mark .icon{width:14px;height:14px;stroke-width:2.6}.option.is-correct .option-mark{color:var(--correct)}.option.is-wrong .option-mark{color:var(--danger)}.question-score{display:flex;align-items:center;gap:7px;margin-top:3px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-inset);color:var(--text-3);font-size:11.5px}.question-score .icon{width:15px;height:15px}.question-score strong{color:var(--text-2)}.question-score span{margin-left:auto}.question-score.is-earned{border-color:color-mix(in srgb,#d59b22 34%,var(--border));background:color-mix(in srgb,#f4bf42 10%,var(--surface))}.question-score.is-earned .icon,.question-score.is-earned strong{color:#b27808}.question-score-note{margin-top:2px;color:var(--text-3);font-size:10.5px;text-align:right}.prompt-complete{justify-content:center;width:100%;margin-top:10px}.prompt-complete.is-complete{border-color:var(--correct-border);background:var(--correct-soft);color:var(--correct);opacity:1}.empty,.empty-options{padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface-inset);color:var(--text-3);font-size:13.5px}.empty.is-hidden{display:none}.hint{display:flex;flex-wrap:wrap;margin-top:18px;color:var(--text-3);font-size:12px}.hint,.hint-part{align-items:center;gap:5px}.hint-part{display:inline-flex}.hint-part[hidden]{display:none}.hint-sep{color:var(--border-strong)}kbd{display:inline-grid;place-items:center;min-width:20px;height:19px;padding:0 5px;border:solid var(--border-strong);border-width:1px 1px 2px;border-radius:5px;background:var(--surface);color:var(--text-2);font-family:var(--font);font-size:11px;font-weight:600}.audio{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--shadow-sm)}.audio[hidden]{display:none}.audio-button{display:grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:0;border-radius:var(--r-full);background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 12px -3px color-mix(in srgb,var(--accent) 55%,transparent);transition:transform .13s var(--ease),background .13s var(--ease)}.audio-button:hover{background:var(--accent-hover);transform:scale(1.04)}.audio-button .icon{width:17px;height:17px}.audio-button .icon-play{margin-left:2px;fill:currentColor;stroke:none}.audio-button .icon-pause{display:none;stroke-width:2.4}.audio-button.is-playing .icon-play{display:none}.audio-button.is-playing .icon-pause{display:block}.audio-body{min-width:0;flex:1 1;display:grid;grid-gap:5px;gap:5px}.audio-range{--progress:0%;width:100%;height:6px;padding:0;border-radius:var(--r-full);background:linear-gradient(90deg,var(--accent) var(--progress),var(--surface-3) var(--progress));-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.audio-range::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-full);background:transparent}.audio-range::-webkit-slider-thumb{width:13px;height:13px;margin-top:-3.5px;border:0;border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 0 3px var(--surface-2),0 2px 6px rgba(0,0,0,.25);-webkit-appearance:none;appearance:none}.audio-range::-moz-range-track{height:6px;border-radius:var(--r-full);background:transparent}.audio-range::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 0 3px var(--surface-2)}.audio-meta{display:flex;justify-content:space-between;gap:10px;color:var(--text-3);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#questionAudio{display:none}.word-token{display:inline;padding:0 1px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:inherit;transition:background .11s var(--ease),color .11s var(--ease)}.word-token.is-said{color:var(--accent);background:var(--accent-soft);text-shadow:0 0 .4px currentColor,0 0 .4px currentColor}.word-token:focus-visible,.word-token:hover{background:var(--accent-soft);color:var(--accent);box-shadow:none}.translation-popover{position:fixed;z-index:130;width:min(280px,calc(100vw - 24px));display:none;gap:4px;padding:13px 14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .14s var(--ease)}.translation-popover.is-visible{display:grid}.popover-head{display:flex;align-items:center;gap:8px}.popover-word{font-size:15px;font-weight:650;letter-spacing:-.01em}.popover-say{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--text-3);cursor:pointer}.popover-say:hover{color:var(--accent);background:var(--surface-2)}.popover-say .icon{width:15px;height:15px}.popover-translation{color:var(--text-2);font-size:13.5px;line-height:1.45}.popover-translation.is-pending{color:var(--text-3);font-style:italic}.popover-add{margin-top:8px;min-height:32px;width:100%;border:1px solid transparent;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-fg);font-size:13px;font-weight:600;transition:background .13s var(--ease)}.popover-add:hover:not(:disabled){background:var(--accent-hover)}.popover-add:disabled{background:var(--surface-3);color:var(--text-3);cursor:not-allowed}.study{width:100%;max-width:860px;margin-inline:auto;display:grid;grid-gap:14px;gap:14px;align-content:start}.study-card{position:relative;display:grid;grid-gap:12px;gap:12px;place-items:center;align-content:center;min-height:268px;padding:34px 28px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);color:var(--text);text-align:center;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .18s var(--ease),border-color .18s var(--ease)}.study-card:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-2px)}.study-card:disabled{cursor:default;border-style:dashed;background:color-mix(in srgb,var(--surface) 55%,transparent);box-shadow:none}.study-card.is-empty .study-face{display:none}.study-card.is-empty .study-word{color:var(--text-2);font-size:21px;font-weight:550;letter-spacing:-.01em}.study-face{padding:3px 11px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.study-word{max-width:100%;font-size:clamp(30px,5.4vw,52px);font-weight:620;line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere}.study-hint{max-width:56ch;color:var(--text-2);font-size:14px;line-height:1.55}.study-source{color:var(--text-3);font-size:12px}.study-controls{display:grid;grid-template-columns:1fr minmax(0,1.6fr) 1fr;grid-gap:8px;gap:8px}.study-controls .button{min-height:42px}.study-secondary{display:flex;justify-content:center}.library{display:grid;grid-gap:12px;gap:12px;margin-top:10px;padding:18px;border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 55%,transparent)}.library-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-head .pane-title{margin:0}.count{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-full);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text-3);font-size:11.5px;font-weight:620;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.card{position:relative;display:grid;grid-gap:4px;gap:4px;padding:14px 15px;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 52%,var(--surface)));color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .13s var(--ease),transform .13s var(--ease),box-shadow .13s var(--ease)}.card:hover{border-color:var(--accent-border);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card.is-active{border-color:var(--accent);background:var(--accent-soft)}.card-word{padding-right:26px;font-size:15px;font-weight:620;letter-spacing:-.01em}.card-translation{color:var(--text-2);font-size:13px;font-style:normal}.card-source{margin-top:3px;color:var(--text-3);font-size:11px}.card-remove{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);opacity:0;transition:opacity .13s var(--ease),background .13s var(--ease),color .13s var(--ease)}.card-remove:focus-visible,.card:hover .card-remove{opacity:1}.card-remove:hover{background:var(--danger-soft);color:var(--danger)}.card-remove .icon{width:14px;height:14px}.mistakes{width:100%;max-width:860px;margin-inline:auto;display:grid;grid-gap:14px;gap:14px;align-content:start}.mistake-card,.mistake-list{display:grid;grid-gap:12px;gap:12px}.mistake-card{padding:16px 18px;border:1px solid var(--border);border-left:3px solid var(--rouge);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.mistake-meta{color:var(--text-3);font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.mistake-question{font-size:15px;font-weight:550;line-height:1.5}.mistake-answers{display:grid;grid-gap:7px;gap:7px}.mistake-answer{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:9px;gap:9px;align-items:baseline;padding:9px 12px;border:1px solid transparent;border-radius:var(--r-sm);font-size:13.5px;line-height:1.45}.mistake-answer strong{font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mistake-answer.is-wrong{border-color:var(--danger-border);background:var(--danger-soft)}.mistake-answer.is-wrong strong{color:var(--danger)}.mistake-answer.is-correct{border-color:var(--correct-border);background:var(--correct-soft)}.mistake-answer.is-correct strong{color:var(--correct)}.mistake-actions{display:flex;flex-wrap:wrap;gap:8px}.toast{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text-2);font-size:13px;transition:opacity .26s var(--ease),transform .26s var(--ease)}.toast.is-done{opacity:0;transform:translateY(8px);pointer-events:none}.toast.is-error{border-color:var(--danger-border);color:var(--danger)}.spinner{width:15px;height:15px;flex:none;border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:var(--r-full);animation:spin .75s linear infinite}.toast.is-error .spinner{display:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.975)}}@keyframes question-in{0%{opacity:0;transform:translateY(6px)}}.reader-body.is-entering .pane{animation:question-in .22s var(--ease)}@media (max-width:1100px){:root{--rail-w:232px}.reader-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.pane-answer{border-left:0;border-top:1px solid var(--border)}}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.rail{position:fixed;z-index:50;inset:0 auto 0 0;width:min(288px,84vw);background:var(--surface);box-shadow:var(--shadow-lg);transform:translateX(-101%);transition:transform .24s var(--ease)}.app.is-rail-open .rail{transform:translateX(0)}.icon-button.rail-dismiss,.icon-button.topbar-menu{display:grid}.app{height:auto;min-height:100dvh;overflow:visible}.main{grid-template-rows:auto auto auto;align-content:start}.main.has-notice{grid-template-rows:auto auto auto auto}.subscription-notice{justify-content:flex-start;min-height:44px;padding:8px 10px 8px 14px}.subscription-notice p{font-size:12.5px;text-align:left}.topbar{top:0}.progress-track,.topbar{position:-webkit-sticky;position:sticky;z-index:30}.progress-track{top:60px}.stage{padding:14px;overflow-x:clip;overflow-y:visible}.view.is-active{align-content:start}.reader{grid-template-rows:auto 1fr;min-height:calc(100dvh - 92px);touch-action:pan-y;transform:translate3d(var(--swipe-x,0),0,0) scale(var(--swipe-scale,1));transform-origin:center;will-change:transform}.reader.is-dragging{box-shadow:0 30px 70px -20px rgba(0,20,45,.5),0 3px 10px rgba(0,20,45,.16)}.reader.is-travelling{transition:transform .21s cubic-bezier(.25,.6,.2,1)}.reader.is-springing{transition:transform .34s cubic-bezier(.28,1.3,.5,1)}.reader-body{grid-template-rows:auto 1fr}.pane{overflow:visible;padding:16px 16px 20px}.reader-head{display:none}.pane-title{margin-bottom:8px}.pane-position{display:inline}.prose{font-size:14.5px;line-height:1.6}.prose-question{font-size:15px}.options{gap:6px;margin-top:10px}.option{grid-template-columns:24px minmax(0,1fr) auto;gap:9px;padding:9px 11px;font-size:13.5px}.option-key{width:22px;height:22px}}@media (max-width:560px){.crumbs{font-size:13px}.topbar{padding:0 12px;gap:6px}.stage{padding:10px}.pane{padding:13px 13px 18px}.prose{font-size:14px}.prose-question{font-size:14.5px}.option{padding:8px 10px;font-size:13px}.study-controls{grid-template-columns:1fr 1fr}.study-flip{grid-column:1/-1;order:-1}.hint{display:none}.card-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.account{display:grid;grid-gap:6px;gap:6px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.account-email{overflow:hidden;color:var(--text-2);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.account-identity{min-width:0;display:grid;justify-items:start;grid-gap:2px;gap:2px}.account-signout{padding:0;border:0;background:transparent;color:var(--text-3);font:inherit;font-size:10.5px;cursor:pointer}.account-signout:hover{color:var(--danger);text-decoration:underline}.account-signin{justify-content:center;width:100%}.auth-link{justify-self:start;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:12.5px;cursor:pointer}.auth-link:hover:not(:disabled){text-decoration:underline}.auth-link:disabled{color:var(--text-3);cursor:default}.auth-scrim{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(6,12,22,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s var(--ease)}.auth-dialog{position:relative;width:min(380px,100%);padding:26px 24px 24px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .16s var(--ease)}.auth-close{position:absolute;top:12px;right:12px}.auth-title{margin-bottom:6px;font-size:18px;font-weight:650;letter-spacing:-.01em}.auth-sub{margin-bottom:18px;color:var(--text-3);font-size:13.5px;line-height:1.5}.auth-input{width:100%;margin-bottom:10px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:15px}.auth-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-code{font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.34em;text-align:center}.auth-submit{justify-content:center;width:100%}.auth-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.auth-error{margin-top:12px;color:var(--danger);font-size:12.5px;line-height:1.45}.icon-button.rail-collapse{display:none;margin-left:auto}@media (min-width:861px){.icon-button.rail-collapse{display:grid}.app{transition:grid-template-columns .2s var(--ease)}.app.is-rail-collapsed{--rail-w:68px}.app.is-rail-collapsed .rail{padding-inline:10px}.app.is-rail-collapsed .account-email,.app.is-rail-collapsed .account-signout,.app.is-rail-collapsed .auth-link,.app.is-rail-collapsed .badge,.app.is-rail-collapsed .brand,.app.is-rail-collapsed .nav-item-text,.app.is-rail-collapsed .nav-progress,.app.is-rail-collapsed .rail-label,.app.is-rail-collapsed .rail-section-chevron,.app.is-rail-collapsed .rail-section-toggle>span,.app.is-rail-collapsed .rail-status span:last-child,.app.is-rail-collapsed .stepper-button{display:none}.app.is-rail-collapsed .rail-head{justify-content:center;padding-inline:0}.app.is-rail-collapsed .icon-button.rail-collapse{margin-left:0}.app.is-rail-collapsed .nav-item,.app.is-rail-collapsed .rail-section-toggle{justify-content:center;padding-inline:0}.app.is-rail-collapsed .exam-picker{padding-bottom:8px}.app.is-rail-collapsed .exam-levels{display:none}.app.is-rail-collapsed .stepper{grid-template-columns:minmax(0,1fr);padding:3px}.app.is-rail-collapsed .stepper-value{height:30px;font-size:14px}.app.is-rail-collapsed .account{display:none}.app.is-rail-collapsed .rail-account-expand{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:12px;color:var(--accent);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.app.is-rail-collapsed .rail-account-expand .icon{width:18px;height:18px}.app.is-rail-collapsed .account-signin{width:40px;padding:0}.app.is-rail-collapsed .account-signin span{display:none}.app.is-rail-collapsed .rail-status{justify-content:center}}.vocab{width:100%;max-width:760px;margin-inline:auto}.vocab-controls{display:grid;grid-gap:10px;gap:10px;margin:14px 0 16px}.vocab-scope{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:550;transition:border-color .13s var(--ease),background .13s var(--ease),color .13s var(--ease)}.chip:hover{color:var(--text)}.chip.is-active,.chip:hover{border-color:var(--accent-border)}.chip.is-active{background:var(--accent-soft);color:var(--accent)}.vocab-toggle{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:13px;cursor:pointer}.vocab-toggles{display:flex;flex-wrap:wrap;gap:16px}.chip:disabled{opacity:.4;cursor:not-allowed}.deck{grid-gap:12px;gap:12px;margin-top:4px}.deck,.vocab-card{position:relative;display:grid}.vocab-card{grid-gap:14px;gap:14px;padding:26px 24px 22px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.vocab-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tricolore)}.vocab-card.is-known{border-color:var(--correct-border);background:var(--correct-soft)}.vocab-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--text-3);font-size:11.5px;font-weight:620;letter-spacing:.07em;text-transform:uppercase}.vocab-card-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.vocab-card-word{justify-self:start;padding:0;border:0;background:none;color:var(--text);font-size:40px;font-weight:660;letter-spacing:-.02em;line-height:1.1;text-align:left}button.vocab-card-word:hover{color:var(--accent)}.vocab-card-example{color:var(--text-2);font-size:15px;line-height:1.6}.vocab-card-example mark{padding:0 2px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-weight:600}.vocab-card-actions{display:flex;flex-wrap:wrap;gap:8px}.vocab-card-known{margin-left:auto}.vocab-card.is-peek{gap:8px;padding:16px 24px 18px;opacity:.55;box-shadow:var(--shadow-sm);pointer-events:none}.vocab-card.is-peek .vocab-card-word{font-size:22px;color:var(--text-2)}.deck-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.deck-position{color:var(--text-3);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (min-width:861px){.vocab-card:not(.is-peek){min-height:300px;grid-template-rows:auto auto minmax(0,1fr) auto}.vocab-card-example{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.vocab-card-actions{align-self:end}}@media (max-width:860px){.vocab-card.is-peek{display:none}.vocab-card{touch-action:none;transform:translate3d(0,var(--card-y,0),0) scale(var(--card-scale,1));will-change:transform}.vocab-card:has(.zro-buy){transform:none;will-change:auto}.vocab-card.is-dragging{box-shadow:0 26px 60px -18px rgba(0,20,45,.45)}.vocab-card.is-travelling{transition:transform .2s cubic-bezier(.25,.6,.2,1)}.vocab-card.is-springing{transition:transform .32s cubic-bezier(.28,1.3,.5,1)}.vocab-card-word{font-size:34px}}@media (max-width:560px){.vocab-card{padding:20px 18px 18px}.vocab-card-word{font-size:30px}}.memes{width:100%;max-width:760px;min-height:0;margin-inline:auto;display:grid;grid-template-rows:auto auto auto;align-content:start}.memes-source{color:var(--text-3);text-decoration:none}.memes-source:hover{color:var(--accent);text-decoration:underline}.meme-card{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .13s var(--ease),transform .13s var(--ease),box-shadow .13s var(--ease)}@media (hover:hover) and (pointer:fine){.meme-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}}.meme-image{position:relative;display:block;min-height:0;background:var(--surface-3)}.meme-image img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}.meme-meta{display:grid;grid-gap:3px;gap:3px;padding:11px 13px 13px}.meme-title{color:var(--text);font-size:14px;font-weight:550;line-height:1.4}.meme-link,.meme-title{text-decoration:none}.meme-link:hover{color:var(--accent);text-decoration:underline}.meme-credit{color:var(--text-3);font-size:12px}.memes-hint{max-width:60ch;padding-top:16px;color:var(--text-3);font-size:12.5px;line-height:1.6}@media (max-width:860px){.meme-card{touch-action:pinch-zoom;transform:translate3d(0,var(--card-y,0),0) scale(var(--card-scale,1));will-change:transform}.meme-card.is-dragging{box-shadow:0 26px 60px -18px rgba(0,20,45,.45)}.meme-card.is-travelling{transition:transform .2s cubic-bezier(.25,.6,.2,1)}.meme-card.is-springing{transition:transform .32s cubic-bezier(.28,1.3,.5,1)}.meme-image img{pointer-events:none}}.view-memes{overflow-y:auto;overflow-x:clip;align-content:stretch}.memes .deck{display:grid;grid-template-rows:auto auto auto;grid-gap:10px;gap:10px;min-height:0;margin-top:12px}.meme-card{height:min(62vh,560px);min-height:320px}.memes-hint{padding-top:10px;font-size:11.5px}@media (max-width:860px){.memes{min-height:calc(100dvh - 104px)}}.tokens{display:flex;flex:none;align-items:center;gap:6px;height:34px;padding:0 4px 0 12px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-sm);white-space:nowrap}.zro-buy{position:relative;flex:none}.zro-buy>summary{list-style:none}.zro-buy>summary::-webkit-details-marker{display:none}.token-plus{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:18px;font-weight:600;line-height:22px;font-family:inherit;cursor:pointer;transition:background .13s var(--ease)}.token-plus:hover{background:var(--accent-hover)}.token-purchase-menu{position:absolute;z-index:20;top:calc(100% + 9px);right:0;width:220px;display:grid;grid-gap:9px;gap:9px;padding:13px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg)}.token-purchase-title{margin:0;color:var(--text);font-size:12px;font-weight:800}.token-amount-label{display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 7px;border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-3);background:var(--surface-2);font-size:9px;font-weight:800;letter-spacing:.03em}.token-amount-label input{width:47px;padding:0;border:0;color:var(--text);background:transparent;font:inherit;font-size:11px;font-weight:750;outline:none}.token-amount-label input::-webkit-inner-spin-button,.token-amount-label input::-webkit-outer-spin-button{margin:0}.token-amount-label input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.token-amount-preview{margin:-3px 0 0;color:var(--text-3);font-size:9px;white-space:nowrap}.token-amount-error{margin:-3px 0 0;color:var(--danger);font-size:9px}.token-buy{display:grid;place-items:center;height:27px;padding:0 9px;border:0;border-radius:var(--r-full);background:var(--accent);color:var(--accent-fg);font-size:10px;font-weight:800;font-family:inherit;cursor:pointer;transition:background .13s var(--ease)}.token-buy:hover{background:var(--accent-hover)}.token-buy.is-disabled{opacity:.45;cursor:not-allowed}.token-badge{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:13px;white-space:nowrap}.token-badge strong{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:560px){.token-badge-label{display:none}}.meme-explain{padding:0 13px 13px}.meme-explain .button{width:100%;justify-content:center}.wordpanel-error{padding-top:8px;color:var(--danger);font-size:12.5px}.pane-vocab{display:grid;justify-items:start;grid-gap:4px;gap:4px;padding-top:14px;margin-top:4px;border-top:1px solid var(--border)}.pane-vocab .wordpanel{width:100%}.wordpanel{padding:16px 18px;margin-top:10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-2);font-size:14.5px;line-height:1.65;white-space:pre-wrap}.wordpanel .pane-title{margin-bottom:8px}.wordpanel-explanation{margin-bottom:14px;color:var(--text-2);font-size:14.5px;line-height:1.6}.assist-working,.wordpanel.is-working{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:13.5px}.assist-working{padding:10px 2px}.wordpanel-list{display:grid;grid-gap:2px;gap:2px;margin:0;padding:0;list-style:none}.wordpanel-row{display:grid;grid-template-columns:auto minmax(0,auto) minmax(0,1fr);align-items:baseline;grid-gap:8px;gap:8px;padding:5px 6px;border-radius:var(--r-sm)}.wordpanel-row:not(:has(.wordpanel-say)){grid-template-columns:minmax(0,auto) minmax(0,1fr)}.wordpanel-say{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--r-sm);background:none;color:var(--text-3);cursor:pointer;align-self:center}.wordpanel-say:hover{color:var(--accent);background:var(--surface-3)}.wordpanel-say .icon{width:14px;height:14px}.wordpanel-row:hover{background:var(--surface-2)}.wordpanel-fr{padding:0;border:0;background:none;color:var(--text);font-size:14.5px;font-weight:600;text-align:left}.wordpanel-fr:hover{color:var(--accent);text-decoration:underline}.wordpanel-en{color:var(--text-2);font-size:14px}.wordpanel-note{grid-column:-2;color:var(--text-3);font-size:12.5px;font-style:italic}.wordpanel-hint{padding-top:10px;color:var(--text-3);font-size:12px}:is(.trainer-card,.trainer-result,.trainer-history,.speaking-test-card,.dictation-card,.grammar-card,.lesson,.vocab-card,.yt-card,.meme-card,.mistake-card,.library,.wordpanel){border-color:color-mix(in srgb,var(--border-strong) 58%,var(--border));background-image:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-2) 72%,var(--surface)))}:is(.grammar-card,.yt-card,.vocab-card,.mistake-card){transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}@media (hover:hover){:is(.grammar-card,.yt-card,.vocab-card):hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.empty,.empty-options{padding:20px 22px;border-color:color-mix(in srgb,var(--border-strong) 76%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 66%,transparent),var(--surface-inset));line-height:1.55;text-align:center}.study{gap:16px}.study-card{border-color:color-mix(in srgb,var(--border-strong) 66%,var(--border));background:radial-gradient(420px 180px at 50% -20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 72%),linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 56%,var(--surface)))}.speaking-test-card,.trainer-card{box-shadow:var(--shadow-md)}.audio{border-color:color-mix(in srgb,var(--border-strong) 64%,var(--border));background:linear-gradient(145deg,var(--surface),var(--surface-2))}@media (max-width:860px){.view.is-active{animation-duration:.16s}.reader{min-height:min(680px,calc(100dvh - 104px))}.dictation>.library-head,.grammar>.library-head,.memes>.library-head,.mistakes>.library-head,.page-head,.speaking-test-head,.trainer-head,.youtube>.library-head{min-height:0;align-items:flex-start}}@media (max-width:560px){.topbar-section-mark{display:none}.leaderboard-trigger{gap:5px;padding:0 7px}.leaderboard-trigger-label{display:none}.leaderboard-backdrop{place-items:stretch;padding:0}.leaderboard-dialog{width:100%;max-height:100dvh;min-height:100dvh;border:0;border-radius:0}.leaderboard-head{padding:15px 14px 11px}.leaderboard-title-wrap h2{font-size:19px}.leaderboard-score-card{gap:10px;margin:0 12px 11px;padding:12px}.leaderboard-score-card>div{min-width:90px}.leaderboard-score-card>p{font-size:10.5px}.leaderboard-rank{padding-inline:7px}.leaderboard-name{padding:0 12px 11px}.leaderboard-join{margin:0 12px 11px}.leaderboard-table-wrap{margin-inline:8px}.leaderboard-list>li,.leaderboard-table-head{grid-template-columns:48px minmax(0,1fr) 54px;gap:7px;padding-inline:10px}.leaderboard-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}.page-title{font-size:27px}.page-subtitle{font-size:12px}.count{min-height:25px;padding:3px 8px;font-size:10.5px}.reader{border-radius:18px}.option:hover{transform:none}}.translate-panel{grid-column:3;min-width:0;min-height:0;display:none;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface)}.translate-panel.is-open{display:flex}@media (min-width:861px){.app:has(.translate-panel.is-open){grid-template-columns:var(--rail-w) minmax(0,1fr) var(--panel-w)}}.translate-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.translate-title{font-size:16px;font-weight:650}.translate-tab{position:fixed;top:50%;right:0;z-index:91;display:flex;align-items:center;gap:5px;padding:9px 8px 9px 10px;transform:translateY(-50%);border:1px solid var(--border);border-right:0;border-radius:var(--r-md) 0 0 var(--r-md);background:var(--surface);box-shadow:var(--shadow-md);color:var(--text-2);font-size:12.5px;font-weight:600;writing-mode:vertical-rl;transition:color .13s var(--ease),background .13s var(--ease)}.translate-tab:hover{background:var(--accent-soft);color:var(--accent)}.translate-tab .icon{width:15px;height:15px;rotate:90deg}.translate-tab.is-open{right:var(--panel-w)}.translate-direction{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 10px;border-radius:var(--r-md);background:var(--surface-inset);color:var(--text-2);font-size:13px;font-weight:600}.translate-swap{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-2)}.translate-swap:hover{border-color:var(--accent-border);color:var(--accent)}.translate-swap .icon{width:14px;height:14px}.translate-form{display:flex;flex-direction:column;gap:9px}.translate-input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:14.5px;line-height:1.5;resize:vertical}.translate-input:focus-visible{border-color:var(--accent-border);outline:none}.translate-result{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft)}.translate-result-label{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.translate-free{padding:1px 6px;border-radius:var(--r-full);background:var(--surface);color:var(--text-3);font-size:10px;letter-spacing:.04em}.translate-output{color:var(--text);font-size:15px;line-height:1.55;white-space:pre-wrap}.translate-error{color:var(--danger);font-size:13px;line-height:1.45}.translate-note{margin-top:auto;padding-top:10px;border-top:1px solid var(--border);color:var(--text-3);font-size:11.5px;line-height:1.5}@media (max-width:860px){.translate-panel.is-open{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(360px,100vw);box-shadow:var(--shadow-lg)}.translate-tab.is-open{right:0;top:8px;transform:none;z-index:92}}.quickchat-button{position:fixed;right:20px;bottom:20px;z-index:95;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-lg);transition:background .13s var(--ease),transform .13s var(--ease)}.quickchat-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.quickchat-button .icon{width:21px;height:21px}.quickchat{position:fixed;right:20px;bottom:78px;z-index:95;width:min(340px,calc(100vw - 40px));max-height:min(70dvh,560px);display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.quickchat-head{justify-content:space-between;gap:10px}.quickchat-head,.quickchat-who{display:flex;align-items:center}.quickchat-who{gap:7px;font-size:14px}.quickchat-level{padding:1px 7px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.quickchat-expand{background:transparent;color:var(--text-3);font-size:12px;font-weight:600}.quickchat-expand:hover{color:var(--accent)}.quickchat-log{min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:2px}.quickchat-starter,.quickchat-typing{color:var(--text-2);font-size:13.5px;line-height:1.5}.quickchat-typing{color:var(--text-3);font-style:italic}.quickchat-turn{display:flex;flex-direction:column;gap:5px}.quickchat-said{padding:8px 10px;border-radius:10px;font-size:13.5px;line-height:1.5}.quickchat-said.is-learner{align-self:flex-end;max-width:90%;background:var(--accent);color:var(--accent-fg)}.quickchat-said.is-agent{background:var(--surface-2);color:var(--text)}.quickchat-fix{padding:7px 9px;border-radius:8px;background:var(--correct-soft);color:var(--text-2);font-size:12.5px;line-height:1.45}.quickchat-form{display:flex;align-items:flex-end;gap:7px}.quickchat-input{flex:1 1;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13.5px;line-height:1.45;resize:none}.quickchat-input:focus-visible{border-color:var(--accent-border);outline:none}.quickchat-send{display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--accent);color:var(--accent-fg)}.quickchat-send:disabled{opacity:.5}.quickchat-send .icon{width:16px;height:16px}.quickchat-error{color:var(--danger);font-size:12.5px;line-height:1.45}.quickchat-cost{color:var(--text-3);font-size:11.5px}@media (min-width:861px){.app:has(.translate-panel.is-open) .quickchat,.app:has(.translate-panel.is-open) .quickchat-button{right:calc(var(--panel-w) + 20px)}}@media (prefers-reduced-motion:reduce){.quickchat-button:hover{transform:none}}.writing-solved{display:flex;align-items:flex-start;gap:9px;margin:4px 0 2px;padding:11px 13px;border:1px solid var(--correct-border);border-radius:12px;background:var(--correct-soft);color:var(--text);font-size:13.5px;line-height:1.5;animation:solved-in .42s var(--ease) both}.writing-solved .icon{width:17px;height:17px;flex:none;margin-top:1px;color:var(--correct)}@keyframes solved-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.writing-solved{animation:none}}:root{--done:#12a150;--done-soft:#e7f6ed}@media (prefers-color-scheme:dark){:root{--done:#3fbe79;--done-soft:#14301f}}:root[data-theme=dark]{--done:#3fbe79;--done-soft:#14301f}:root[data-theme=light]{--done:#12a150;--done-soft:#e7f6ed}.writing-persona.is-solved{background:color-mix(in srgb,var(--done-soft) 70%,transparent)}.writing-persona.is-solved:hover{background:var(--done-soft)}.writing-persona.is-solved.is-active{border-color:color-mix(in srgb,var(--done) 45%,transparent);background:var(--done-soft)}.writing-persona.is-solved .writing-level{background:color-mix(in srgb,var(--done) 15%,transparent);color:var(--done)}.writing-persona-done{position:absolute;z-index:2;bottom:7px;left:32px;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--surface);border-radius:50%;background:var(--done);color:#ffffff;box-shadow:var(--shadow-sm)}.writing-persona-done .icon{width:11px;height:11px;stroke-width:3}.writing-mission-how{display:block;margin-top:3px;color:var(--text-3);font-size:12px;font-style:normal;line-height:1.45}