:root{--bg: #0a0b0f;--bg-2: #111319;--bg-3: #14161d;--ink: #f5f3ee;--ink-2: #b8b6b0;--ink-3: #6e6d68;--ink-4: #4a4945;--line: rgba(245, 243, 238, .08);--line-2: rgba(245, 243, 238, .14);--line-3: rgba(245, 243, 238, .22);--brand: #ff6a2c;--brand-hi: #ff8347;--brand-soft: rgba(255, 106, 44, .14);--brand-line: rgba(255, 106, 44, .35);--brand-glow: rgba(255, 106, 44, .35);--brand-ink: #1a0a03;--amber: #f5b14a;--amber-soft: rgba(245, 177, 74, .12);--danger: #ff6b6b;--ok: #4fc38a;--shadow-brand: 0 20px 60px -20px rgba(255, 106, 44, .35);color:var(--ink);background:var(--bg);font-family:Noto Sans SC,Space Grotesk,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.practice-sync-notice{position:fixed;bottom:104px;left:50%;transform:translate(-50%);z-index:35;max-width:min(90vw,640px);display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--brand-line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:13px}.practice-sync-notice button{flex-shrink:0;color:var(--brand)}.learning-method-guide{padding:12px 14px;margin-bottom:12px;border:1px solid var(--line-2);border-radius:12px}.learning-method-guide summary{cursor:pointer;font-weight:600}.learning-method-guide p{font-size:13px;line-height:1.8}.landing-pricing-section{padding:48px 0;scroll-margin-top:100px}.landing-pricing-section>p{max-width:760px;line-height:1.8;color:var(--ink-2)}.landing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}.landing-plan-grid article{border:1px solid var(--line-2);border-radius:16px;padding:20px}.landing-plan-grid strong{font-size:28px;color:var(--brand)}.wechat-pay-backdrop{z-index:190}.wechat-pay-modal{width:min(400px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 28px))}.wechat-pay-modal>header div{display:grid;gap:4px}.wechat-pay-modal>header small{color:var(--muted);font-weight:500}.wechat-pay-header-actions{display:flex;align-items:center;gap:10px}.wechat-pay-close{width:30px;height:30px;padding:0;border-radius:50%;font-size:22px;line-height:1}.wechat-pay-preparing{min-height:190px;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.wechat-pay-preparing small{color:var(--muted)}.wechat-pay-loader{width:44px;height:44px;border:4px solid var(--line-2);border-top-color:var(--brand);border-radius:50%;animation:wechat-pay-spin .75s linear infinite}@keyframes wechat-pay-spin{to{transform:rotate(360deg)}}.wechat-pay-body{display:grid;justify-items:center;gap:12px;text-align:center}.wechat-pay-body h3,.wechat-pay-body p{margin:0}.wechat-pay-qr{display:grid;place-items:center;width:min(212px,62vw);aspect-ratio:1;padding:6px;border-radius:16px;background:#fff;box-shadow:0 14px 44px #00000047}.wechat-pay-qr img{display:block;width:100%;height:100%}.wechat-pay-amount{font-size:26px;color:var(--accent)}.wechat-pay-status{min-height:22px;color:var(--muted)}.smart-plan-trigger{height:38px;padding:0 15px;border:1px solid rgba(255,106,44,.55);border-radius:10px;background:#ff6a2c1f;color:#ff8a52;font-weight:700;cursor:pointer}.learning-history-trigger{height:40px;padding:0 15px;border:1px solid rgba(112,234,245,.36);border-radius:8px;background:#1cd3e417;color:#8cecf4;font-size:13px;font-weight:800;cursor:pointer}.learning-history-trigger:hover{border-color:#70eaf5ad;background:#1cd3e429}.adaptive-modal-mask{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#020408d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.adaptive-onboarding{width:min(1120px,100%);max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,106,44,.28);border-radius:22px;background:#111319;box-shadow:0 28px 90px #0000008c}.adaptive-onboarding>header{flex:0 0 auto;padding:26px 30px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.adaptive-onboarding>header span{color:#ff7a3d;font-size:12px;font-weight:800;letter-spacing:.16em}.adaptive-onboarding>header h2{margin:8px 0;color:#fff;font-size:25px}.adaptive-onboarding>header p{margin:0;color:#9da2ae;line-height:1.7}.adaptive-onboarding-body{min-height:0;flex:1;overflow:visible;padding:18px 30px 20px}.adaptive-onboarding-body label{display:block;margin:18px 0 10px;color:#d9dce3;font-weight:700}.adaptive-onboarding-body label:first-child{margin-top:0}.placement-intro{display:grid;gap:6px;margin-bottom:18px;color:#fff}.placement-intro span,.placement-row>div:first-child span{color:#979daa;font-size:13px;line-height:1.55}.placement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.placement-grid .placement-intro{grid-column:1/-1;margin-bottom:2px}.onboarding-notice{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid rgba(255,122,61,.35);border-radius:10px;background:#ff6a2c1a;color:#ffc4a7;font-size:13px;line-height:1.55}.placement-row{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.placement-row>div:first-child{display:grid;gap:4px;color:#f1f2f5}.adaptive-choice-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.questionnaire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.questionnaire-field{min-width:0}.questionnaire-wide{grid-column:1/-1}.questionnaire-field label{margin:0 0 8px}.level-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.level-choice-grid button{min-height:58px;padding:8px 11px;display:grid;justify-items:start;align-content:center;gap:3px;text-align:left}.level-choice-grid button b{color:inherit;font-size:15px}.level-choice-grid button small{color:#9298a5;font-size:12px;line-height:1.45}.level-choice-grid button.active small{color:#ffc4a7}.compact-choice-grid{gap:8px}.compact-choice-grid button{padding:8px 12px}.adaptive-recommendation{width:min(920px,100%)}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.recommendation-card{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#191c23;color:#fff;text-align:left;cursor:pointer;transition:.2s ease}.recommendation-card:hover{transform:translateY(-3px);border-color:#ff6a2c;box-shadow:0 14px 36px #ff6a2c26}.recommendation-card span{color:#ff8a52;font-size:12px;font-weight:800}.recommendation-card b{font-size:17px;line-height:1.55}.recommendation-card small{color:#9da2ae;line-height:1.55}.recommendation-card em{margin-top:auto;color:#ff8a52;font-style:normal;font-weight:800}.recommendation-empty{grid-column:1/-1;padding:36px;color:#a3a8b3;text-align:center}@media(max-width:760px){.recommendation-grid{grid-template-columns:1fr}.recommendation-card{min-height:150px}}.adaptive-choice-grid{display:flex;flex-wrap:wrap;gap:9px}.adaptive-choice-grid button{padding:10px 14px;border:1px solid #313541;border-radius:10px;background:#1a1d25;color:#b8bdc9;cursor:pointer}.adaptive-choice-grid button.active{border-color:#ff6a2c;background:#ff6a2c29;color:#ff9a6b}.adaptive-onboarding>footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:12px;padding:16px 30px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:#111319}.adaptive-primary,.adaptive-secondary{min-height:42px;padding:0 20px;border-radius:10px;font-weight:800;cursor:pointer}.adaptive-primary{border:0;background:#ff6a2c;color:#fff}.adaptive-primary.wide{width:100%}.adaptive-secondary{border:1px solid #343845;background:transparent;color:#b8bdc9}.smart-plan-backdrop{position:fixed;z-index:109;inset:0;padding:0;border:0;background:transparent;cursor:default}.smart-plan-panel{position:fixed;z-index:110;top:0;right:0;bottom:0;width:min(520px,100vw);display:flex;flex-direction:column;border-left:1px solid rgba(255,106,44,.25);background:#0f1117;box-shadow:-24px 0 70px #0000007a}.smart-plan-panel>header{display:flex;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid rgba(255,255,255,.08)}.smart-plan-panel>header span{color:#ff7a3d;font-size:11px;font-weight:800;letter-spacing:.15em}.smart-plan-panel>header h2{margin:5px 0;color:#fff}.smart-plan-panel>header p{margin:0;color:#949aa7;line-height:1.5}.smart-plan-panel>header button{align-self:flex-start;border:0;background:transparent;color:#aeb3bf;cursor:pointer}.smart-plan-panel>header .smart-goal-edit-trigger{width:fit-content;margin-top:8px;padding:5px 9px;border:1px solid rgba(255,135,80,.5);border-radius:7px;color:#ff9868;font-size:12px}.smart-goal-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;padding:14px;border:1px solid rgba(255,135,80,.32);border-radius:13px;background:#ff6a2c0e}.smart-goal-editor>header,.smart-goal-editor>div,.smart-goal-editor>footer{grid-column:1/-1}.smart-goal-editor>header{display:grid;gap:3px}.smart-goal-editor>header b{color:#fff}.smart-goal-editor>header span,.smart-goal-editor label>span,.smart-goal-editor>div>span{color:#9ea6b5;font-size:11px}.smart-goal-editor label{display:grid;gap:5px}.smart-goal-editor select{width:100%;min-height:36px;padding:0 8px;border:1px solid #343945;border-radius:7px;background:#171a22;color:#fff}.smart-goal-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.smart-goal-skills button{padding:6px 9px;border:1px solid #343945;border-radius:999px;background:#171a22;color:#aeb5c3}.smart-goal-skills button.active{border-color:#00d8ee;background:#00d8ee1f;color:#73eff8}.smart-goal-editor>footer{display:flex;justify-content:flex-end;gap:8px}.smart-goal-editor>footer button{min-height:36px;padding:0 12px}.smart-plan-body{min-height:0;flex:1;overflow-y:auto;padding:20px}.smart-plan-summary{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#ff6a2c2e,#ff6a2c0d)}.smart-plan-summary b{color:#fff;font-size:24px}.smart-plan-summary span,.smart-plan-summary em{color:#bbc0ca}.smart-plan-summary em{grid-column:1/-1;font-size:12px;font-style:normal}.smart-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.smart-library-grid article{padding:14px;border:1px solid #292d37;border-radius:13px;background:#171a22}.smart-library-grid span,.smart-library-grid small{display:block;color:#9da3af}.smart-library-grid b{display:block;margin:6px 0;color:#ff8750;font-size:25px}.smart-plan-list{display:grid;gap:8px}.smart-plan-list button{display:grid;grid-template-columns:44px 1fr;gap:3px 10px;padding:13px;text-align:left;border:1px solid #292d37;border-radius:12px;background:#151820;color:#fff;cursor:pointer}.smart-plan-list button>span{grid-row:1/3;align-self:center;color:#ff8750;font-size:12px;font-weight:800}.smart-plan-list button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-plan-list button small{color:#8e95a2}.smart-plan-list button.done{opacity:.48}.adaptive-pack-generator{display:grid;gap:14px;margin:16px 0;padding:16px;border:1px solid rgba(0,229,255,.2);border-radius:16px;background:linear-gradient(145deg,#00e5ff12,#ff6a2c0f)}.adaptive-pack-generator-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.adaptive-pack-count{display:grid;flex:0 0 auto;gap:3px;color:#929baa;font-size:10px}.adaptive-pack-count select{min-width:104px;height:36px;padding:0 28px 0 10px;border:1px solid #3b4350;border-radius:7px;background-color:#171a22;color:#fff;color-scheme:dark;font-size:13px;font-weight:800}.adaptive-generation-quote{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:10px 11px;border:1px solid rgba(0,229,255,.18);border-radius:10px;background:#00e5ff09}.adaptive-generation-quote>div{display:flex;align-items:center;gap:7px}.adaptive-generation-quote>div:nth-child(2){justify-content:flex-end}.adaptive-generation-quote b{color:#fff;font-size:12px}.adaptive-generation-quote span,.adaptive-generation-quote small{color:#8f99a8;font-size:10px}.adaptive-generation-quote strong{color:#6ceaf5;font-size:13px;white-space:nowrap}.adaptive-generation-quote small,.adaptive-generation-quote em{grid-column:1/-1}.adaptive-generation-quote em{color:#ff9a6b;font-size:11px;font-style:normal}.adaptive-generation-quote.insufficient{border-color:#ff6a2c61;background:#ff6a2c0f}.ai-credit-recharge-trigger{margin-left:5px;padding:2px 6px;border:1px solid rgba(255,106,44,.42);border-radius:6px;background:transparent;color:#ff9462;font-size:10px;cursor:pointer}.ai-credit-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#080b1073}.ai-credit-package-grid button{position:relative;display:grid;gap:3px;min-width:0;padding:9px;border:1px solid #303642;border-radius:9px;background:#151922;color:#fff;text-align:left;cursor:pointer}.ai-credit-package-grid button.recommended{border-color:#00e5ff61}.ai-credit-package-grid span{color:#ff8b55;font-size:9px}.ai-credit-package-grid b{font-size:13px}.ai-credit-package-grid small{color:#8f98a8;font-size:10px}.ai-credit-notice{margin:0;padding:7px 9px;border-radius:7px;background:#00e5ff12;color:#73e9f3;font-size:11px}.adaptive-pack-generator-head>div{display:grid;gap:4px}.adaptive-pack-generator-head span{color:#64e9f5;font-size:12px;font-weight:800}.adaptive-pack-generator-head b{color:#f7f8ff;line-height:1.4}.adaptive-generate-button{position:relative;isolation:isolate;min-width:132px;overflow:hidden}.adaptive-generate-button>i{position:absolute;z-index:-1;inset:0 auto 0 0;display:block;background:linear-gradient(90deg,#00d8eeb3,#ff6a2cb8);transition:width .35s ease}.adaptive-generate-button>span{position:relative;z-index:1;color:inherit;white-space:nowrap}.adaptive-generate-button.busy,.adaptive-generate-button.busy:disabled{border-color:#67eaf58c;background:#1d232cf2;color:#fff;opacity:1;cursor:wait;box-shadow:inset 0 0 0 1px #ffffff0a}.adaptive-poll-reconnecting{padding:7px 9px;border-radius:7px;background:#ffae421a;color:#ffbd72!important}.adaptive-pack-progress{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#070a0f6b}.adaptive-progress-status-row{display:flex;justify-content:space-between;gap:10px;color:#71ebf5;font-size:12px;font-weight:800}.adaptive-progress-status-row time{color:#8f97a6;font-weight:500}.adaptive-pack-progress-line{height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.adaptive-pack-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d8ee,#ff6a2c);transition:width .3s ease}.adaptive-pack-progress strong{color:#fff;font-size:13px}.adaptive-pack-progress small{color:#aeb4c4;line-height:1.5}.adaptive-pack-progress>em{padding:9px 10px;border-radius:8px;background:#ff6a2c1a;color:#ff9a6b;font-size:12px;font-style:normal;line-height:1.5}.adaptive-pack-progress>em b{color:#ffd0ba}.adaptive-progress-facts{display:flex;flex-wrap:wrap;gap:6px}.adaptive-progress-facts span{padding:4px 7px;border-radius:6px;background:#ffffff0e;color:#aeb4c4;font-size:10px}.adaptive-pack-progress.is-blocked{border-color:#ff6a2c80;background:#5a1e0c2e}.adaptive-pack-progress.is-blocked .adaptive-progress-status-row{color:#ff8c58}.adaptive-pack-progress.is-failed{border-color:#ff4b4b73}.adaptive-pack-progress.is-completed{border-color:#47dc9e66}.adaptive-pack-batches{display:grid;gap:12px;scroll-margin-top:10px}.adaptive-pack-batch-group{display:grid;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#080b1047;scroll-margin-top:10px}.adaptive-pack-batch-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.adaptive-pack-batch-group>header>div{display:flex;align-items:center;min-width:0;gap:7px}.adaptive-pack-batch-group>header b{padding:3px 7px;border-radius:999px;background:#ffffff12;color:#aeb6c4;font-size:10px}.adaptive-pack-batch-group>header time,.adaptive-pack-batch-group>header span{color:#737d8d;font-size:10px;white-space:nowrap}.adaptive-pack-batch-group.latest{border-color:#00e5ff38;background:#00e5ff06}.adaptive-pack-batch-group.latest>header b{background:#00e5ff1f;color:#6ceaf5}.adaptive-pack-batch-group.fresh{border-color:#ff6a2c80;box-shadow:0 0 0 1px #ff6a2c14,0 10px 28px #ff6a2c14;animation:adaptive-batch-arrived 1.1s ease-out}.adaptive-pack-batch-group.fresh>header b{background:#ff6a2c29;color:#ff9867}@keyframes adaptive-batch-arrived{0%{transform:translateY(5px);opacity:.55}to{transform:translateY(0);opacity:1}}.adaptive-pack-grid{display:grid;gap:6px}.adaptive-pack-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #292e38;border-radius:10px;background:#0d1017e6;transition:border-color .18s ease,background .18s ease}.adaptive-pack-grid article:hover{border-color:#00e5ff4d;background:#11151df5}.adaptive-pack-main{display:grid;min-width:0;gap:4px}.adaptive-pack-main>b{overflow:hidden;color:#f7f8fb;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.adaptive-pack-main>small{display:-webkit-box;overflow:hidden;margin:0;color:#9098a7;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.adaptive-pack-meta,.adaptive-pack-focus{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.adaptive-pack-meta span{color:#ff8b55;font-size:10px;font-weight:800}.adaptive-pack-meta em{color:#737d8d;font-size:10px;font-style:normal}.adaptive-pack-meta em:before{content:"·";margin-right:5px;color:#454d5b}.adaptive-pack-focus em{padding:2px 6px;border-radius:999px;background:#00e5ff16;color:#66dce8;font-size:9px;font-style:normal}.adaptive-pack-start-button{align-self:center;width:auto;min-width:65px;height:32px;padding:0 10px;border:1px solid rgba(255,106,44,.55);border-radius:8px;background:#ff6a2c1f;color:#ff925f;font-size:12px;font-weight:800;cursor:pointer}.adaptive-pack-start-button:hover{background:#ff6a2c;color:#fff}.adaptive-pack-start-button span{margin-left:2px}.adaptive-pack-events{display:grid;gap:0;color:#b9bfca}.adaptive-pack-events>header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.adaptive-pack-events>header b{color:#e9edf5;font-size:12px}.adaptive-pack-events>header span{color:#737c8e;font-size:10px}.adaptive-pack-events article{position:relative;display:grid;grid-template-columns:24px 1fr;gap:8px;padding:0 0 13px}.adaptive-pack-events article:not(:last-child):after{content:"";position:absolute;left:11px;top:24px;bottom:2px;width:1px;background:#29313e}.adaptive-pack-events article>i{z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c2530;color:#75e9f3;font-size:10px;font-style:normal;font-weight:900}.adaptive-pack-events article>div{display:grid;gap:3px}.adaptive-pack-events article b{color:#fff;font-size:12px}.adaptive-pack-events article span{color:#929aa8;font-size:11px;line-height:1.45}.adaptive-pack-events article time{color:#626c7d;font-size:9px}.adaptive-pack-events article.is-running>i{background:#00d8ee2e;color:#58e6f3}.adaptive-pack-events article.is-blocked>i,.adaptive-pack-events article.is-failed>i{background:#ff6a2c33;color:#ff8650}.adaptive-pack-section-head{display:grid;gap:4px;margin:14px 0 10px}.adaptive-pack-section-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.adaptive-pack-section-head b{color:#fff;font-size:16px}.adaptive-pack-section-head span,.adaptive-pack-section-head small{color:#8992a2;font-size:12px}.adaptive-pack-grid article.studied{border-color:#00e5ff4d}.adaptive-pack-grid article .adaptive-pack-learning-progress{display:grid;gap:4px;margin-top:2px}.adaptive-pack-learning-progress>div{display:flex;justify-content:space-between;gap:8px;width:100%}.adaptive-pack-learning-progress>div b{color:#76eef7;font-size:10px}.adaptive-pack-learning-progress>div span,.adaptive-pack-learning-progress small{overflow:hidden;color:#8892a2;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.adaptive-pack-learning-progress>i{display:block;width:100%;height:3px;overflow:hidden;border-radius:999px;background:#ffffff1a}.adaptive-pack-learning-progress>i em{display:block;height:100%;padding:0;border-radius:inherit;background:linear-gradient(90deg,#00e5ff,#ff7b43)}.smart-plan-tool-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.smart-plan-tool-buttons button{display:grid;gap:5px;min-width:0;padding:12px 10px;border:1px solid #292d37;border-radius:11px;background:#171a22;color:#fff;text-align:left;cursor:pointer}.smart-plan-tool-buttons button.active{border-color:#00e5ff8c;background:#00e5ff1a}.smart-plan-tool-buttons b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.smart-plan-tool-buttons span{color:#ff8750;font-size:12px}.smart-plan-collapsible-list{display:grid;gap:8px;margin-bottom:14px;padding:12px;border:1px solid #292d37;border-radius:12px;background:#12151c}.smart-plan-collapsible-list>header{display:flex;justify-content:space-between;gap:10px}.smart-plan-collapsible-list>header b{color:#fff}.smart-plan-collapsible-list>header span,.smart-plan-collapsible-list>p{margin:0;color:#8f97a7;font-size:12px}.smart-plan-collapsible-list>article{display:grid;gap:5px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}.smart-plan-collapsible-list>article>div{display:flex;justify-content:space-between;gap:8px}.smart-plan-collapsible-list>article b{color:#e9edf5;font-size:13px}.smart-plan-collapsible-list>article span{color:#6feaf6;font-size:12px}.smart-plan-collapsible-list>article small{color:#949cab}.smart-plan-collapsible-list .history-progress{display:block;height:5px;overflow:hidden;border-radius:999px;background:#ffffff17}.smart-plan-collapsible-list .history-progress em{display:block;height:100%;background:linear-gradient(90deg,#00e5ff,#ff7b43)}.compact-plan-list{margin-top:10px}.smart-plan-collapsible-list>header{align-items:flex-start}.smart-plan-collapsible-list>header>div{display:grid;gap:3px}.smart-plan-collapsible-list>header small{color:#737d8e;font-size:11px}.smart-plan-collapsible-list .smart-memory-card{gap:7px;padding:11px 0}.smart-memory-heading{align-items:flex-start}.smart-memory-heading b{max-width:78%;line-height:1.45}.smart-memory-heading em{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#ffffff0f;color:#8590a1;font-size:10px;font-style:normal}.smart-memory-heading em.due{background:#ff7b4324;color:#ff8750}.smart-memory-card>p{margin:0;color:#9aa3b2;font-size:12px;line-height:1.45}.smart-memory-errors{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:5px!important}.smart-memory-errors span{color:#ff8750!important}.smart-memory-errors i{padding:2px 6px;border-radius:6px;background:#ff7b431a;color:#ffc0a4;font-size:10px;font-style:normal}.smart-memory-card footer{display:flex;justify-content:space-between;gap:8px}.smart-memory-card footer span,.smart-memory-card footer small{overflow:hidden;color:#768092;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.smart-memory-more{padding:9px;border:1px dashed rgba(0,229,255,.32);border-radius:9px;background:#00e5ff0d;color:#7eeaf4;cursor:pointer}@media(max-width:640px){.adaptive-onboarding>header,.adaptive-onboarding-body,.adaptive-onboarding>footer{padding-left:18px;padding-right:18px}.adaptive-onboarding>footer{display:grid;grid-template-columns:1fr 1fr}.smart-library-grid,.smart-plan-tool-buttons{grid-template-columns:1fr}.smart-plan-trigger{padding:0 9px;font-size:12px}}@media(max-width:760px){.adaptive-onboarding{max-height:94vh}.adaptive-onboarding-body{overflow-y:auto}.questionnaire-grid,.placement-grid{display:block}.questionnaire-field{margin-bottom:16px}.level-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.placement-row{padding:14px 0}}@media(min-width:761px)and (max-height:800px){.adaptive-modal-mask{padding:8px}.adaptive-onboarding>header{padding:14px 24px 10px}.adaptive-onboarding>header h2{margin:4px 0;font-size:21px}.adaptive-onboarding>header p{font-size:13px;line-height:1.45}.adaptive-onboarding-body{padding:12px 24px 14px}.questionnaire-grid{gap:10px 20px}.level-choice-grid button{min-height:50px}.level-choice-grid button small{font-size:11px;line-height:1.25}.adaptive-onboarding>footer{padding:10px 24px}.adaptive-primary,.adaptive-secondary{min-height:38px}.placement-row{padding:7px 0}.placement-intro{margin-bottom:0}}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.landing-page{height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:104px;background:radial-gradient(1200px 600px at 85% -10%,rgba(255,106,44,.16),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(255,131,71,.08),transparent 55%),radial-gradient(700px 400px at 50% 120%,rgba(245,177,74,.06),transparent 60%),var(--bg);color:var(--ink)}.landing-page:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 20%,#000 30%,transparent 75%)}.huosu-logo-defs{position:absolute;width:0;height:0;overflow:hidden}.huosu-logo-mark,.topbar-logo{display:block;flex:0 0 auto;width:40px;height:40px}.topbar-logo{width:28px;height:28px}.landing-wrap{position:relative;z-index:1;width:min(1280px,calc(100% - 80px));margin:0 auto}.landing-header{position:sticky;top:14px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 14px;margin:14px 0 8px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#0a0b0feb;box-shadow:0 20px 60px #00000075,inset 0 1px #ffffff14;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.landing-brand{display:flex;align-items:center;gap:12px;min-width:0;border:0;background:transparent;color:var(--ink);font-weight:900}.landing-brand span{font-size:20px;line-height:1}.landing-brand em{color:var(--brand);font-style:normal}.landing-links{display:flex;align-items:center;gap:34px;font-size:14px}.landing-links a{color:#f5f3eee6;font-weight:800;text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.55)}.landing-links a:hover{color:var(--brand-hi)}.landing-nav-actions,.landing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink);font-size:14px;font-weight:800;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.landing-button:hover{transform:translateY(-1px)}.landing-button.primary{border-color:transparent;background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.landing-button.ghost{background:#ffffff0d}.landing-button.large{min-height:54px;padding:0 28px;font-size:15px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center;padding:60px 0 52px}.landing-hero-copy{min-width:0}.landing-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin:0;padding:7px 14px;border:1px solid rgba(255,106,44,.24);border-radius:999px;background:#ff6a2c14;color:var(--brand);font-size:12px;font-weight:700}.landing-badge span{width:6px;height:6px;border-radius:999px;background:var(--brand-hi);box-shadow:0 0 12px var(--brand-hi)}.landing-hero h1{max-width:760px;margin:22px 0 20px;color:var(--ink);font-size:clamp(44px,5.4vw,76px);line-height:1.05;letter-spacing:0;text-wrap:balance}.landing-hero h1 strong{position:relative;display:inline-block;color:var(--brand-hi)}.landing-hero h1 strong:after{position:absolute;right:0;bottom:-6px;left:0;height:6px;content:"";background:linear-gradient(90deg,transparent,var(--brand),transparent);filter:blur(10px);opacity:.5}.landing-copy{max-width:560px;margin:0;color:var(--ink-2);font-size:17px;line-height:1.75}.landing-metrics{display:flex;gap:28px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.landing-metrics div{display:grid;gap:4px}.landing-metrics b{color:var(--ink);font-size:26px;line-height:1}.landing-metrics span{color:var(--ink-3);font-size:12px}.landing-demo{position:relative;min-width:0;padding:28px;overflow:hidden;border:1px solid var(--line-2);border-radius:28px;background:linear-gradient(180deg,#ffffff08,#ffffff03);box-shadow:0 40px 80px -30px #0009,inset 0 1px #ffffff0d}.landing-demo:before{position:absolute;inset:-1px;padding:1px;pointer-events:none;content:"";border-radius:28px;background:linear-gradient(135deg,rgba(255,106,44,.28),transparent 40%,rgba(245,177,74,.16));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.landing-demo-top{display:flex;align-items:center;gap:6px;margin-bottom:22px}.landing-demo-top i{width:10px;height:10px;border-radius:999px;background:#ffffff1f}.landing-demo-top i:first-child{background:#ff5f57}.landing-demo-top i:nth-child(2){background:#febc2e}.landing-demo-top i:nth-child(3){background:#28c840}.landing-demo-top span{margin-left:auto;color:var(--ink-3);font-size:11px;font-weight:700}.landing-demo-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;color:var(--ink-3);font-size:14px}.landing-demo-label kbd{padding:2px 8px;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2);font:inherit;font-size:11px}.landing-demo h2{margin:0 0 24px;color:var(--ink);font-size:20px;line-height:1.5}.landing-typing-line{position:relative;overflow:hidden;min-height:98px;margin-bottom:24px;font-size:clamp(22px,2.5vw,30px);font-weight:900;line-height:1.45}.landing-typing-line:before{content:"";position:absolute;inset:-45%;z-index:0;background:radial-gradient(circle,rgba(255,106,44,.3),transparent 55%);opacity:0;transform:scale(.72);pointer-events:none}.landing-typing-line.flash:before{animation:landing-demo-flash .9s ease-out}.landing-typing-line span,.landing-typing-line small,.landing-typing-line em{position:relative;z-index:1}.landing-typing-line .landing-typed{color:var(--ink)}.landing-typing-line .landing-pending{color:var(--ink-3);font-size:1em}.landing-typing-line em{display:inline-block;width:2px;height:1em;margin:0 4px;vertical-align:-4px;background:var(--brand-hi);box-shadow:0 0 12px var(--brand-hi);animation:landing-cursor 1s steps(1) infinite}@keyframes landing-cursor{50%{opacity:0}}@keyframes landing-demo-flash{0%{opacity:0;transform:scale(.72)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.landing-demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px;margin-bottom:20px;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.landing-demo-stats div{display:grid;gap:3px}.landing-demo-stats strong{color:var(--brand-hi);font-size:18px;line-height:1}.landing-demo-stats span{color:var(--ink-3);font-size:11px}.landing-keyboard{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#00000059}.landing-keyboard div{display:flex;justify-content:center;gap:6px}.landing-keyboard span{position:relative;overflow:hidden;display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;height:36px;min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:linear-gradient(180deg,#1a1c22,#141519);color:var(--ink-2);font-size:11px;font-weight:900;box-shadow:inset 0 -2px #0006}.landing-keyboard span i{position:absolute;inset:-35%;display:block;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.85),rgba(255,106,44,.45) 34%,transparent 68%);opacity:0;transform:scale(.5);pointer-events:none}.landing-keyboard span.wide{flex:1.6 1 0}.landing-keyboard span.space{flex:6 1 0}.landing-keyboard span.hit{border-color:transparent;background:var(--brand);color:#fff;box-shadow:0 0 24px #ff83478c,inset 0 -1px #00000026}.landing-keyboard span.hit i{animation:landing-key-glow .52s ease-out}@keyframes landing-key-glow{0%{opacity:0;transform:scale(.45)}45%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.landing-section{padding:92px 0;border-top:1px solid var(--line)}.landing-eyebrow{margin:0 0 16px;color:var(--brand);font-size:12px;font-weight:900;text-transform:uppercase}.landing-section h2,.landing-cta h2{max-width:760px;margin:0 0 16px;color:var(--ink);font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:0;text-wrap:balance}.landing-section-copy{max-width:640px;margin:0 0 48px;color:var(--ink-2);font-size:17px;line-height:1.65}.landing-bento{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.landing-bento article,.landing-steps article,.landing-scenes article{padding:28px;border:1px solid var(--line);border-radius:22px;background:#ffffff05}.landing-bento article.big{grid-row:span 2;border-color:#ff6a2c38;background:linear-gradient(160deg,rgba(255,106,44,.1),rgba(255,131,71,.04) 40%,transparent 70%)}.landing-bento article.wide{grid-column:span 2}.landing-bento span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:20px;border:1px solid rgba(255,106,44,.22);border-radius:12px;background:#ff6a2c1f;color:var(--brand);font-weight:900}.landing-bento h3,.landing-steps h3,.landing-scenes h3{margin:0 0 10px;color:var(--ink);font-size:22px;line-height:1.25}.landing-bento p,.landing-steps p,.landing-scenes p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.7}.landing-mini-log{display:grid;gap:8px;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#00000059}.landing-mini-log b{color:var(--brand-hi);font-size:13px;line-height:1.4}.landing-steps,.landing-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.landing-steps b{display:block;margin-bottom:18px;color:var(--brand-hi);font-size:48px;line-height:1}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:56px;margin:40px 0 80px;border:1px solid var(--line-2);border-radius:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(255,106,44,.3),transparent 60%),radial-gradient(500px 300px at 0% 100%,rgba(245,177,74,.14),transparent 60%),linear-gradient(180deg,#161821,#0e1015)}.landing-cta p{max-width:520px;margin:0;color:var(--ink-2);line-height:1.7}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:36px 0 48px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13px}.landing-footer div,.landing-footer nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.landing-footer .huosu-logo-mark{width:26px;height:26px}.learning-theater{--cyan: var(--brand-hi);--violet: var(--brand-hi);--panel: var(--bg-2);--panel-2: var(--bg-3);--muted: var(--ink-3);--drawer-width: min(60vw, 880px);--drawer-top-offset: 58px;position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(920px 520px at 50% 46%,rgba(255,255,255,.042),rgba(255,255,255,.014) 46%,transparent 74%),radial-gradient(960px 520px at 50% 104%,rgba(255,106,44,.026),transparent 62%),linear-gradient(to right,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.018) 1px,transparent 1px),#101114;background-size:auto,auto,80px 80px,80px 80px,auto;color:var(--ink)}.practice-boot-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;overflow:hidden;color:#f7f8ff;background:radial-gradient(circle at 50% 42%,rgba(255,106,44,.12),transparent 28%),radial-gradient(circle at 18% 22%,rgba(34,211,238,.08),transparent 26%),#080a0f}.practice-boot-aurora,.practice-boot-aurora i{position:absolute;inset:0}.practice-boot-aurora{filter:blur(70px);opacity:.72}.practice-boot-aurora i{width:36vw;height:36vw;margin:auto;border-radius:50%;background:#ff6a2c1a;animation:practice-boot-float 5.2s ease-in-out infinite alternate}.practice-boot-aurora i:nth-child(2){translate:-42% 16%;background:#22d3ee14;animation-delay:-1.8s}.practice-boot-aurora i:nth-child(3){translate:44% -22%;background:#8b5cf614;animation-delay:-3.1s}.practice-boot-card{position:relative;width:min(430px,calc(100vw - 40px));padding:32px 34px 30px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:#0e1118c7;box-shadow:0 30px 90px #0000006b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.practice-boot-brand{display:flex;align-items:center;justify-content:center;gap:9px;color:#ffffffc2;font-size:14px;font-weight:700;letter-spacing:.12em}.practice-boot-brand .huosu-logo-mark{width:28px;height:28px}.practice-boot-orbit{position:relative;width:112px;height:112px;margin:24px auto 20px}.practice-boot-orbit:before,.practice-boot-orbit:after,.practice-boot-orbit>i{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:50%}.practice-boot-orbit:after{border-top-color:#ff6a2c;border-right-color:#ff6a2c73;box-shadow:0 0 22px #ff6a2c3d;animation:practice-boot-spin 1.25s linear infinite}.practice-boot-orbit>i:nth-child(2){inset:13px;border-color:#22d3ee21}.practice-boot-orbit>i:nth-child(3){inset:26px;border-color:#ff6a2c24}.practice-boot-orbit b{position:absolute;inset:30px;display:grid;place-items:center}.practice-boot-orbit b .huosu-logo-mark{width:52px;height:52px;filter:drop-shadow(0 8px 18px rgba(255,106,44,.22))}.practice-boot-card>p{margin:0 0 8px;color:#ff8550;font-size:13px;font-weight:700;letter-spacing:.08em}.practice-boot-card>h2{min-height:30px;margin:0;color:#f8fafc;font-size:22px;letter-spacing:-.02em}.practice-boot-card>small{display:block;margin-top:16px;color:#e2e8f085;font-size:12px}.practice-boot-track{position:relative;height:4px;margin-top:26px;overflow:hidden;border-radius:999px;background:#ffffff14}.practice-boot-track i{position:absolute;top:0;bottom:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,#21d4e8 28%,#ff6a2c 72%,transparent);filter:drop-shadow(0 0 8px rgba(255,106,44,.65));animation:practice-boot-scan 1.45s ease-in-out infinite}.practice-boot-steps{display:flex;justify-content:center;gap:7px;margin-top:14px}.practice-boot-steps span{width:6px;height:6px;border-radius:50%;background:#ffffff24;transition:.3s ease}.practice-boot-steps span.active{width:18px;border-radius:999px;background:linear-gradient(90deg,#23cddd,#ff6a2c);box-shadow:0 0 12px #23cddd3d}.learning-theater[class*=theme-light] .practice-boot-overlay{color:#111827;background:radial-gradient(circle at 50% 42%,rgba(255,106,44,.12),transparent 30%),radial-gradient(circle at 18% 22%,rgba(14,165,233,.1),transparent 28%),#eef3f9}.learning-theater[class*=theme-light] .practice-boot-card{border-color:#94a3b842;background:#ffffffc2;box-shadow:0 30px 80px #47556929,inset 0 1px #ffffffe6}.learning-theater[class*=theme-light] .practice-boot-brand{color:#475569}.learning-theater[class*=theme-light] .practice-boot-card>h2{color:#111827}.learning-theater[class*=theme-light] .practice-boot-card>small{color:#64748b}.learning-theater[class*=theme-light] .practice-boot-track{background:#64748b24}.practice-boot-enter-active,.practice-boot-leave-active{transition:opacity .32s ease,filter .32s ease}.practice-boot-enter-from,.practice-boot-leave-to{opacity:0;filter:blur(8px)}@keyframes practice-boot-spin{to{transform:rotate(360deg)}}@keyframes practice-boot-scan{0%{left:-45%}to{left:105%}}@keyframes practice-boot-float{to{transform:translate3d(3%,-4%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){.practice-boot-orbit:after,.practice-boot-track i,.practice-boot-aurora i{animation-duration:8s}}.learning-theater.desktop{--drawer-top-offset: 88px}.practice-theater{position:relative;display:grid;grid-template-rows:56px minmax(0,1fr) 154px;min-height:100vh;background:radial-gradient(940px 540px at 50% 46%,rgba(255,255,255,.044),rgba(255,255,255,.014) 48%,transparent 76%),radial-gradient(720px 420px at 50% 64%,rgba(255,255,255,.012),transparent 78%),linear-gradient(to right,rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.017) 1px,transparent 1px),#101114;background-size:auto,auto,80px 80px,80px 80px,auto}.learning-theater.desktop .practice-theater{grid-template-rows:30px 56px minmax(0,1fr) 154px}.learning-theater.dictation-session .practice-theater,.learning-theater.study-session .practice-theater{height:100vh;height:100dvh}.desktop-drag-strip{position:relative;z-index:45;display:flex;align-items:center;min-width:0;height:30px;padding:0 18px 0 92px;border-bottom:1px solid rgba(255,255,255,.08);background:#040508fa;color:#dfe5f294;font-size:12px;font-weight:700;letter-spacing:0;-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.desktop-drag-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-topbar{position:relative;z-index:48;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:58px;padding:0 18px;border-bottom:1px solid var(--line);background:#0a0b0fe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-app-region:no-drag}.topbar-left,.topbar-right,.lesson-trail,.mode-select,.session-stats{display:flex;align-items:center;min-width:0}.topbar-left{position:relative;z-index:4;gap:12px;max-width:100%;justify-self:start}.topbar-right{position:relative;z-index:6;gap:10px;max-width:100%;overflow:visible;justify-content:flex-end;justify-self:end}.top-icon,.avatar-button,.mode-select-trigger,.mode-select-menu button,.control-dock button,.shortcut-strip span,.view-toggle,.tray-tools button,.empty-board button,.auth-card button,.drawer-section button{border:1px solid var(--line-2);border-radius:8px;background:#ffffff0f;color:var(--ink-2)}.top-icon{display:grid;flex:0 0 auto;min-width:42px;height:34px;padding:0 10px;place-items:center;color:#c8cce0;font-size:13px}.fullscreen-toggle{min-width:42px}.avatar-button{display:grid;flex:0 0 auto;width:34px;height:34px;padding:0;place-items:center;border-radius:999px;color:var(--brand-ink);background:var(--brand);font-size:14px;font-weight:900}.top-icon:hover,.mode-select-trigger:hover,.mode-select-menu button:hover,.control-dock button:hover,.view-toggle:hover{border-color:var(--brand-line);color:var(--ink)}.top-icon.active,.avatar-button.active{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-hi)}.lesson-trail{gap:8px;max-width:520px;white-space:nowrap}.lesson-trail span,.lesson-trail strong{overflow:hidden;text-overflow:ellipsis}.lesson-trail span{color:#aeb4c4;font-size:14px}.lesson-trail strong{color:var(--brand-hi);font-size:14px;font-weight:700}.lesson-trail i{width:5px;height:5px;border-top:1px solid #5d6574;border-right:1px solid #5d6574;transform:rotate(45deg)}.lesson-trail em{padding:4px 7px;border:1px solid var(--brand-line);border-radius:6px;color:var(--brand-hi);font-size:11px;font-style:normal}.mode-select{position:relative;flex:0 1 auto;min-width:82px;-webkit-app-region:no-drag}.mode-select-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:34px;min-width:82px;padding:0 10px 0 12px;font-size:13px;font-weight:800}.mode-select-trigger.active,.mode-select-trigger:hover{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-hi)}.mode-select-trigger i{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.75;transform:translateY(-2px) rotate(45deg)}.mode-select-menu{position:absolute;top:42px;right:0;z-index:170;display:grid;width:210px;padding:6px;border:1px solid var(--line-2);border-radius:10px;background:#111319fa;box-shadow:0 18px 48px #0000006b}.mode-select-menu button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:7px 10px;border-color:transparent;border-radius:8px;text-align:left}.mode-select-menu button span{color:#eef3ff;font-size:14px;font-weight:900}.mode-select-menu button small{overflow:hidden;color:#d5dceb9e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mode-select-menu button.active{border-color:var(--brand-line);background:var(--brand-soft)}.mode-select-menu button.active span{color:var(--brand-hi)}.session-stats{flex:0 0 auto;gap:12px;min-width:104px;justify-content:center;color:#cad1dc}.session-stats span{color:var(--brand-hi);font-variant-numeric:tabular-nums}.session-stats strong{font-variant-numeric:tabular-nums}.desktop-download-center{position:relative;z-index:5;justify-self:center}.practice-topbar button,.topbar-left,.topbar-right,.mode-select,.session-stats,.desktop-download-center{pointer-events:auto}.learning-theater:fullscreen,.learning-theater:-webkit-full-screen{width:100vw;height:100vh;background:radial-gradient(920px 520px at 50% 46%,rgba(255,255,255,.042),rgba(255,255,255,.014) 46%,transparent 74%),radial-gradient(960px 520px at 50% 104%,rgba(255,106,44,.026),transparent 62%),linear-gradient(to right,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.018) 1px,transparent 1px),#101114;background-size:auto,auto,80px 80px,80px 80px,auto}.learning-theater:fullscreen .practice-topbar,.learning-theater:-webkit-full-screen .practice-topbar,:fullscreen .practice-topbar{z-index:120;pointer-events:auto}.learning-theater:fullscreen .topbar-left,.learning-theater:-webkit-full-screen .topbar-left,:fullscreen .topbar-left{z-index:124}.learning-theater:fullscreen .topbar-right,.learning-theater:-webkit-full-screen .topbar-right,:fullscreen .topbar-right{z-index:126;overflow:visible}.learning-theater:fullscreen .desktop-download-center,.learning-theater:-webkit-full-screen .desktop-download-center,:fullscreen .desktop-download-center{z-index:122}.learning-theater:fullscreen .practice-canvas,.learning-theater:-webkit-full-screen .practice-canvas,:fullscreen .practice-canvas{z-index:1}.desktop-download-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:124px;height:40px;padding:0 15px;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-soft);color:var(--ink);box-shadow:0 0 20px #ff6a2c26}.desktop-download-trigger span{color:var(--brand-hi);font-size:13px;font-weight:900}.desktop-download-trigger strong{display:none}.desktop-download-trigger.active,.desktop-download-trigger:hover{border-color:#ff8347bf;background:#ff6a2c38}.pwa-install-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:106px;height:40px;padding:0 13px;border:1px solid rgba(82,217,235,.62);border-radius:8px;background:#22b2c91f;color:#a8f4ff;font-size:13px;font-weight:900;box-shadow:0 0 18px #22b2c91f}.pwa-install-trigger:hover,.pwa-install-trigger:focus-visible{border-color:#72efff;background:#22b2c938}.pwa-landing-trigger{border-color:#52d9eb8a;color:#b8f6ff}.pwa-install-mask{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:24px;background:#04060ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pwa-install-dialog{display:flex;width:min(720px,100%);max-height:min(790px,calc(100vh - 48px));flex-direction:column;overflow:hidden;border:1px solid rgba(148,164,205,.3);border-radius:20px;background:linear-gradient(145deg,#181b27,#11141d);color:#edf3ff;box-shadow:0 34px 100px #0000009e}.pwa-install-header{display:flex;justify-content:space-between;gap:20px;padding:25px 28px 16px}.pwa-install-eyebrow{display:block;color:#75e8f7;font-size:12px;font-weight:800;letter-spacing:.08em}.pwa-install-header h2{margin:6px 0;color:#fff;font-size:28px;line-height:1.15}.pwa-install-header p,.pwa-guide-content>p{margin:0;color:#a9b4c9;font-size:14px;line-height:1.65}.pwa-install-close{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0f;color:#c9d2e3;font-size:25px;line-height:1}.pwa-install-close:hover{background:#ffffff21;color:#fff}.pwa-install-status{margin:0 28px 16px;padding:11px 14px;border:1px solid rgba(116,142,181,.28);border-radius:10px;background:#49597926;color:#bac8df;font-size:13px;line-height:1.45}.pwa-install-status.ready{border-color:#4adcc68c;background:#25aa9224;color:#80f2df}.pwa-install-status.installed{border-color:#49dc9494;background:#27a56926;color:#7bf0b5}.pwa-install-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 28px}.pwa-install-tabs button{min-height:48px;padding:7px 8px;border:1px solid rgba(138,153,187,.22);border-radius:10px;background:#ffffff09;color:#b7c2d5;font-size:12px;font-weight:800;line-height:1.35}.pwa-install-tabs button span{display:block;margin-bottom:2px;color:#9fb0c8;font-size:17px}.pwa-install-tabs button.active{border-color:#977cffcc;background:#7c5bf133;color:#d4c8ff}.pwa-install-tabs button.active span{color:#bba8ff}.pwa-guide-content{min-height:0;margin:18px 28px 0;padding:19px;overflow:auto;border:1px solid rgba(138,153,187,.22);border-radius:14px;background:#05070c47}.pwa-guide-content h3{margin:0 0 7px;color:#fff;font-size:18px}.pwa-guide-content ol{display:grid;gap:11px;margin:17px 0 0;padding:0;list-style:none}.pwa-guide-content li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.pwa-guide-content li>b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#7c5bf138;color:#c6b9ff;font-size:13px}.pwa-guide-content li strong{display:block;color:#f7f9ff;font-size:14px;line-height:1.45}.pwa-guide-content li span{display:block;margin-top:2px;color:#9daac0;font-size:13px;line-height:1.5}.pwa-install-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px 23px}.pwa-install-footer button{min-height:42px;padding:0 17px;border-radius:9px;font-size:14px;font-weight:800}.pwa-install-primary{border:1px solid transparent;background:#6952d8;color:#fff;box-shadow:0 10px 26px #6952d847}.pwa-install-primary:hover{background:#7a64e5}.pwa-install-secondary{border:1px solid rgba(142,158,191,.36);background:transparent;color:#c0cbdf}.pwa-install-secondary:hover{background:#ffffff14;color:#fff}.desktop-download-popover{position:absolute;top:48px;left:50%;display:grid;width:320px;gap:8px;padding:10px;border:1px solid var(--brand-line);border-radius:8px;background:#0d1016f7;box-shadow:0 22px 70px #00000075;transform:translate(-50%)}.desktop-download-option{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:46px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:#e6ebfb;text-align:left}.desktop-download-option.active{border-color:var(--brand-line);background:var(--brand-soft)}.desktop-download-option.disabled{color:#818899}.desktop-download-option span{display:grid;gap:3px;min-width:0}.desktop-download-option b,.desktop-download-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-download-option b{font-size:13px}.desktop-download-option small,.desktop-download-popover p{color:#8f96a7;font-size:11px}.desktop-download-option em{flex:0 0 auto;color:var(--brand-hi);font-size:12px;font-style:normal;font-weight:900}.desktop-download-popover p{margin:2px 2px 0;line-height:1.45}.desktop-download-popover .desktop-download-notice{margin:2px 0 0;padding:7px 9px;border:1px solid rgba(255,106,44,.28);border-radius:8px;background:#ff6a2c1f;color:#ffb18a;font-weight:800}.quick-settings{position:absolute;top:68px;right:18px;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(470px,calc(100vw - 36px));padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0f1118f5;box-shadow:0 22px 70px #00000075;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-panel{position:absolute;top:68px;right:18px;z-index:92;display:grid;gap:10px;width:min(420px,calc(100vw - 36px));max-height:calc(100vh - 88px);padding:12px;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0f1118f7;box-shadow:0 22px 70px #0000007a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-panel-header{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:4px 2px 8px}.avatar-large{display:grid;width:48px;height:48px;place-items:center;border-radius:999px;color:#111318;background:linear-gradient(135deg,var(--brand-hi),var(--brand));font-size:20px;font-weight:900}.account-panel h2,.account-panel p{margin:0}.account-panel h2{overflow:hidden;color:#f4f7ff;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.account-panel p{margin-top:4px;color:#8f96a7;font-size:12px}.account-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.account-tabs button{min-width:0;height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aab1c1;font-size:12px;font-weight:800}.account-tabs button.active{border-color:var(--brand-line);color:var(--brand-hi);background:var(--brand-soft)}.account-logout-button{justify-self:center;min-height:30px;margin-top:2px;padding:0 12px;border-color:transparent;background:transparent;color:#777f90;font-size:11px}.account-logout-button:hover,.account-logout-button:focus-visible{color:#b7bdca;border-color:#ffffff1a;outline:none}.setting-card{position:relative;display:grid;min-height:72px;padding:12px 40px 11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:none;background:#ffffff06;color:#eef2ff;text-align:left}.button-card{width:100%}.setting-card:hover{border-color:var(--brand-line);background:#ffffff0b}.setting-card span{color:#8c94a6;font-size:12px;line-height:1.2}.setting-card strong{overflow:hidden;margin-top:4px;color:#f4f7ff;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.setting-card small{position:absolute;right:12px;top:18px;color:#ffffff57;font-size:14px;font-style:normal}.setting-options{position:absolute;top:calc(100% + 6px);left:0;z-index:35;display:grid;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#11141c;box-shadow:0 18px 36px #00000061}.setting-options button{min-height:42px;padding:0 14px;border:0;background:transparent;color:#c8cedd;text-align:left}.setting-options button:hover,.setting-options button.selected{background:var(--brand-soft);color:var(--brand-hi)}.practice-canvas{position:relative;display:grid;min-height:0;place-items:center;padding:64px 48px 30px;overflow:hidden;background:radial-gradient(720px 420px at 50% 46%,rgba(255,255,255,.028),transparent 70%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.global-study-stats{position:absolute;z-index:11;top:20px;right:20px;display:grid;gap:3px;justify-items:end;color:#d3dae89e;font-size:11px;font-weight:600;line-height:1.35;pointer-events:none;text-align:right}.global-study-stats b{color:#f4f7ffe0;font:inherit;font-weight:800}.learning-theater[class*=theme-light] .global-study-stats{color:#2c374ca8}.learning-theater[class*=theme-light] .global-study-stats b{color:#172033e6}@media(max-width:760px){.global-study-stats{top:12px;right:12px;font-size:9px}}.status-pill{position:absolute;top:22px;left:18px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 36px);padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#aeb5c8;font-size:13px}.status-pill span{color:var(--violet);font-weight:700}.status-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.course-group-progress-card{position:absolute;z-index:12;top:10px;left:10px;display:grid;grid-template-rows:auto auto minmax(0,1fr);box-sizing:border-box;width:230px;height:76px;max-height:76px;padding:9px 10px;overflow:hidden;border:1px solid rgba(255,106,44,.28);border-radius:11px;background:#0c0e14eb;box-shadow:0 18px 44px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:width .18s ease,height .18s ease,max-height .18s ease,box-shadow .18s ease}.course-group-progress-card.expanded{width:272px;height:min(600px,calc(100dvh - 205px));max-height:min(600px,calc(100dvh - 205px));box-shadow:0 24px 56px #0000006b}.course-group-progress-toggle,.course-group-progress-toggle>div,.course-group-progress-summary,.course-group-progress-item>span,.course-group-completed summary{display:flex;align-items:center}.course-group-progress-toggle{width:100%;justify-content:space-between;gap:8px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.course-group-progress-toggle>div{min-width:0;gap:6px}.course-group-progress-toggle>div>span{color:var(--brand-hi);font-size:11px;font-weight:800}.course-group-progress-toggle strong{overflow:hidden;color:#f3f5fb;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.course-group-progress-toggle-meta{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px}.course-group-progress-toggle-meta>b{color:#67e8f9;font-size:12px}.course-group-progress-toggle-meta>i{color:#7d879b;font-size:10px;font-style:normal}.course-group-progress-summary{gap:7px;margin:6px 0 4px;color:#8f98ac;font-size:11px}.course-group-progress-summary>i,.course-group-progress-item>i{position:relative;display:block;flex:1;height:4px;overflow:hidden;border-radius:999px;background:#ffffff17}.course-group-progress-summary em,.course-group-progress-item em{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#ff6a2c)}.course-group-progress-scroll{min-height:0;padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(255,106,44,.48) transparent}.course-group-progress-heading{margin:0 0 7px;color:#737d91;font-size:11px}.course-group-progress-item{display:grid;width:100%;gap:5px;margin-bottom:7px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff09;color:#cbd2df;text-align:left}.course-group-progress-item:hover,.course-group-progress-item.current{border-color:#22d3ee8c;background:#22d3ee14}.course-group-progress-item>span{justify-content:space-between;gap:8px}.course-group-progress-item>span b{color:#f6f7fb;font-size:12px}.course-group-progress-item>span small{color:#8d96a9;font-size:10px}.course-group-progress-item>strong{overflow:hidden;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.course-group-completed{margin-top:4px;border-top:1px solid rgba(255,255,255,.08)}.course-group-completed summary{justify-content:space-between;padding:10px 2px 7px;color:#8d96a9;font-size:11px;cursor:pointer}.course-group-completed summary span{color:#657087;font-weight:500}.course-group-progress-item.completed{opacity:.72}@media(max-width:900px),(max-height:700px){.course-group-progress-card{top:8px;left:8px;width:214px;height:70px;max-height:70px;padding:8px 9px}.course-group-progress-card.expanded{width:236px;height:min(420px,calc(100vh - 180px));max-height:min(420px,calc(100vh - 180px))}}.learning-board,.dictation-board,.typing-board,.puzzle-board,.speaking-board,.empty-board{display:grid;justify-items:center;width:min(100%,980px);max-width:calc(100vw - 96px);text-align:center}.sentence-cn{margin:0 auto;color:#eeeeef;font-size:29px;font-weight:500;line-height:1.45}.view-toggle{height:32px;margin:14px auto 26px;padding:0 15px;color:#b2b7c3;font-size:13px}.segment-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:24px;width:min(100%,1080px);margin:0 auto}.segment-row.word-view{align-items:flex-end;gap:18px}.segment-row.word-view .sentence-segment.word-save-armed{border-color:#ff8b4bcc;background:#ff6a2c1a;box-shadow:0 0 0 2px #ff6a2c1f,0 12px 32px #ff6a2c1f}.word-meaning-popover{position:fixed;z-index:80;width:292px;max-height:min(310px,calc(100vh - 24px));display:flex;flex-direction:column;overflow:hidden;padding:18px 18px 15px;border:1px solid rgba(80,205,239,.38);border-radius:14px;background:#0d121bf7;box-shadow:0 18px 55px #0000007a,0 0 28px #15bee117;color:#eef8ff;text-align:left}.word-meaning-popover>header>strong{display:block;padding-right:28px;font-family:var(--learner-font-family);font-size:25px;line-height:1.15}.word-meaning-popover>header>span{display:block;margin:5px 0 10px;color:#8bd8ec;font-size:12px}.word-meaning-popover p{margin:8px 0;color:#dbe5ef;font-size:13px;line-height:1.5}.word-meaning-popover p b{margin-right:7px;color:#7edff3}.word-meaning-popover>footer>small{display:block;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#ffb184;font-size:12px;font-weight:700}.word-meaning-popover>header,.word-meaning-popover>footer{flex:0 0 auto}.word-popover-body{min-height:0;overflow-y:auto}.word-meaning-popover>footer{display:flex;align-items:center;gap:10px}.word-meaning-popover>footer>small{flex:1}.word-meaning-popover>footer>button{flex:0 0 auto;margin-top:10px;padding:6px 10px;border:1px solid #60748a;border-radius:7px;color:inherit;background:transparent}.word-popover-close{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border:0;border-radius:8px;color:#9ba7b7;font-size:20px;line-height:1}.fixed-punctuation-slot{align-self:flex-end;flex:0 0 auto;margin:0 -5px 7px;color:#cbd5e1;font-family:var(--learner-font-family);font-size:clamp(34px,calc(var(--learner-font-size) * .9),58px);font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.fixed-punctuation-slot:after{display:block;margin-top:8px;color:#64748b;font-family:var(--font-family);font-size:10px;font-weight:600;letter-spacing:.08em;text-align:center;content:"固定"}.learning-structure-row{width:min(100%,1080px)}.sentence-analysis-card{overflow:visible;border:0;background:transparent;box-shadow:none}.sentence-flow-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;column-gap:clamp(22px,3vw,48px);row-gap:30px;min-height:126px;padding:28px clamp(10px,2vw,24px) 18px;overflow:visible}.sentence-flow-line .sentence-segment{display:inline-grid;grid-template-rows:auto auto auto auto;justify-items:center;min-width:0;max-width:none;padding:0 3px;flex:0 1 auto;max-width:min(100%,520px)}.sentence-flow-line .sentence-segment .role-badge{min-width:0;margin-bottom:8px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--segment-color) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--segment-color) 13%,transparent);color:color-mix(in srgb,var(--segment-color) 88%,white);font-size:12px}.sentence-flow-line .sentence-segment strong{width:100%;padding:0 7px 9px;font-size:clamp(28px,2.5vw,38px);line-height:1.12;overflow-wrap:anywhere;word-break:normal;text-wrap:balance;white-space:normal}.wordbook-learning-board .sentence-cn{margin-bottom:24px}.wordbook-learning-board .sentence-flow-line .sentence-segment strong{font-size:clamp(96px,calc(var(--learner-font-size) * 3),168px);line-height:1}.wordbook-learning-board .sentence-flow-line .sentence-segment small{margin-top:12px;font-size:16px}.sentence-flow-line .sentence-segment small{min-height:0;margin-top:8px;color:#8e96a6;font-size:14px}.sentence-flow-line .sentence-segment em{max-width:300px;margin-top:5px;color:#b8bdc8;font-size:14px;line-height:1.45}.sentence-segment{--segment-color: var(--cyan);display:grid;justify-items:center;min-width:94px;max-width:420px;padding:0 4px 4px;border:0;border-radius:0;background:transparent;color:#f4f8ff}.segment-row:not(.word-view) .sentence-segment:only-child{max-width:min(100%,980px)}.sentence-segment .role-badge{min-width:52px;margin-bottom:12px;padding:6px 11px;border-radius:6px;background:var(--segment-color);color:#051014;font-size:13px;font-weight:900}.sentence-segment strong{position:relative;display:block;max-width:100%;padding:0 6px 7px;color:#f5f7fb;font-family:var(--learner-font-family);font-size:var(--learner-font-size);font-weight:800;line-height:1.05;overflow-wrap:anywhere;text-align:center;text-wrap:balance;white-space:normal}.segment-row.word-view .sentence-segment strong{white-space:nowrap}.segment-row.word-view{align-items:flex-end;column-gap:clamp(18px,2.4vw,38px);row-gap:28px;padding:26px 14px 10px}.segment-row.word-view .sentence-segment{grid-template-rows:30px 22px auto 24px;align-items:end;min-width:76px;max-width:220px}.segment-row.word-view .word-gloss{align-self:start;max-width:150px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--segment-color) 36%,transparent);border-radius:999px;background:color-mix(in srgb,var(--segment-color) 13%,rgba(15,18,25,.9));color:color-mix(in srgb,var(--segment-color) 82%,white);font-size:12px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-row.word-view .sentence-segment small{min-height:18px;margin:0 0 4px;color:#7f8797;font-size:13px}.segment-row.word-view .sentence-segment strong{font-size:clamp(30px,2.7vw,44px)}.segment-row.word-view .word-role{margin-top:7px;color:color-mix(in srgb,var(--segment-color) 82%,#aab0bd);font-size:13px;font-weight:700}.sentence-segment strong:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--segment-color);content:""}.sentence-segment small,.sentence-segment em{display:block;max-width:100%;overflow-wrap:anywhere}.sentence-segment small{min-height:20px;margin-top:4px;color:#a9adba;font-size:14px}.sentence-segment em{color:#c5c7cf;font-size:16px;font-style:normal;line-height:1.35}.grammar-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px;margin:42px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}.grammar-strip span{max-width:100%;padding:9px 17px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#888f9d;font-size:14px;line-height:1.3}.sentence-study-details{display:grid;gap:8px;width:min(100%,1020px);max-width:calc(100vw - 132px);margin:14px auto 0;padding:0;text-align:left}.film-source-stage{position:absolute;inset:22px 22px auto auto;z-index:2;display:grid;width:min(38vw,520px);overflow:hidden;border:1px solid rgba(93,219,255,.4);border-radius:12px;background:#050a12e0;box-shadow:0 18px 42px #00000061}.film-source-stage video{display:block;width:100%;max-height:30vh;background:#05070a;object-fit:contain}.film-source-stage span{padding:8px 11px;color:#a9eaff;font-size:12px;letter-spacing:.04em}.practice-content{display:grid;justify-items:center;align-content:center;gap:24px;width:100%;min-width:0}.practice-canvas.mode-dictation,.practice-canvas.mode-learning{overflow-y:auto;align-items:safe center}.reviewing-answer{max-width:1100px;margin:auto;gap:24px}.reviewing-answer .sentence-cn{max-width:900px;font-size:clamp(21px,2.2vw,29px)}.answer-review-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;color:#a9bac6;font-size:12px}.answer-review-heading>span{color:#75cfaf;font-weight:700}.answer-review-heading>small{font-size:12px}.dictation-audio-status{margin:0;color:#78999e;font-size:12px;line-height:1.5;text-align:center}.answer-study-details .sentence-study-vocabulary{order:1}.reviewing-answer>.answer-study-details{order:-1}.reviewing-answer>.dictation-audio-status{order:-2}.reviewing-answer .dictation-board{gap:0}.reviewing-answer .dictation-board .blank-row{margin-top:24px;gap:12px 16px}.reviewing-answer .dictation-board .blank-row span{height:42px;font-size:clamp(22px,calc(var(--learner-font-size) * .56),34px)}.answer-study-details .sentence-study-summary{order:2}.answer-study-details .sentence-study-summary{margin-top:12px;flex-direction:column;align-items:center;gap:10px}.answer-study-details .sentence-study-grammar{text-align:center}.dictation-feedback-brief{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 16px;margin:24px 0 0;color:#b9a3ab;font-size:13px}.dictation-feedback-brief button{border:0;background:transparent;padding:0;color:#e6b385;font-size:13px}.sentence-study-summary,.sentence-study-grammar>div,.sentence-study-vocabulary-title,.sentence-study-word-list{display:flex}.sentence-study-grammar>span,.sentence-study-phonetic>span,.sentence-study-vocabulary-title>span{color:#79dff2;font-size:12px;font-weight:850;letter-spacing:.06em}.sentence-study-summary{align-items:baseline;justify-content:center;gap:14px;min-height:27px}.sentence-study-grammar,.sentence-study-phonetic{display:inline-flex;align-items:baseline;min-width:0;gap:7px}.sentence-study-grammar,.sentence-study-phonetic{flex:0 1 auto}.sentence-study-grammar>strong,.sentence-study-phonetic>strong{color:#c8d5dd;font-size:12px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.sentence-study-phonetic>strong{color:#9dabb9;font-family:var(--learner-font-family);font-size:12px;font-weight:600}.sentence-study-grammar>div{display:none}.sentence-study-grammar b{padding:3px 7px;border-radius:999px;color:#c8d6e3;font-size:11px;font-weight:650;line-height:1.3;background:#7e92b229}.sentence-study-vocabulary{display:grid;gap:5px}.sentence-study-vocabulary-title{display:none}.sentence-study-vocabulary-title>small{color:#7e8fa2;font-size:11px}.sentence-study-word-list{align-items:start;justify-content:center;gap:12px 10px;flex-wrap:wrap;padding:18px 20px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#eefffb0f;box-shadow:0 10px 25px #00000024;scrollbar-width:thin;scrollbar-color:rgba(81,205,230,.45) transparent}.study-grammar-group{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:0;max-width:100%;padding:10px;border-radius:12px}.study-grammar-group.has-grammar:before,.study-grammar-group.has-grammar:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.study-grammar-group.has-grammar:before{background:var(--word-color, #60748a);opacity:.14}.study-grammar-group.has-grammar:after{border:1px solid var(--word-color, #60748a);opacity:.4}.learning-theater[class*=theme-light] .study-grammar-group.has-grammar:before{opacity:.09}.study-grammar-group-words{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:14px 10px;max-width:100%}.sentence-study-word-list article{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-content:start;flex:0 0 auto;min-width:48px;max-width:150px;padding:0;text-align:center}.study-grammar-group>.study-grammar-label{align-self:center;margin-bottom:7px;padding:3px 9px;border-radius:999px;color:#f8fffb;font-size:11px;font-weight:850;line-height:1.25;background:var(--word-color, #7dd3fc)}.sentence-study-word-list article>strong,.sentence-study-word-list .study-word-trigger{color:#43dc76;font-family:var(--learner-font-family);width:100%;padding:0 5px 5px;border:0;border-bottom:3px solid #2ac86e;border-radius:0;background:transparent;font-size:23px;line-height:1.2;white-space:nowrap;overflow-wrap:anywhere}.study-word-trigger>strong{font:inherit;font-weight:700}.study-word-trigger:focus-visible{outline:2px solid #2ac86e;outline-offset:4px}.sentence-study-word-list article>small{margin-top:7px;color:#aebdcc;font-size:12px;line-height:1.35;white-space:nowrap}.sentence-study-word-list article>p{margin:6px 0 0;color:#e4edf0;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.answer-study-details{margin-top:0;gap:14px}.sentence-study-word-list .empty-pos{visibility:hidden}.sentence-study-word-list article>.study-lexical-label{margin-top:5px;font-size:10px;line-height:1.3;color:var(--muted)}.study-dictionary-status{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:var(--muted, #9aabb8)}.study-dictionary-status button{padding:4px 10px;border:1px solid #08a6c6;border-radius:8px;color:inherit;background:transparent}.study-grammar-group>.study-grammar-label{max-width:100%;white-space:normal}.learning-theater[class*=theme-light] .sentence-study-word-list{background:#fff;border-color:#dce7ec;box-shadow:0 8px 18px #2a4a5714}.learning-theater[class*=theme-light] .sentence-study-word-list article>strong,.learning-theater[class*=theme-light] .sentence-study-word-list .study-word-trigger{color:#149b46}.learning-theater[class*=theme-light] .sentence-study-word-list article>small,.learning-theater[class*=theme-light] .sentence-study-phonetic>strong{color:#57708e}.learning-theater[class*=theme-light] .sentence-study-word-list article>p,.learning-theater[class*=theme-light] .sentence-study-grammar>strong{color:#304458}.learning-theater[class*=theme-light] .answer-review-heading{color:#587083}.learning-theater[class*=theme-light] .answer-review-heading>span{color:#197e65}.learning-theater[class*=theme-light] .sentence-study-grammar>span,.learning-theater[class*=theme-light] .sentence-study-phonetic>span{color:#17687b}@media(max-width:900px){.learning-theater.dictation-session .practice-theater,.learning-theater.study-session .practice-theater{height:100vh;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) 106px}.learning-theater.desktop.dictation-session .practice-theater,.learning-theater.desktop.study-session .practice-theater{grid-template-rows:30px auto minmax(0,1fr) 106px}.dictation-session .practice-topbar{grid-template-columns:minmax(0,1fr);gap:8px}.dictation-session .topbar-left{width:100%;max-width:100%}.dictation-session .topbar-right{width:100%;flex-wrap:wrap;justify-content:flex-start;justify-self:stretch}.dictation-session .practice-canvas{padding:64px 14px 22px}.dictation-session .practice-content{align-content:start}.dictation-session .global-study-stats,.dictation-session .status-pill{display:none}.dictation-session .practice-bottom{min-height:0;padding:0 8px max(10px,env(safe-area-inset-bottom))}.dictation-session .control-dock{gap:5px;padding:7px;max-width:100%}.dictation-session .control-dock button{min-width:0;padding:7px 10px}}.dictation-answer-panel{width:min(100%,1080px);margin:14px auto 10px;padding:0 12px}.answer-correct-line{display:flex;align-items:baseline;justify-content:center;gap:10px;width:min(100%,920px);margin:0 auto 10px;padding:9px 14px;border:1px solid rgba(0,240,168,.28);border-radius:10px;background:#00f0a80f}.answer-correct-line>span{color:#6eecc6;font-size:12px;font-weight:800;letter-spacing:.08em}.answer-correct-line>strong{color:#f7fbff;font-family:var(--learner-font-family);font-size:clamp(18px,calc(var(--learner-font-size) * .42),28px);line-height:1.3;text-align:center;overflow-wrap:anywhere}.answer-view-switch{display:inline-flex;justify-self:center;margin:0 auto;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff09}.answer-view-switch button{min-width:88px;height:30px;padding:0 10px;border:0;border-radius:6px;color:#9ba5b6;font-size:12px;font-weight:700;background:transparent}.answer-view-switch button.active{color:#effeff;background:#00d8ee29;box-shadow:inset 0 0 0 1px #00d8ee4d}.answer-structure-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(10px,1.4vw,20px);width:100%;margin:10px auto 0;overflow-x:auto;scrollbar-width:thin}.answer-structure-row article{--segment-color: var(--cyan);display:inline-grid;justify-items:center;flex:0 0 auto;min-width:0;padding:2px 1px 6px}.answer-structure-row article>span{margin-bottom:4px;color:var(--segment-color);font-size:11px;font-weight:900;white-space:nowrap}.answer-structure-row strong{position:relative;padding:0 3px 7px;color:#f7fbff;font-family:var(--learner-font-family);font-size:clamp(22px,calc(var(--learner-font-size) * .55),34px);line-height:1.08;text-align:center;white-space:nowrap}.answer-structure-row strong:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:99px;background:var(--segment-color);content:""}.answer-compare-caption{width:min(100%,860px);margin:12px auto 8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#7f899b;font-size:12px;text-align:left}.answer-word-row,.answer-sentence-line{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.answer-word-row button{min-width:76px;max-width:180px;padding:7px 10px;border-radius:8px;background:#ffffff0a}.answer-word-row b,.answer-sentence-line span{display:block;color:#00f0a8;font-family:var(--learner-font-family);font-size:clamp(18px,calc(var(--learner-font-size) * .42),28px);line-height:1.1}.answer-word-row small{display:block;margin-top:4px;color:#8c94a6;font-size:12px}.answer-word-row button.wrong,.answer-word-row button.missing,.answer-sentence-line span.wrong,.answer-sentence-line span.missing{border-color:#ff3067cc;background:#ff30671a;box-shadow:0 0 24px #ff306733}.answer-word-row button.wrong b,.answer-word-row button.missing b,.answer-sentence-line span.wrong,.answer-sentence-line span.missing{color:#ff3373}.dictation-answer-panel>small{display:block;margin-top:14px;color:#8f96a4;font-size:14px}.dictation-grammar-strip{margin:12px auto 0;padding-top:12px}.dictation-grammar-strip span{padding:6px 11px;font-size:12px}.blank-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px;width:min(100%,960px);min-height:72px;margin:84px auto 0}.dictation-board.sentence-answer-visible .blank-row{margin-top:26px}.blank-row span{display:flex;align-items:center;justify-content:center;width:var(--blank-width, 96px);min-width:72px;max-width:220px;height:52px;overflow:hidden;padding:0 4px;border-bottom:3px solid rgba(255,255,255,.24);color:#edf6ff;font-family:var(--learner-font-family);font-size:calc(var(--learner-font-size) * .72);font-weight:700;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dictation-slot-text{min-width:0;color:inherit;font:inherit;line-height:inherit;white-space:pre}.dictation-caret{width:2px;height:.94em;margin:0 -1px;background:var(--cyan);box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 68%,transparent);animation:dictation-caret-blink .9s steps(1,end) infinite}@keyframes dictation-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}.dictation-board.word-answer-visible .blank-row{min-height:clamp(112px,15vh,180px);margin-top:clamp(72px,10vh,128px)}.dictation-board.word-answer-visible .blank-row span{width:auto!important;min-width:min(70vw,320px);max-width:min(88vw,1180px);height:auto;min-height:1.2em;overflow:visible;padding:0 18px 14px;border-bottom-width:5px;font-size:clamp(72px,8.5vw,148px);font-weight:900;line-height:1.05;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.blank-row span.active{border-color:var(--cyan)}.blank-row span.filled{border-color:#ffffff75}.blank-row span.correct{border-color:#00d8eee6;color:#e9fdff}.blank-row span.mismatch{border-color:#ff6b6bd1;color:#ffd2d2}.blank-row span.missing{border-color:#ff3067eb;box-shadow:0 14px 30px #ff30671a}.blank-row span.overfilled{color:#ffd2d2;font-size:clamp(18px,calc(var(--learner-font-size) * .48),30px);letter-spacing:0}.dictation-input-notice{margin:14px auto 0;color:#ffb15c;font-size:14px;text-align:center}.dictation-feedback-inline{display:grid;justify-items:center;gap:6px;max-width:760px;margin-top:30px;padding:15px 18px;border:1px solid rgba(255,48,103,.24);border-radius:8px;background:#ff30670f;color:#ffccda}.dictation-feedback-inline strong{color:#fff;font-size:16px}.dictation-feedback-inline span{color:#aeb6c7;font-size:14px}.speech-playback-notice{width:fit-content;max-width:min(92vw,680px);margin:12px auto 0;padding:8px 14px;border:1px solid rgba(34,211,238,.3);border-radius:999px;background:#082f499e;color:#a5f3fc;font-size:13px}.speech-playback-notice.error{border-color:#fb718573;background:#4c0519b8;color:#fecdd3}.dictation-learning-suggestion{display:flex;align-items:center;gap:10px;width:min(860px,calc(100vw - 48px));margin:18px auto 0;padding:14px 16px;border:1px solid rgba(251,146,60,.48);border-radius:14px;background:linear-gradient(135deg,#7c2d12d1,#431407b8);box-shadow:0 16px 40px #0003}.dictation-learning-suggestion div{display:grid;gap:4px;flex:1;min-width:0}.dictation-learning-suggestion strong{color:#ffedd5}.dictation-learning-suggestion span{color:#fed7aa;font-size:13px;line-height:1.5}.dictation-learning-suggestion button{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#0f172ab8;color:#e2e8f0}.dictation-learning-suggestion button.primary{border-color:#fb923c;background:#ea580c;color:#fff}@media(max-width:760px){.dictation-learning-suggestion{align-items:stretch;flex-direction:column}}.typing-board{gap:18px;width:min(100%,1120px)}.typing-target-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:0;width:min(100%,1040px);min-height:86px;margin:0 auto;color:#a99cff;font-family:var(--learner-font-family);font-size:clamp(34px,5.2vw,72px);font-weight:900;letter-spacing:0;line-height:1.05}.typing-word-group{display:inline-flex;flex:0 0 auto;white-space:nowrap}.typing-target-line .typing-char{position:relative;display:inline-grid;min-width:.52em;min-height:1.15em;place-items:center;padding:0 1px 10px;border-bottom:4px solid transparent;transition:color .12s ease,filter .12s ease,opacity .12s ease,border-color .12s ease}.typing-target-line .typing-char.space{min-width:.52em}.typing-target-line .typing-char.done{color:#a99cff;border-color:transparent}.typing-target-line .typing-char.current{color:#fff;border-color:#a99cff;text-shadow:0 0 22px rgba(169,156,255,.38)}.typing-target-line .typing-char.pending{color:#d2d7e852;filter:blur(7px)}.typing-target-line .typing-char.wrong{color:#ff6b9d;border-color:#ff3373;animation:typingShake .16s ease both}.dictation-board.wordbook-input-board .blank-row span:not(.overfilled){width:auto!important;min-width:min(70vw,320px);max-width:min(88vw,1180px);height:auto;min-height:1.2em;overflow:visible;padding:0 18px 14px;border-bottom-width:5px;font-size:clamp(96px,calc(var(--learner-font-size) * 3),168px);font-weight:900;line-height:1.05;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.typing-board.wordbook-input-board .typing-target-line{font-size:clamp(96px,calc(var(--learner-font-size) * 3),168px);line-height:1.05}.finger-keyboard{position:relative;display:grid;gap:10px;width:min(100%,1080px);margin:6px auto 0;overflow:hidden;padding:18px 18px 14px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,#121318fa,#090a0efa);box-shadow:inset 0 0 0 1px #ffffff05,0 24px 80px #0006}.finger-keyboard.error{box-shadow:inset 0 0 0 1px #ff337338,0 24px 80px #0006}.finger-keyboard-row{position:relative;z-index:3;display:flex;justify-content:center;gap:10px}.finger-keyboard-row span{position:relative;overflow:hidden;display:grid;width:calc(var(--key-unit, 1) * 56px);min-width:calc(var(--key-unit, 1) * 56px);height:56px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(180deg,#ffffff17,#ffffff0b);color:#f5f6fb;font-size:21px;font-weight:900;box-shadow:inset 0 -4px #0003;transition:transform 90ms ease,background 90ms ease,border-color 90ms ease,box-shadow 90ms ease}.finger-keyboard-row span.wide{font-size:14px}.finger-keyboard-row span.ghost{color:#dce1ec47}.finger-keyboard-row span.home{box-shadow:inset 0 -4px #0003,inset 0 2px #ffffff14}.finger-keyboard-row span.active{border-color:#a99cffeb;background:linear-gradient(180deg,#a99cff6b,#5b53d370);color:#fff;box-shadow:0 0 28px #a99cff52,inset 0 -3px #00000029;transform:translateY(2px)}.finger-keyboard-row span.active:after{position:absolute;inset:5px 9px auto;height:18px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);content:"";opacity:.7;pointer-events:none}.typing-hand-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.typing-palm-silhouettes{display:block;position:absolute;inset:auto 0 0;z-index:2;width:100%;height:100%;overflow:visible;color:#dfe4ee;filter:drop-shadow(0 16px 22px rgba(0,0,0,.16))}.gesture-hand-image{opacity:.72;filter:none;image-rendering:auto}.gesture-hand-pose{transition:opacity .1s ease}.gesture-active-reach{transition:opacity .14s ease}.gesture-active-finger{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:d .19s cubic-bezier(.2,.78,.22,1)}.gesture-active-finger{stroke:#397ddff0;stroke-width:7;filter:drop-shadow(0 0 4px rgba(56,132,240,.42))}.gesture-touch{fill:#397ddfb3;stroke:#9cd0ffe6;stroke-width:2;animation:gesture-touch-pulse .52s ease-in-out infinite alternate}@keyframes gesture-touch-pulse{0%{opacity:.64;transform:translateY(0)}to{opacity:1;transform:translateY(2px)}}.typing-finger{position:absolute;left:var(--finger-left, 50%);bottom:var(--finger-bottom, 20px);z-index:calc(var(--finger-z, 8) + 3);width:var(--finger-width, 44px);height:var(--finger-height, 166px);border:3px solid rgba(231,235,242,.27);border-radius:24px 24px 17px 17px/30px 30px 17px 17px;background:radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.21),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.12),transparent 22%,rgba(255,255,255,.08) 50%,transparent 78%),linear-gradient(180deg,#e0e3e957,#8c8f973d);box-shadow:inset 0 1px 14px #ffffff14,inset 0 -18px 22px #00000014;opacity:.92;transform-origin:50% calc(100% + 22px);transform:translate(-50%) rotate(var(--finger-rotate, 0deg));transition:left .15s cubic-bezier(.2,.8,.2,1),bottom .15s cubic-bezier(.2,.8,.2,1),height .15s cubic-bezier(.2,.8,.2,1),width .15s cubic-bezier(.2,.8,.2,1),background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .15s cubic-bezier(.2,.8,.2,1)}.typing-finger:before{position:absolute;inset:8px 7px 18px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 28%),linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);content:"";opacity:.74}.finger-segment,.finger-nail{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.finger-segment{width:68%;height:1px;border-radius:999px;background:#f6f8fc29;box-shadow:0 1px #0000001f}.finger-segment.top{top:27%}.finger-segment.middle{top:52%}.finger-segment.base{bottom:21%}.finger-nail{top:9px;width:42%;height:18px;border:1px solid rgba(255,255,255,.16);border-radius:999px 999px 11px 11px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.52),transparent 44%),linear-gradient(180deg,#fff3,#dce0e814);box-shadow:inset 0 -4px 8px #0000001a;opacity:.86}.finger-nail:after{position:absolute;top:4px;left:50%;width:44%;height:4px;border-radius:999px;background:#ffffff38;content:"";transform:translate(-50%)}.typing-finger.middle{border-color:#e1e5eb52}.typing-finger.index{border-color:#e1e5eb4d}.typing-finger.pinky{opacity:.84;transform-origin:50% calc(100% + 16px)}.typing-finger.thumb{border-radius:44px 44px 32px 32px/34px 34px 28px 28px;background:radial-gradient(ellipse at 50% 13%,rgba(255,255,255,.2),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.12),transparent 28%,rgba(255,255,255,.1) 60%,transparent 84%),linear-gradient(180deg,#e1e4eb5c,#898c944a);opacity:.94;transform-origin:50% calc(100% + 10px)}.typing-finger.thumb .finger-nail{top:15px;width:38%;height:18px}.typing-finger.thumb .finger-segment.top{top:34%}.typing-finger.thumb .finger-segment.middle,.typing-finger.thumb .finger-segment.base{display:none}.typing-finger.active{left:var(--finger-active-left, var(--finger-left, 50%));bottom:var(--finger-active-bottom, var(--finger-bottom, 20px));z-index:18;width:var(--finger-active-width, var(--finger-width, 44px));height:min(var(--finger-active-height, var(--finger-height, 166px)),248px);border-color:#308fffeb;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 24%,rgba(255,255,255,.16) 52%,transparent 80%),linear-gradient(180deg,#3496ffc2,#1d64dd8a);box-shadow:0 0 28px #2d84ff8a,0 16px 32px #1859d438,inset 0 0 20px #ffffff2e;opacity:1;transform:translate(-50%) rotate(var(--finger-active-rotate, var(--finger-rotate, 0deg))) scale(1.02)}.typing-finger.active .finger-nail{border-color:#ddefff3d;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.55),transparent 45%),#daeeff38}.typing-finger.active .finger-segment{background:#deefff42}.learning-theater.gesture-realistic .typing-finger:not(.active){display:block;border-width:2px;border-color:#e9edf62e;background:radial-gradient(ellipse at 50% 9%,rgba(255,255,255,.2),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.08),transparent 36%,rgba(255,255,255,.05) 68%,transparent),linear-gradient(180deg,#dce0e82e,#7479841f);box-shadow:none;opacity:.32;filter:none}.learning-theater.gesture-realistic .typing-finger.thumb:not(.active){opacity:.24}.learning-theater.gesture-realistic .typing-finger:not(.active):before{opacity:.26}.learning-theater.gesture-realistic .typing-finger:not(.active) .finger-segment,.learning-theater.gesture-realistic .typing-finger:not(.active) .finger-nail{opacity:.36}.learning-theater.gesture-realistic .typing-finger.active:after{position:absolute;inset:auto 5px 8px;height:18px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(115,190,255,.34),transparent 68%);content:"";opacity:.9}.learning-theater.gesture-realistic .finger-nail{height:17px;border-color:#ffffff38;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.62),transparent 43%),linear-gradient(180deg,#f4f6fa3d,#d2d7e21a)}.learning-theater.gesture-realistic .typing-finger.active{left:var(--finger-tip-left, var(--finger-active-left, var(--finger-left, 50%)));bottom:var(--finger-tip-bottom, var(--finger-active-bottom, var(--finger-bottom, 20px)));width:var(--finger-tip-width, 46px);height:var(--finger-tip-height, 96px);border-color:#3292fff2;border-width:3px;border-radius:27px 27px 19px 19px/34px 34px 20px 20px;background:radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.42),transparent 23%),linear-gradient(90deg,rgba(255,255,255,.16),transparent 24%,rgba(255,255,255,.1) 62%,transparent 88%),linear-gradient(180deg,#4aa6ffad,#1763de70);box-shadow:0 0 22px #2d84ff85,0 10px 24px #1859d42e,inset 0 0 18px #ffffff24;opacity:.78;transform:translate(-50%) rotate(var(--finger-tip-rotate, var(--finger-active-rotate, var(--finger-rotate, 0deg)))) scale(1)}.learning-theater.gesture-standard .typing-finger{border:2px dashed rgba(180,188,214,.24);background:#a0a8c20f;box-shadow:none;opacity:.34}.learning-theater.gesture-standard .typing-finger:not(.active){border-radius:18px 18px 10px 10px;opacity:.22}.learning-theater.gesture-standard .typing-finger:before{display:none}.learning-theater.gesture-standard .finger-nail,.learning-theater.gesture-standard .finger-segment{display:none}.learning-theater.gesture-standard .typing-finger.active{border-color:#3c96ffe6;border-style:solid;background:linear-gradient(180deg,#3c96ffb3,#1964e07a);box-shadow:0 0 24px #2d84ff6b,inset 0 0 12px #ffffff1f;opacity:.98}.typing-hand-layer.gesture-standard .typing-palm-silhouettes,.typing-hand-layer.gesture-realistic .typing-palm-silhouettes{opacity:.78}.waveform{position:fixed;right:50%;bottom:89px;display:flex;align-items:flex-end;gap:3px;width:316px;height:42px;transform:translate(50%);pointer-events:none}.waveform i,.voice-waveform i{width:4px;border-radius:4px 4px 0 0;background:#bfc9dd8c}.voice-waveform{position:absolute;top:-52px;left:50%;z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:3px;width:min(360px,calc(100vw - 96px));height:46px;margin:0;transform:translate(-50%);pointer-events:none}.voice-waveform i{background:linear-gradient(180deg,#00e5fff2,#bba7ff8c);box-shadow:0 0 12px #00e5ff3d;transform:translateY(0);transform-origin:center bottom;transition:height 34ms linear,opacity 50ms ease-out}.celebration-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(0,229,255,.12),transparent 24%),radial-gradient(circle at 50% 42%,rgba(0,255,160,.08),transparent 42%);pointer-events:none}.celebration-layer:before,.celebration-layer:after{position:absolute;left:50%;top:43%;width:210px;height:210px;border:2px solid rgba(0,229,255,.45);border-radius:999px;content:"";transform:translate(-50%,-50%);animation:celebrationRing .98s ease-out both}.celebration-layer:after{width:310px;height:310px;border-color:#ffd4475c;animation-delay:.14s}.celebration-layer strong{position:relative;z-index:2;padding:0;border:0;background:transparent;color:#fff;font-size:clamp(42px,6vw,86px);font-weight:900;text-shadow:0 0 22px rgba(0,229,255,.52),0 0 50px rgba(0,255,160,.24);animation:celebrationPop 1.5s ease both}.puzzle-failure-layer{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:10px;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(255,74,95,.2),transparent 32%);pointer-events:none;animation:puzzleFailureFade 1.5s ease both}.puzzle-failure-layer:before,.puzzle-failure-layer:after{position:absolute;left:50%;top:43%;width:230px;height:230px;border:3px solid rgba(255,74,95,.55);border-radius:999px;content:"";transform:translate(-50%,-50%);animation:puzzleFailureRing .85s ease-out both}.puzzle-failure-layer:after{width:320px;height:320px;border-color:#ff8f474d;animation-delay:.1s}.puzzle-failure-layer .failure-mark{color:#ff4a5f;font-size:clamp(72px,9vw,132px);font-weight:300;line-height:.8;text-shadow:0 0 30px rgba(255,74,95,.62);animation:puzzleFailureMark .7s cubic-bezier(.2,.9,.3,1.15) both}.puzzle-failure-layer strong{color:#fff;font-size:clamp(30px,4vw,58px);font-weight:900;text-shadow:0 0 24px rgba(255,74,95,.46)}.puzzle-failure-layer small{color:#ffbdc5;font-size:clamp(15px,1.5vw,22px)}.puzzle-board.puzzle-wrong .puzzle-tray{border-color:#ff4a5fcc;box-shadow:0 0 34px #ff4a5f3d;animation:puzzleTrayShake .52s ease both}@keyframes puzzleFailureFade{0%{opacity:0}12%,72%{opacity:1}to{opacity:0}}@keyframes puzzleFailureRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes puzzleFailureMark{0%{opacity:0;transform:scale(.45) rotate(-12deg)}45%{opacity:1;transform:scale(1.1) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes puzzleTrayShake{0%,to{transform:translate(0)}18%{transform:translate(-14px)}36%{transform:translate(12px)}54%{transform:translate(-8px)}72%{transform:translate(6px)}}.celebration-layer i{position:absolute;left:var(--burst-left, 50%);top:var(--burst-top, 45%);width:8px;height:8px;border-radius:999px;background:var(--spark-color);box-shadow:0 0 16px var(--spark-color);animation:sparkFly 1.05s cubic-bezier(.18,.88,.25,1.05) both;animation-delay:var(--spark-delay)}.celebration-layer i.confetti{left:var(--confetti-left);top:-10%;width:7px;height:18px;border-radius:2px;opacity:0;transform:rotate(var(--confetti-rotate));animation:confettiFall 2.2s cubic-bezier(.12,.62,.32,1) both;animation-delay:var(--spark-delay)}@keyframes sparkFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.2)}}@keyframes confettiFall{0%{opacity:0;transform:translate3d(0,-40px,0) rotate(var(--confetti-rotate))}12%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift),110vh,0) rotate(calc(var(--confetti-rotate) + 520deg))}}@keyframes celebrationRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.34)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}@keyframes celebrationPop{0%{opacity:0;transform:translateY(18px) scale(.72)}24%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(1.08)}}.puzzle-tray{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,650px);min-height:118px;margin:44px auto 40px;padding:20px;border:1px solid var(--brand-line);border-radius:8px;background:#ff6a2c0a;box-shadow:0 0 28px #ff6a2c14}.selected-words{display:flex;flex:1;flex-wrap:wrap;gap:10px;min-width:0}.selected-words span,.candidate-words button{min-height:48px;padding:9px 18px;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-soft);color:#f4fbff;font-family:var(--learner-font-family);font-size:calc(var(--learner-font-size) * .74);line-height:1.1}.selected-words em{margin:auto;color:#6e7583;font-style:normal}.tray-tools{display:grid;gap:8px}.tray-tools button{height:32px;min-width:54px;padding:0 10px;color:#aeb6c8;font-size:12px}.candidate-words{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:760px;margin:0 auto}.candidate-words button{border-color:#fff3;background:#ffffff12;color:#f2f5fb}.candidate-words button.used{border-style:dashed;opacity:.22}.speaking-board h2{margin:0;color:#e9fdff;font-family:var(--learner-font-family);font-size:var(--learner-font-size);font-weight:800;line-height:1.2;text-shadow:0 0 16px rgba(0,216,238,.3)}.speaking-board p{margin:22px 0 72px;color:#8f95a2;font-size:22px}.mic-button{display:grid;width:96px;height:96px;margin:0 auto 18px;place-items:center;border:2px solid var(--cyan);border-radius:999px;background:#00d8ee1f;box-shadow:0 0 28px #00d8ee40;color:var(--cyan);font-weight:900}.mic-button.recording{background:#ff6fb029;border-color:#ff6fb0;color:#ffb0d4;box-shadow:0 0 30px #ff6fb03d}.speaking-board small{color:#767d8b;font-size:15px}.speaking-result{display:grid;max-width:min(620px,92vw);margin:8px auto 14px;gap:7px;color:#b8c7d8;text-align:left}.speaking-result strong{color:var(--cyan)}.speaking-result small{line-height:1.5}.learning-theater.input-box .personal-preview span{min-width:180px;padding:14px 24px;border:1px solid rgba(172,184,208,.72);border-radius:8px;background:#ffffff14}.ghost-type-input{position:fixed;left:-1000px;width:1px;height:1px;opacity:0}@media(max-width:900px){.film-source-stage{position:relative;inset:auto;width:min(92vw,640px);margin:0 auto}.film-source-stage video{max-height:32vh}}.empty-board h2{margin:0 0 20px;font-size:30px}.empty-board button{height:42px;padding:0 18px}.practice-bottom{position:relative;display:grid;align-content:start;justify-items:center;gap:14px;padding:0 32px 18px;background:linear-gradient(to top,#030405,#030405e6)}.bottom-progress{width:min(960px,calc(100vw - 96px));height:7px;overflow:hidden;border-radius:99px;background:#ffffff2e}.bottom-progress i{display:block;height:100%;border-radius:inherit;background:#c1bcff}.control-dock{display:flex;align-items:center;gap:10px;min-height:72px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0b0d12f5}.control-dock button{display:grid;min-width:86px;min-height:50px;padding:7px 13px 6px;place-content:center;gap:3px;color:#c9cedf;text-align:center}.control-dock button strong{color:inherit;font-size:14px;line-height:1.15}.control-dock button small{color:#8f96aa;font-size:10px;font-weight:600;line-height:1.1;white-space:nowrap}.control-dock button.accent{border-color:#00d8ee73;background:#00d8ee1f;color:var(--cyan)}.control-dock button.accent small{color:color-mix(in srgb,var(--cyan) 70%,#ffffff 30%)}.shortcut-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1040px}.shortcut-strip span{min-height:32px;padding:7px 13px;color:#c9c8ff;font-size:13px;line-height:1.2}.segment-support-image{width:min(420px,72vw);max-height:220px;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#05080e7a;box-shadow:0 18px 48px #0000003d}.settings-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#03060c9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-modal{display:flex;flex-direction:column;width:min(520px,100%);max-height:min(82vh,720px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#11131bfa;box-shadow:0 24px 86px #0000007a}.settings-modal.small{width:min(490px,100%)}.settings-modal header,.settings-modal footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}.settings-modal header{border-bottom:1px solid rgba(255,255,255,.1)}.settings-modal h3{margin:0;color:#f4f7ff;font-size:16px}.settings-modal header button,.settings-modal footer button,.shortcut-row button,.choice-grid button{min-height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0f;color:#d6dcef}.settings-modal header button{min-width:34px;padding:0 10px}.settings-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 15px}.settings-group{display:grid;gap:10px}.settings-group+.settings-group{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.settings-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-group-head>div{display:grid;gap:4px}.settings-group-head b{color:#f2f5ff;font-size:14px}.settings-group-head small{color:#8991a2;font-size:12px;line-height:1.45}.settings-modal footer{justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);padding-bottom:calc(13px + env(safe-area-inset-bottom))}.settings-modal footer button.primary,.shortcut-row button:hover,.choice-grid button.selected{border-color:#00d8eeb3;background:#00d8ee26;color:var(--cyan)}.shortcut-row,.setting-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:54px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0a}.shortcut-row+.shortcut-row,.setting-line+.setting-line,.choice-section+.choice-section,.choice-section+.range-line,.range-line+.choice-section{margin-top:10px}.shortcut-row strong,.setting-line b,.choice-section b,.range-line span{color:#f2f5ff;font-size:14px}.shortcut-row span{padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#c8cef0;font-size:13px}.setting-line span{display:grid;gap:4px;min-width:0}.setting-line small,.modal-note,.range-line small{color:#8991a2;font-size:12px;line-height:1.45}.setting-line select{min-width:110px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#171a23;color:#f5f7ff}.button-line{grid-template-columns:1fr auto;width:100%;text-align:left}.button-line strong{color:var(--cyan);font-size:14px}.choice-section{display:grid;gap:10px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-grid button{min-height:40px;justify-content:center}.choice-grid.gesture-choice-grid button{display:grid;min-height:76px;justify-content:stretch;justify-items:start;gap:6px;padding:10px 12px;text-align:left}.choice-grid.gesture-choice-grid button span{color:#f3f6ff;font-weight:800}.choice-grid.gesture-choice-grid button small{color:#9199ab;font-size:12px;line-height:1.45}.choice-grid.gesture-choice-grid button.selected small{color:#bdf8ff}.range-line{display:grid;grid-template-columns:1fr auto;gap:9px}.range-line input,.range-line small{grid-column:1 / -1}.range-line input{accent-color:var(--cyan)}.range-line strong{color:var(--cyan);font-size:13px}.settings-volume-line{padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#ffffff0a}.settings-volume-line.disabled{opacity:.5}.personal-preview{display:grid;min-height:88px;margin-top:12px;place-items:center;border:1px solid rgba(104,121,170,.3);border-radius:8px;background:radial-gradient(circle at 50% 0,#00d8ee1a,#0d101bbf)}.personal-preview span{padding-bottom:7px;border-bottom:3px solid rgba(180,188,206,.62);color:#f8fbff;font-family:var(--learner-font-family);font-size:var(--learner-font-size);font-weight:800}.personal-preview.input-box span{border-bottom-width:1px}.learning-theater.interface-compact .practice-canvas{padding-top:38px}.learning-theater.interface-compact .sentence-cn{font-size:24px}.learning-theater.interface-compact .grammar-strip{margin-top:24px}.learning-theater.interface-wide .learning-board,.learning-theater.interface-wide .dictation-board,.learning-theater.interface-wide .typing-board,.learning-theater.interface-wide .puzzle-board,.learning-theater.interface-wide .speaking-board,.learning-theater.interface-wide .empty-board{width:min(100%,1180px)}.learning-theater.theme-lightStandard,.learning-theater.theme-lightStandard .practice-theater{background:#eef3f8;color:#162032}.learning-theater.theme-lightPure,.learning-theater.theme-lightPure .practice-theater{background:#fff;color:#172033}.learning-theater.theme-lightGray,.learning-theater.theme-lightGray .practice-theater{background:#e7e9ee;color:#1d2433}.learning-theater[class*=theme-light] .practice-topbar,.learning-theater[class*=theme-light] .practice-bottom,.learning-theater[class*=theme-light] .quick-settings,.learning-theater[class*=theme-light] .account-panel,.learning-theater[class*=theme-light] .settings-modal,.learning-theater[class*=theme-light] .study-drawer{border-color:#1420341f;background:#f7f9fcf2;color:#172033}.learning-theater.theme-lightPure .practice-topbar,.learning-theater.theme-lightPure .practice-bottom,.learning-theater.theme-lightPure .quick-settings,.learning-theater.theme-lightPure .account-panel,.learning-theater.theme-lightPure .settings-modal,.learning-theater.theme-lightPure .study-drawer{background:#fffffff7}.learning-theater.theme-lightGray .practice-topbar,.learning-theater.theme-lightGray .practice-bottom,.learning-theater.theme-lightGray .quick-settings,.learning-theater.theme-lightGray .account-panel,.learning-theater.theme-lightGray .settings-modal,.learning-theater.theme-lightGray .study-drawer{background:#eef1f6f7}.learning-theater[class*=theme-light] .sentence-cn,.learning-theater[class*=theme-light] .sentence-segment strong,.learning-theater[class*=theme-light] .speaking-board h2,.learning-theater[class*=theme-light] .typing-target-line span.done,.learning-theater[class*=theme-light] .typing-target-line span.current,.learning-theater[class*=theme-light] .drawer-brand h1,.learning-theater[class*=theme-light] .account-panel h2,.learning-theater[class*=theme-light] .settings-modal h3,.learning-theater[class*=theme-light] .settings-group-head b,.learning-theater[class*=theme-light] .setting-card strong,.learning-theater[class*=theme-light] .shortcut-row strong,.learning-theater[class*=theme-light] .setting-line b,.learning-theater[class*=theme-light] .choice-section b,.learning-theater[class*=theme-light] .range-line span,.learning-theater[class*=theme-light] .personal-preview span{color:#172033}.learning-theater[class*=theme-light] .setting-card,.learning-theater[class*=theme-light] .shortcut-row,.learning-theater[class*=theme-light] .setting-line,.learning-theater[class*=theme-light] .settings-volume-line,.learning-theater[class*=theme-light] .choice-grid button,.learning-theater[class*=theme-light] .settings-modal header button,.learning-theater[class*=theme-light] .settings-modal footer button,.learning-theater[class*=theme-light] .top-icon,.learning-theater[class*=theme-light] .avatar-button,.learning-theater[class*=theme-light] .mode-select-trigger,.learning-theater[class*=theme-light] .mode-select-menu button,.learning-theater[class*=theme-light] .control-dock button,.learning-theater[class*=theme-light] .shortcut-strip span,.learning-theater[class*=theme-light] .view-toggle{border-color:#14203424;background:#1720330a;color:#263246}.learning-theater[class*=theme-light] .setting-options,.learning-theater[class*=theme-light] .setting-line select{border-color:#14203424;background:#fff;color:#172033}.learning-theater[class*=theme-light] .sentence-segment em,.learning-theater[class*=theme-light] .sentence-segment small,.learning-theater[class*=theme-light] .grammar-strip span,.learning-theater[class*=theme-light] .speaking-board p,.learning-theater[class*=theme-light] .typing-target-line span.pending,.learning-theater[class*=theme-light] .setting-card span,.learning-theater[class*=theme-light] .account-panel p,.learning-theater[class*=theme-light] .setting-line small,.learning-theater[class*=theme-light] .modal-note,.learning-theater[class*=theme-light] .range-line small{color:#687386}.learning-theater[class*=theme-light] .sentence-analysis-card{border-color:#14203424;background:#ffffffdb;box-shadow:0 18px 44px #2837501a,inset 0 1px #fffc}.learning-theater[class*=theme-light] .control-dock,.learning-theater[class*=theme-light] .grammar-strip,.learning-theater[class*=theme-light] .settings-modal header,.learning-theater[class*=theme-light] .settings-modal footer{border-color:#1420341f}.learning-theater[class*=theme-light]{--ink: #172033;--ink-2: #3f4d63;--ink-3: #69778b;--ink-4: #94a0b1;--line: rgba(30, 48, 76, .1);--line-2: rgba(30, 48, 76, .16);--line-3: rgba(30, 48, 76, .24);--panel: #ffffff;--panel-2: #f4f7fb;--cyan: #0891b2;--violet: #6558d9;color-scheme:light}.learning-theater[class*=theme-light] .practice-canvas{background:radial-gradient(720px 420px at 50% 46%,rgba(255,255,255,.72),transparent 70%),linear-gradient(rgba(35,55,83,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(35,55,83,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.learning-theater[class*=theme-light] .lesson-trail span,.learning-theater[class*=theme-light] .session-stats,.learning-theater[class*=theme-light] .mode-select-menu button span,.learning-theater[class*=theme-light] .mode-select-menu button small{color:#4f5d72}.learning-theater[class*=theme-light] .mode-select-menu,.learning-theater[class*=theme-light] .desktop-download-popover,.learning-theater[class*=theme-light] .setting-options{border-color:#1e304c29;background:#fffffffa;box-shadow:0 18px 42px #2b3a5224}.learning-theater[class*=theme-light] .quick-settings,.learning-theater[class*=theme-light] .account-panel,.learning-theater[class*=theme-light] .settings-modal,.learning-theater[class*=theme-light] .study-drawer{box-shadow:0 20px 54px #2b3a5229}.learning-theater[class*=theme-light] .setting-card small{color:#9aa6b7}.learning-theater[class*=theme-light] .setting-card:hover,.learning-theater[class*=theme-light] .choice-grid button:hover,.learning-theater[class*=theme-light] .control-dock button:hover{background:#ff6a2c13}.learning-theater[class*=theme-light] .setting-options button,.learning-theater[class*=theme-light] .account-tabs button{color:#46556b}.learning-theater[class*=theme-light] .setting-options button:hover,.learning-theater[class*=theme-light] .setting-options button.selected,.learning-theater[class*=theme-light] .account-tabs button.active{color:#c2410c}.learning-theater[class*=theme-light] .course-group-progress-card,.learning-theater[class*=theme-light] .finger-keyboard,.learning-theater[class*=theme-light] .word-meaning-popover{border-color:#1e304c26;background:#fffffff0;color:#172033;box-shadow:0 18px 44px #2b3a5221}.learning-theater[class*=theme-light] .course-group-progress-toggle strong,.learning-theater[class*=theme-light] .course-group-progress-item>span b,.learning-theater[class*=theme-light] .word-meaning-popover>header>strong,.learning-theater[class*=theme-light] .word-meaning-popover p{color:#172033}.learning-theater[class*=theme-light] .course-group-progress-summary,.learning-theater[class*=theme-light] .course-group-progress-heading,.learning-theater[class*=theme-light] .course-group-progress-item,.learning-theater[class*=theme-light] .course-group-progress-item>span small,.learning-theater[class*=theme-light] .course-group-completed summary{color:#66758a}.learning-theater[class*=theme-light] .course-group-progress-item{border-color:#1e304c1a;background:#24344d09}.learning-theater[class*=theme-light] .course-group-progress-summary>i,.learning-theater[class*=theme-light] .course-group-progress-item>i,.learning-theater[class*=theme-light] .bottom-progress{background:#1e304c21}.learning-theater[class*=theme-light] .sentence-analysis-card,.learning-theater[class*=theme-light] .puzzle-tray{background:#ffffffc7}.learning-theater[class*=theme-light] .sentence-segment,.learning-theater[class*=theme-light] .answer-structure-row strong,.learning-theater[class*=theme-light] .answer-correct-line>strong,.learning-theater[class*=theme-light] .blank-row span,.learning-theater[class*=theme-light] .selected-words span,.learning-theater[class*=theme-light] .candidate-words button,.learning-theater[class*=theme-light] .empty-board h2{color:#172033}.learning-theater[class*=theme-light] .sentence-flow-line .sentence-segment .role-badge{color:color-mix(in srgb,var(--segment-color) 72%,#172033)}.learning-theater[class*=theme-light] .grammar-strip,.learning-theater[class*=theme-light] .answer-compare-caption,.learning-theater[class*=theme-light] .answer-correct-line{border-color:#1e304c1f}.learning-theater[class*=theme-light] .answer-correct-line{background:#0891b212}.learning-theater[class*=theme-light] .answer-correct-line>span{color:#0f766e}.learning-theater[class*=theme-light] .grammar-strip span,.learning-theater[class*=theme-light] .answer-compare-caption,.learning-theater[class*=theme-light] .dictation-answer-panel>small,.learning-theater[class*=theme-light] .selected-words em,.learning-theater[class*=theme-light] .tray-tools button{color:#68778c}.learning-theater[class*=theme-light] .blank-row span{border-color:#1e304c38}.learning-theater[class*=theme-light] .blank-row span.filled{border-color:#1e304c6b}.learning-theater[class*=theme-light] .dictation-feedback-inline{border-color:#dc265c3d;background:#e11d480f;color:#9f1239}.learning-theater[class*=theme-light] .dictation-feedback-inline strong{color:#881337}.learning-theater[class*=theme-light] .dictation-feedback-inline span{color:#667085}.learning-theater[class*=theme-light] .typing-target-line .typing-char.done{color:#6558d9}.learning-theater[class*=theme-light] .typing-target-line .typing-char.current{color:#172033;text-shadow:0 0 18px rgba(101,88,217,.18)}.learning-theater[class*=theme-light] .typing-target-line .typing-char.pending{color:#3d4c6657}.learning-theater[class*=theme-light] .finger-keyboard-row span{border-color:#1e304c29;background:linear-gradient(180deg,#fff,#e9eef5);color:#263246;box-shadow:inset 0 -4px #2c3e5a1f}.learning-theater[class*=theme-light] .finger-keyboard-row span.ghost{color:#34445e57}.learning-theater[class*=theme-light] .practice-bottom{border-top:1px solid rgba(30,48,76,.1);background:linear-gradient(to top,#f4f7fb,#fafcfff0)}.learning-theater[class*=theme-light] .control-dock{background:#ffffffeb;box-shadow:0 10px 28px #2b3a5217}.learning-theater[class*=theme-light] .control-dock button small{color:#718096}.learning-theater[class*=theme-light] .speech-playback-notice{border-color:#0891b247;background:#0891b214;color:#0e7490}.learning-theater[class*=theme-light] .speech-playback-notice.error{border-color:#e11d4847;background:#e11d4812;color:#be123c}.learning-theater[class*=theme-light] .waveform i,.learning-theater[class*=theme-light] .voice-waveform i{background:linear-gradient(180deg,#0891b2,#6558d9);box-shadow:0 0 10px #0891b229}.study-drawer{position:fixed;inset:var(--drawer-top-offset) auto 0 0;display:flex;flex-direction:column;gap:8px;width:var(--drawer-width);max-width:var(--drawer-width);padding:12px 14px;overflow:auto;border-right:1px solid var(--line-2);background:#0a0b0ff5;box-shadow:30px 0 80px #0000006b;transform:translate(-104%);transition:transform .18s ease;z-index:20}.learning-theater :is(.study-drawer,.catalog-root-tabs,.catalog-category-sidebar,.course-package-list,.catalog-dropdown-menu,.lesson-detail-sentences,.course-group-progress-scroll,.answer-structure-row){scrollbar-width:thin;scrollbar-color:rgba(139,154,180,.52) rgba(255,255,255,.035)}.learning-theater :is(.study-drawer,.catalog-root-tabs,.catalog-category-sidebar,.course-package-list,.catalog-dropdown-menu,.lesson-detail-sentences,.course-group-progress-scroll,.answer-structure-row)::-webkit-scrollbar{width:8px;height:8px}.learning-theater :is(.study-drawer,.catalog-root-tabs,.catalog-category-sidebar,.course-package-list,.catalog-dropdown-menu,.lesson-detail-sentences,.course-group-progress-scroll,.answer-structure-row)::-webkit-scrollbar-track{border-radius:999px;background:#ffffff09}.learning-theater :is(.study-drawer,.catalog-root-tabs,.catalog-category-sidebar,.course-package-list,.catalog-dropdown-menu,.lesson-detail-sentences,.course-group-progress-scroll,.answer-structure-row)::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#a3b1cabd,#60708ba3);background-clip:padding-box}.learning-theater :is(.study-drawer,.catalog-root-tabs,.catalog-category-sidebar,.course-package-list,.catalog-dropdown-menu,.lesson-detail-sentences,.course-group-progress-scroll,.answer-structure-row)::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8d54db,#bf5e3ad1);background-clip:padding-box}.learning-theater :is(.study-drawer,.catalog-root-tabs,.catalog-category-sidebar,.course-package-list,.catalog-dropdown-menu,.lesson-detail-sentences,.course-group-progress-scroll,.answer-structure-row)::-webkit-scrollbar-corner{background:transparent}.learning-theater.drawer-open .study-drawer{transform:translate(0)}.drawer-scrim{position:fixed;inset:0;border:0;background:transparent;z-index:15}.drawer-brand{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-brand-main{display:flex;align-items:center;min-width:0;gap:9px}.drawer-close{min-width:54px;height:32px;border:1px solid var(--line-2);border-radius:8px;background:#ffffff0d;color:var(--ink-2);font-size:12px}.drawer-close:hover{border-color:var(--line-3);color:var(--ink)}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:0;background:transparent;color:inherit;font-size:0}.brand-mark .huosu-logo-mark{width:36px;height:36px}.drawer-brand h1,.drawer-brand p,.drawer-section h2,.knowledge-item p{margin:0}.drawer-brand h1{font-size:18px}.drawer-brand p{margin-top:2px;color:var(--ink-3);font-size:12px}.drawer-card,.drawer-section{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#ffffff08}.auth-card span,.auth-card small,.drawer-card small,.drawer-section span{color:var(--ink-3);font-size:12px}.auth-card strong,.drawer-card-head strong{color:#f5f6fb;font-size:15px}.auth-card input,.member-card input,.partner-card input{width:100%;height:38px;min-width:0;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;background:#ffffff0f;color:#fff}.auth-card input:focus{border-color:#00d8ee8c}.auth-card input.invalid{border-color:#ff6740d1;box-shadow:0 0 0 1px #ff67402e}.member-card input:focus,.partner-card input:focus{border-color:#00d8ee8c}.auth-copy{display:grid;gap:4px;color:#d9def0}.auth-copy span{color:#fff;font-weight:800}.auth-copy small{color:#98a2b6;line-height:1.5}.auth-row{display:grid;grid-template-columns:1fr 96px;gap:8px}.auth-card button{min-height:36px;padding:0 10px}.auth-card button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.auth-card .wechat-auth{border-color:#ffffff24;background:#ffffff0e;color:#d9def0}.auth-card .auth-notice{color:#ffd166;line-height:1.5}.member-card button,.partner-card button,.desktop-download-card button,.openapi-card button{min-height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#d9def0;font-size:12px}.member-card button:disabled,.partner-card button:disabled,.desktop-download-card button:disabled{opacity:.55}.quick-action-row,.prompt-chip-row{display:flex;flex-wrap:wrap;gap:8px}.quick-action-row button,.library-card>button,.follow-mini-row button,.ai-helper-card>button,.prompt-chip-row button{min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#d9def0;font-size:12px;font-weight:800}.quick-action-row button:hover,.library-card>button:hover,.follow-mini-row button:hover,.ai-helper-card>button:hover,.prompt-chip-row button:hover{border-color:#00d8ee73;color:#05e4ff}.quick-action-row button:disabled,.library-card>button:disabled,.ai-helper-card>button:disabled{cursor:not-allowed;opacity:.55}.library-mini-list{display:grid;gap:8px;max-height:360px;overflow:auto}.account-library-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.account-library-tabs button{display:grid;gap:5px;min-width:0;padding:11px 8px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff0a;color:#c9cfdf;text-align:left}.account-library-tabs button.active{border-color:#00d8eeb8;background:#00d8ee1a;color:#fff}.account-library-tabs b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.account-library-tabs span{color:#ff8f5a;font-size:11px}.account-smart-library-list{display:grid;gap:9px;max-height:420px;overflow:auto}.account-ai-pack-library{display:grid;gap:9px;max-height:430px;overflow-x:hidden;overflow-y:auto}.account-ai-pack-library>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.account-ai-pack-library>header div{display:grid;gap:3px}.account-ai-pack-library>header b,.account-ai-pack-heading b{color:#f5f7ff}.account-ai-pack-library>header small,.account-ai-pack-library>header>span{color:#8e96a8;font-size:10px}.account-ai-pack-card{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff09}.account-ai-pack-heading,.account-ai-pack-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-ai-pack-heading b{min-width:0;overflow-wrap:anywhere;font-size:13px}.account-ai-pack-heading em,.account-ai-pack-focus span{flex:0 0 auto;border:1px solid rgba(0,216,238,.3);border-radius:999px;color:#62dbea;font-size:10px;font-style:normal}.account-ai-pack-heading em{padding:3px 7px}.account-ai-pack-card p{margin:0;color:#aab2c2;font-size:11px;line-height:1.6}.account-ai-pack-focus{display:flex;flex-wrap:wrap;gap:5px}.account-ai-pack-focus span{padding:2px 7px}.account-ai-pack-progress{display:grid;gap:4px}.account-ai-pack-progress i{height:4px;overflow:hidden;border-radius:999px;background:#ffffff1a}.account-ai-pack-progress i em{display:block;height:100%;border-radius:inherit;background:#4382b8}.account-ai-pack-progress span,.account-ai-pack-card footer>span{color:#8e96a8;font-size:10px}.account-ai-pack-card footer{align-items:flex-end}.account-ai-pack-card footer>span{min-width:0;line-height:1.5}.account-ai-pack-card footer button{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,111,45,.48);border-radius:7px;background:#ff6f2d14;color:#ff8f5a;font-size:11px;font-weight:800}.account-ai-pack-card footer button:disabled{cursor:wait;opacity:.6}.account-smart-library-list>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.account-smart-library-list>header div{display:grid;gap:3px}.account-smart-library-list>header b{color:#f5f7ff;font-size:14px}.account-smart-library-list>header small,.account-smart-library-list>header>span{color:#8e96a8;font-size:10px}.library-mini-list article{display:grid;gap:5px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff09}.library-mini-list h4{margin:5px 0 0;color:#f5f7ff;font-size:12px}.library-mini-list .library-empty{margin:0;padding:8px 10px;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#8e96a8;font-size:11px}.library-mini-list b,.follow-mini-row b,.ai-reply-box b{color:#f5f7ff;font-size:13px}.library-mini-list em,.follow-mini-row em{color:#05e4ff;font-size:11px;font-style:normal}.library-mini-list span{display:block;overflow:hidden;color:#c9cfdf;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.library-mini-list i{margin-left:6px;color:#8e96a8;font-style:normal}.follow-mini-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff09}.follow-mini-row img{width:56px;height:40px;border-radius:6px;object-fit:cover}.follow-mini-row span{display:grid;gap:3px;min-width:0}.follow-mini-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-helper-card textarea{min-height:86px;resize:vertical;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;background:#ffffff0f;color:#fff;font:inherit}.ai-helper-card textarea:focus{border-color:#00d8ee8c}.ai-reply-box{display:grid;gap:6px;padding:10px;border:1px solid rgba(0,216,238,.18);border-radius:8px;background:#00d8ee12}.desktop-platform-list{display:grid;grid-template-columns:1fr;gap:7px}.desktop-platform-list button{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;text-align:left}.desktop-platform-list button.active{border-color:#00d8eea6;background:#00d8ee24;color:var(--cyan)}.desktop-platform-list button.disabled{color:#7b8293}.desktop-platform-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-platform-list span{flex:0 0 auto;color:inherit;font-size:11px}.desktop-download-card button.primary{border-color:#00d8eeb3;background:#00d8ee2e;color:var(--cyan);font-weight:800}.desktop-update-toast{position:fixed;right:24px;bottom:104px;z-index:18;display:grid;width:min(360px,calc(100vw - 48px));gap:9px;padding:14px;border:1px solid rgba(0,216,238,.35);border-radius:8px;background:#0d1118f5;box-shadow:0 18px 44px #00000061}.desktop-update-toast div{display:grid;gap:3px}.desktop-update-toast span{color:var(--cyan);font-size:12px;font-weight:800}.desktop-update-toast strong{color:#f7f9ff;font-size:14px}.desktop-update-toast i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#ffffff1f}.desktop-update-toast b{display:block;height:100%;border-radius:inherit;background:var(--cyan)}.trial-gate{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;background:#0000008a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trial-gate>div{position:relative;display:grid;gap:14px;width:min(460px,100%);padding:24px;border:1px solid rgba(0,216,238,.36);border-radius:10px;background:#0e121af5;box-shadow:0 24px 70px #00000073}.trial-gate-card input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:8px;outline:none;background:#ffffff0f;color:#fff;font-size:15px}.trial-gate-card input:focus{border-color:#00d8eebf}.trial-gate-card input.invalid{border-color:#ff6a2cbf}.trial-gate-auth-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.trial-gate-actions{display:flex;justify-content:flex-end;gap:10px}.trial-gate .trial-gate-close{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;border-color:#ffffff29;background:#ffffff0f;color:#d6dbe5;font-size:22px}.trial-gate button.secondary{border-color:#ffffff2e;background:#ffffff0f;color:#d6dbe5}.trial-gate button:disabled{cursor:not-allowed;opacity:.45}.trial-gate span{color:var(--cyan);font-size:13px;font-weight:900}.trial-gate strong{color:#fff;font-size:24px}.trial-gate p{margin:0;color:#aeb8ca;line-height:1.7}.trial-gate button{justify-self:start;height:42px;padding:0 18px;border:1px solid rgba(0,216,238,.8);border-radius:7px;background:linear-gradient(135deg,#00d8ee,#7cf9ff);color:#031014;font-weight:900}.learning-dialog-layer{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:24px;background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learning-dialog-card{display:grid;gap:14px;width:min(560px,100%);padding:26px;border:1px solid rgba(0,216,238,.38);border-radius:12px;background:#0e121afa;box-shadow:0 24px 72px #00000080}.learning-dialog-card.completion-card{width:min(820px,100%)}.learning-dialog-card>span{color:var(--cyan);font-size:13px;font-weight:900}.learning-dialog-card>strong{color:#fff;font-size:25px}.learning-dialog-card>p{margin:0;color:#aeb8ca;line-height:1.7}.completion-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;padding-top:4px}.completion-actions button{min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#ffffff12;color:#e8edf7;font-weight:800}.completion-actions button.primary{border-color:#00d8eec7;background:linear-gradient(135deg,#00d8ee,#7cf9ff);color:#031014}.completion-actions .next-checkpoint-action{width:auto;min-width:0;max-width:220px;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-checkpoint-action kbd{display:inline-grid;min-width:48px;height:24px;margin-right:4px;place-items:center;border:1px solid rgba(3,16,20,.32);border-radius:5px;background:#0310141f;color:inherit;font:inherit;font-size:12px;line-height:1}@media(max-width:720px){.learning-dialog-card.completion-card{width:min(560px,100%)}.completion-actions{flex-wrap:wrap}.completion-actions .next-checkpoint-action{order:-1;max-width:none;flex-basis:100%}}.intro-demo-layer{position:fixed;right:50%;bottom:168px;z-index:24;display:grid;width:min(760px,calc(100vw - 48px));gap:14px;padding:18px;border:1px solid rgba(0,216,238,.3);border-radius:8px;background:linear-gradient(180deg,#0a0e16f0,#06080dfa),#080b12;box-shadow:0 24px 90px #00000085,0 0 42px #00d8ee14;transform:translate(50%)}.intro-demo-copy{display:grid;gap:5px;text-align:center}.intro-demo-copy span{color:var(--cyan);font-size:12px;font-weight:900}.intro-demo-copy strong{overflow-wrap:anywhere;color:#f8fbff;font-size:22px}.intro-demo-copy strong.typing{min-height:34px;color:#fff;font-family:Space Grotesk,ui-monospace,monospace;letter-spacing:.02em}.intro-demo-copy strong i{display:inline-block;width:2px;height:1em;margin-left:4px;vertical-align:-3px;background:var(--cyan);animation:landing-cursor .8s steps(1) infinite}.intro-demo-copy small{color:#9aa3b7;font-size:13px}.intro-demo-progress{position:relative;height:8px;margin:8px 8px 0;overflow:visible;border-radius:999px;background:#ffffff14}.intro-demo-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--cyan));box-shadow:0 0 18px #00d8ee40;transition:width .12s linear}.intro-demo-progress em{position:absolute;top:-20px;right:0;color:#8f9aac;font-size:10px;font-style:normal}.intro-demo-actions{display:flex;justify-content:flex-end;gap:10px}.intro-demo-actions button:first-child{border-color:#ffffff29;background:#ffffff0a;color:#cbd3df}.virtual-keyboard{display:grid;gap:8px}.keyboard-row{display:flex;justify-content:center;gap:8px}.keyboard-row span{display:grid;min-width:42px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#ffffff17,#ffffff09);color:#dfe6f6;font-size:13px;font-weight:800;box-shadow:inset 0 -3px #00000038;transition:transform .08s ease,border-color .08s ease,background .08s ease,box-shadow .08s ease}.keyboard-row span.wide{min-width:88px}.keyboard-row span.active{border-color:#00d8eef2;background:#00d8ee33;color:#fff;box-shadow:0 0 22px #00d8ee59,inset 0 -2px #0000002e;transform:translateY(2px) scale(.98)}.intro-shortcut-panel{display:grid;gap:8px;padding:12px;border:1px solid rgba(166,141,255,.24);border-radius:8px;background:#ffffff0b}.intro-shortcut-panel b{color:#f6f7fb;font-size:14px}.intro-shortcut-panel span{color:#b8bfd0;font-size:13px}.intro-shortcut-panel button{justify-self:end;min-height:36px;padding:0 14px;border:1px solid rgba(0,216,238,.65);border-radius:8px;background:#00d8ee26;color:var(--cyan);font-size:13px;font-weight:900}.coupon-row,.plan-actions{display:grid;gap:8px}.coupon-row{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-actions{grid-template-columns:1fr}.plan-actions button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left}.plan-actions button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-actions button small{color:#8f96a7;font-size:11px;white-space:nowrap}.member-lock-hint{color:#ffd36a!important}.commerce-notice{padding:8px 10px;border:1px solid rgba(0,216,238,.2);border-radius:8px;background:#00d8ee14;color:#c9f8ff!important;line-height:1.5}.partner-intro-button{border-color:#00d8ee99!important;background:#00d8ee24!important;color:var(--cyan)!important;font-weight:800}.affiliate-compliance-line{color:#aeb6c8!important;line-height:1.5}.affiliate-intro-modal{position:fixed;inset:0;z-index:142;display:grid;place-items:center;padding:28px;background:#00000094;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.affiliate-intro-shell{display:flex;flex-direction:column;width:min(960px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 36px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:radial-gradient(circle at 20% 0%,rgba(0,216,238,.12),transparent 32%),linear-gradient(180deg,#10131dfa,#080a10fa);color:#eef3ff;box-shadow:0 32px 120px #0000008f}.affiliate-intro-shell header,.affiliate-intro-shell footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.affiliate-intro-shell header{flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.1)}.affiliate-intro-shell footer{flex:0 0 auto;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.affiliate-intro-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.affiliate-intro-shell h2,.affiliate-intro-shell p{margin:0}.affiliate-intro-shell header span{color:var(--cyan);font-size:12px;font-weight:900}.affiliate-intro-shell h2{margin-top:6px;color:#fff;font-size:25px;line-height:1.25}.affiliate-intro-shell header p{margin-top:8px;color:#aeb7cb;font-size:14px;line-height:1.55}.affiliate-intro-shell button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#e8edf8;font-weight:800}.affiliate-intro-shell button.primary{border-color:#00d8eeb3;background:#00d8ee2e;color:var(--cyan)}.affiliate-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 22px 0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px}.affiliate-value-strip div{display:grid;gap:5px;min-width:0;padding:16px;border-right:1px solid rgba(255,255,255,.1);background:#ffffff09}.affiliate-value-strip div:last-child{border-right:0}.affiliate-value-strip span{color:#8f98ac;font-size:12px}.affiliate-value-strip strong{overflow:hidden;color:#fff;font-size:23px;text-overflow:ellipsis;white-space:nowrap}.affiliate-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 22px 0}.affiliate-intro-grid article,.affiliate-flow,.affiliate-risk{display:grid;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.affiliate-intro-grid b,.affiliate-risk b{color:#fff;font-size:15px}.affiliate-intro-grid p,.affiliate-flow li,.affiliate-risk p{color:#aeb7cb;font-size:13px;line-height:1.65}.affiliate-flow,.affiliate-risk{margin:10px 22px 0}.affiliate-flow span{color:var(--cyan);font-size:13px;font-weight:900}.affiliate-flow ol{display:grid;gap:7px;margin:0;padding-left:20px}.affiliate-risk{border-color:#ffd36a33;background:#ffd36a0e}.auth-card button.primary{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-hi);font-weight:800}.drawer-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-progress{height:7px;overflow:hidden;border-radius:999px;background:#ffffff1f}.drawer-progress i{display:block;height:100%;border-radius:inherit;background:var(--brand)}.learning-history-card{gap:14px}.history-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.history-summary-grid span{display:grid;gap:3px;padding:10px 6px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09;text-align:center}.history-summary-grid b{color:#fff;font-size:19px}.history-summary-grid small{color:#8e96a8;font-size:10px}.history-package-list,.history-recent-list{display:grid;gap:8px}.history-package-entry{width:100%;display:grid;gap:7px;padding:10px;color:inherit;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff08;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.history-package-entry:hover,.history-package-entry:focus-visible{border-color:#00d8ee85;background:#00d8ee12;transform:translateY(-1px);outline:none}.history-package-entry.loading{border-color:#00d8ee8c;box-shadow:0 0 0 1px #00d8ee1f inset}.history-package-entry.loading .history-continue-label{color:#34e8f7}.history-package-entry>div:first-child{display:flex;justify-content:space-between;gap:8px}.history-package-list b{color:#f5f7ff;font-size:13px}.history-package-list em{color:#05e4ff;font-size:12px;font-style:normal}.history-package-list small{color:#949bad;font-size:11px;line-height:1.5}.history-progress{height:6px;overflow:hidden;border-radius:999px;background:#ffffff1a}.history-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d8ee,#ff6a2c)}.history-continue-label{justify-self:end;color:#ff7a3d;font-size:11px;font-weight:700}.history-empty{padding:18px 10px;color:#8e96a8;font-size:12px;text-align:center}.history-recent-list>strong{margin-top:4px;color:#dfe4ef;font-size:12px}.history-recent-list>span{position:relative;display:grid;gap:4px;padding:9px 48px 9px 10px;border-left:2px solid rgba(0,216,238,.45);background:#ffffff06}.history-recent-list b{overflow:hidden;color:#eef2fb;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-recent-list small{overflow:hidden;color:#858d9f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.history-recent-list em{position:absolute;top:10px;right:8px;color:#ff8a65;font-size:10px;font-style:normal}.history-recent-list em.correct{color:#4adba2}.daily-recommendation-modal{width:min(620px,calc(100vw - 28px));min-height:500px}.learning-resume-notice{position:fixed;z-index:90;top:82px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(760px,calc(100vw - 32px));padding:10px 12px 10px 16px;border:1px solid rgba(42,204,219,.4);border-radius:12px;color:#dce5ef;background:#080f18f0;box-shadow:0 14px 36px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.learning-resume-notice span{flex:1;font-size:13px}.learning-resume-notice button{border:1px solid rgba(255,106,44,.42);border-radius:8px;padding:6px 10px;color:#ff8a55;background:#ff6a2c1a;cursor:pointer}.learning-resume-notice button:last-child{padding-inline:8px;color:#9aa5b5;border-color:transparent;background:transparent}.daily-recommendation-body{display:grid;grid-template-rows:82px minmax(174px,auto);gap:14px;min-height:270px}.daily-recommendation-overview{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px;border:1px solid rgba(0,216,238,.24);border-radius:10px;background:#00d8ee0e;box-sizing:border-box;min-height:82px}.daily-recommendation-body b{color:#fff;font-size:26px}.daily-recommendation-body span{color:#70eaf5;font-weight:800}.daily-recommendation-body p{margin:0;color:#aeb6c7;line-height:1.7}.daily-recommendation-loading{display:grid;grid-template-rows:20px 5px minmax(78px,auto);gap:9px;padding:13px 15px;border:1px solid rgba(112,234,245,.22);border-radius:10px;background:#07141cb8;box-sizing:border-box;min-height:174px}.daily-recommendation-loading.is-ready{border-color:#37d39947}.daily-recommendation-lazy-note{display:grid;place-items:center;align-content:center;gap:10px;min-height:174px;padding:20px;border:1px dashed rgba(112,234,245,.2);border-radius:10px;background:#07141c6b;box-sizing:border-box;text-align:center}.daily-recommendation-lazy-note span{color:#aebccc;font-size:13px;font-weight:600}.daily-recommendation-lazy-note small{color:#ff8a55;font-size:12px}.daily-recommendation-modal>footer{min-height:72px}.daily-recommendation-modal>footer button{min-width:156px}.daily-recommendation-loading>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-recommendation-loading>div span{color:#dce7ef;font-size:13px}.daily-recommendation-loading>div b{color:#70eaf5;font-size:13px}.daily-recommendation-loading>i{overflow:hidden;height:5px;border-radius:999px;background:#ffffff17}.daily-recommendation-loading>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18d5e8,#ff6a2c);transition:width .3s ease}.daily-recommendation-loading>small{color:#7f8b9d;font-size:11px;line-height:1.5}.daily-recommendation-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:0;padding:0;list-style:none}.daily-recommendation-steps li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#697587;font-size:11px}.daily-recommendation-steps li:before{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#3a4352;content:""}.daily-recommendation-steps li span{overflow:hidden;flex:1;color:inherit;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.daily-recommendation-steps li b{color:inherit;font-size:10px;white-space:nowrap}.daily-recommendation-steps li.is-active{color:#70eaf5}.daily-recommendation-steps li.is-active:before{background:#70eaf5;box-shadow:0 0 0 4px #70eaf51a}.daily-recommendation-steps li.is-complete{color:#69d6ad}.daily-recommendation-steps li.is-complete:before{background:#37d399}@media(max-width:640px){.daily-recommendation-modal{min-height:min(520px,calc(100vh - 24px))}.daily-recommendation-steps{grid-template-columns:1fr}}.lesson-audio-loading-mask{z-index:138}.lesson-audio-loading-card{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid rgba(28,211,228,.45);border-radius:18px;background:#0d121b;box-shadow:0 24px 80px #0000007a}.lesson-audio-loading-card>span{color:#ff7137;font-size:12px;font-weight:800;letter-spacing:.08em}.lesson-audio-loading-card h2{margin:8px 0 6px;color:#f8fafc;font-size:26px}.lesson-audio-loading-card p{margin:0 0 20px;color:#a9b4c4}.lesson-audio-loading-progress{overflow:hidden;height:8px;border-radius:999px;background:#ffffff17}.lesson-audio-loading-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18d5e8,#ff6a2c);transition:width .25s ease}.lesson-audio-loading-meta{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:#8995a7;font-size:12px}.lesson-audio-loading-meta b{color:#70eaf5;font-size:14px}.lesson-audio-loading-card small{display:block;margin-top:18px;color:#718096;line-height:1.6}.lesson-audio-background-progress{position:fixed;z-index:92;top:82px;left:50%;display:grid;grid-template-columns:minmax(160px,auto) auto;align-items:center;gap:5px 14px;width:min(420px,calc(100vw - 32px));padding:10px 14px;transform:translate(-50%);border:1px solid rgba(28,211,228,.28);border-radius:12px;background:#0a0f17f0;box-shadow:0 12px 36px #00000052;color:#aeb9c8;font-size:12px}.lesson-audio-background-progress.is-current-audio{border-color:#22d3ee94;box-shadow:0 12px 36px #00000052,0 0 0 1px #22d3ee1a inset}.lesson-audio-background-progress.has-resume-notice{top:154px}.lesson-audio-background-progress>span{display:inline-flex;align-items:center;gap:7px;min-width:0}.lesson-audio-spinner{width:11px;height:11px;flex:0 0 auto;border:2px solid rgba(112,234,245,.25);border-top-color:#70eaf5;border-radius:50%;animation:lesson-audio-spin .72s linear infinite}@keyframes lesson-audio-spin{to{transform:rotate(360deg)}}.lesson-audio-background-progress b{justify-self:end;color:#70eaf5}.lesson-audio-background-progress>i{grid-column:1 / -1;overflow:hidden;height:3px;border-radius:999px;background:#ffffff14}.lesson-audio-background-progress>i em{display:block;height:100%;background:linear-gradient(90deg,#18d5e8,#ff6a2c);transition:width .25s ease}.daily-recommendation-modal footer button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.48}.drawer-section h2{color:var(--ink);font-size:15px}.learning-library-tabs{display:inline-flex;flex:1 1 auto;justify-content:flex-start;gap:4px;min-width:0}.learning-library-tabs button{min-width:92px;height:34px;padding:0 16px;border:1px solid var(--line-2);border-radius:8px;background:#ffffff06;color:var(--ink-2);font-size:13px;font-weight:750;text-align:center;cursor:pointer}.learning-library-tabs button.active{border-color:var(--brand);background:#ff6a2c1f;box-shadow:0 0 0 1px #ff6a2c1f inset}.word-library-panel{display:grid;grid-template-columns:minmax(172px,216px) minmax(0,1fr);flex:1 1 auto;min-height:0;overflow:hidden;gap:8px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#ffffff05}.word-catalog-selectors{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;border-bottom:1px solid var(--line)}.word-package-column{margin:0}.word-library-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.word-library-panel>header div{display:grid;gap:3px}.word-library-panel>header strong{color:var(--ink);font-size:15px}.word-library-panel>header small,.word-library-panel>header span{color:var(--ink-3);font-size:11px}.word-library-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.word-library-search input{min-width:0;height:38px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;background:#00000038;color:var(--ink)}.word-library-search button,.word-library-card button,.whole-package-entry button{border-color:#ff6a2c7a;background:#ff6a2c24;color:#ff9a68}.word-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;overflow:auto;padding:12px}.word-library-card{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#ffffff06}.word-library-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.word-library-card b{color:var(--ink);font-size:18px}.word-library-card small{color:#55dcea}.word-library-card p{margin:0;color:var(--ink-2);font-size:12px}.word-library-card em{display:grid;gap:2px;color:var(--ink-2);font-size:11px;font-style:normal}.word-library-card em i{color:var(--ink-3);font-style:normal}.whole-package-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:8px 0;padding:12px;border:1px solid var(--line-2);border-radius:9px;background:#94a3b812}.whole-package-entry>div{display:grid;gap:4px}.whole-package-entry b{color:var(--ink);font-size:13px}.whole-package-entry small{color:var(--ink-3);font-size:11px}.whole-package-entry button{min-width:126px;border-color:var(--brand);background:var(--brand);color:var(--brand-ink);font-weight:800;box-shadow:none}.word-lesson-preview b,.word-lesson-basis b{color:var(--ink-2);font-weight:700}.scenario-copy-button .word-lesson-preview,.scenario-copy-button .word-lesson-basis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkpoint-badge{display:flex;align-items:center;justify-content:center;gap:8px}.checkpoint-badge i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#22c55e;color:#fff;font-size:22px;font-style:normal;box-shadow:0 0 28px #22c55e61}.checkpoint-progress{display:grid;gap:7px;width:100%}.checkpoint-progress>i{height:8px;overflow:hidden;border-radius:999px;background:#ffffff17}.checkpoint-progress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#22d3ee)}.checkpoint-progress small{color:var(--ink-2);text-align:center}.checkpoint-dialog-layer{overflow:hidden;isolation:isolate}.checkpoint-dialog-layer:before{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(255,212,71,.2),transparent 24%),radial-gradient(circle at 50% 50%,rgba(0,229,255,.12),transparent 46%);content:"";animation:checkpointBackdrop 1.8s ease-out both}.checkpoint-dialog-layer .whole-course-checkpoint{position:relative;z-index:2;border-color:#ffd447bd;box-shadow:0 24px 90px #000000a3,0 0 54px #ffd44733;animation:checkpointCardArrival .82s cubic-bezier(.18,.88,.25,1.08) both}.checkpoint-celebration{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;pointer-events:none}.checkpoint-celebration:before,.checkpoint-celebration:after{position:absolute;left:50%;top:48%;width:min(54vw,620px);aspect-ratio:1;border:3px solid rgba(255,212,71,.42);border-radius:50%;content:"";transform:translate(-50%,-50%);animation:checkpointHalo 1.6s ease-out both}.checkpoint-celebration:after{width:min(72vw,820px);border-color:#00e5ff3d;animation-delay:.18s}.checkpoint-celebration i{position:absolute;left:50%;top:48%;width:9px;height:9px;border-radius:50%;background:var(--checkpoint-color);box-shadow:0 0 18px var(--checkpoint-color),0 0 34px var(--checkpoint-color);animation:checkpointSpark 1.45s cubic-bezier(.14,.82,.22,1) both;animation-delay:var(--checkpoint-delay)}.checkpoint-celebration>b{position:absolute;left:50%;top:48%;color:#ffd447;font-size:clamp(100px,16vw,220px);line-height:1;opacity:0;text-shadow:0 0 32px rgba(255,212,71,.75),0 0 90px rgba(255,126,61,.42);transform:translate(-50%,-50%);animation:checkpointStar 1.9s cubic-bezier(.18,.9,.25,1.08) both}@keyframes checkpointBackdrop{0%{opacity:0}24%,76%{opacity:1}to{opacity:.72}}@keyframes checkpointCardArrival{0%{opacity:0;transform:translateY(24px) scale(.9)}70%{opacity:1;transform:translateY(-3px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes checkpointHalo{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes checkpointSpark{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}16%{opacity:1}74%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--checkpoint-x)),calc(-50% + var(--checkpoint-y))) scale(.3)}}@keyframes checkpointStar{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-24deg)}26%{opacity:.95;transform:translate(-50%,-50%) scale(1.08) rotate(8deg)}58%{opacity:.35;transform:translate(-50%,-50%) scale(.94) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(0)}}.drawer-catalog{display:grid;grid-template-columns:minmax(172px,216px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;flex:1 1 auto;min-height:0;overflow:hidden;padding:9px;border:1px solid var(--line);border-radius:8px;background:#ffffff05}.catalog-root-tabs{grid-column:1 / -1;display:flex;gap:6px;min-width:0;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:thin}.catalog-root-tabs button{flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid var(--line-2);border-radius:8px;background:#ffffff06;color:var(--ink-2);font-size:12px;font-weight:750;cursor:pointer}.catalog-root-tabs button:hover,.catalog-root-tabs button.active{border-color:var(--brand);background:#ff6a2c21;color:var(--ink)}.catalog-category-sidebar{grid-column:1;grid-row:2;min-width:0;overflow:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--line);border-radius:8px;background:#00000024}.catalog-category-sidebar header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:3px 4px 9px}.catalog-category-sidebar header strong{color:var(--ink);font-size:13px}.catalog-category-sidebar header small{color:var(--ink-3);font-size:10px}.catalog-category-all,.catalog-category-name{width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:650;line-height:1.35;text-align:left;cursor:pointer}.catalog-category-all{margin-bottom:5px;border:1px solid var(--line)}.catalog-category-all:hover,.catalog-category-all.active,.catalog-category-name:hover,.catalog-category-name.active{background:#ff6a2c21;color:var(--ink)}.catalog-category-all.active,.catalog-category-name.active{box-shadow:inset 2px 0 0 var(--brand)}.catalog-category-branch{border-top:1px solid rgba(255,255,255,.055)}.catalog-category-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center}.catalog-category-row .catalog-category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-category-expand{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--brand);font-size:16px;cursor:pointer}.catalog-category-expand:hover{background:#ff6a2c1f}.catalog-category-children{display:grid;gap:2px;margin:0 0 5px 10px;padding-left:8px;border-left:1px solid var(--line)}.catalog-category-children button{min-height:30px;padding:6px 7px;border:0;border-radius:5px;background:transparent;color:var(--ink-3);font-size:11px;line-height:1.35;text-align:left;cursor:pointer}.catalog-category-children button:hover,.catalog-category-children button.active{background:#08d5e81a;color:var(--ink)}.catalog-category-empty{padding:8px 4px;color:var(--ink-3);font-size:11px;line-height:1.6}.drawer-catalog>.package-column,.word-library-panel>.package-column{grid-column:2;grid-row:2}.word-library-panel>.package-column{grid-row:1}.word-category-sidebar{grid-row:1}.word-category-name{margin-bottom:2px}.catalog-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:80}.catalog-field{display:grid;min-width:0;position:relative;z-index:1}.catalog-field.is-open{z-index:90}.catalog-field span{color:var(--ink-3);font-size:12px}.catalog-select-button{width:100%;min-width:0;height:38px;padding:0 10px 0 12px;border:1px solid var(--line-2);border-radius:8px;background:#ffffff08;color:var(--ink);font-size:13px;outline:none;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.catalog-select-button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.catalog-select-button i{color:var(--brand);font-style:normal;flex:0 0 auto}.catalog-select-button:focus,.catalog-select-button:hover{border-color:var(--brand-line);box-shadow:0 0 0 2px #ff6a2c1f}.catalog-dropdown-menu{position:absolute;z-index:100;top:calc(100% + 4px);left:0;right:0;max-height:min(62vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid rgba(255,106,44,.35);border-radius:8px;background:#111217;box-shadow:0 18px 42px #00000085,0 0 0 1px #ffffff0a inset}.catalog-dropdown-menu button{width:100%;min-height:32px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);font-size:12px;line-height:1.35;text-align:left;cursor:pointer}.catalog-dropdown-menu button:hover{background:#ff6a2c1c;color:var(--ink)}.catalog-dropdown-menu button.active{background:#ff6a2c2e;color:#ff8d54;font-weight:800}.package-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px}.package-column header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:0 12px;border-bottom:1px solid var(--line)}.package-column header strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.package-column header span,.package-column p{color:var(--ink-3);font-size:12px}.package-column header span{flex:0 0 auto;white-space:nowrap}.package-column-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.package-view-switch{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2)}.package-view-switch button{min-width:42px;height:26px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--ink-3);font-size:11px;font-weight:700;cursor:pointer}.package-view-switch button:hover{color:var(--ink)}.package-view-switch button.active{background:var(--brand);color:#fff;box-shadow:0 3px 10px #ff6a2c38}.package-column p{margin:12px;line-height:1.6}.scenario-copy-button:hover,.scenario-enter-button:hover,.package-summary:hover{background:#ffffff09}.course-package-list{min-height:0;overflow:auto}.course-package-list.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-items:start;align-content:start;gap:10px;padding:10px}.course-package-row{border-bottom:1px solid var(--line)}.course-package-list.is-grid .course-package-row{align-self:start;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.course-package-list.is-grid .course-package-row.active{grid-column:1 / -1;border-color:#ff6a2c85}.course-package-row.active{background:#ffffff06}.package-summary{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:var(--ink-2);text-align:left}.package-cover{position:relative;display:grid;place-items:center;width:92px;aspect-ratio:8 / 5;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#ff6a2c2e,#30cae029)}.package-cover picture,.package-cover img{display:block;width:100%;height:100%}.package-cover img{object-fit:cover}.package-cover i{color:var(--brand-hi);font-size:20px;font-style:normal;font-weight:900}.package-cover-overlay{display:none}.package-copy-heading{display:grid;gap:4px;min-width:0}.course-package-list.is-grid .package-summary{position:relative;grid-template-columns:minmax(0,1fr);align-content:start;gap:9px;height:auto;min-height:184px;padding:9px;border-left:0}.course-package-list.is-grid .package-cover{width:100%;border-radius:7px}.course-package-list.is-grid .package-cover-overlay{position:absolute;right:0;bottom:0;left:0;display:grid;align-content:center;gap:2px;min-height:28%;padding:7px 10px;background:linear-gradient(180deg,#080c147a,#080c14e0);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-package-list.is-grid .package-cover-overlay b,.course-package-list.is-grid .package-cover-overlay small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-package-list.is-grid .package-cover-overlay b{font-size:17px;line-height:1.25}.course-package-list.is-grid .package-cover-overlay small{color:#ffffffd1;font-size:10px;line-height:1.3}.course-package-list.is-grid .package-copy-heading{display:none}.course-package-list.is-grid .package-copy{min-height:20px;padding:0 2px 2px}.course-package-list.is-grid .package-copy small{display:-webkit-box;min-height:34px;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-package-list.is-grid .package-toggle{position:absolute;right:12px;bottom:12px}.course-package-list.is-grid .course-package-row.active .package-summary{grid-template-columns:240px minmax(0,1fr) auto;align-items:center;height:auto;min-height:0;border-left:3px solid var(--brand)}.course-package-list.is-grid .course-package-row.active .package-cover{width:240px}.course-package-list.is-grid .course-package-row.active .package-copy small{min-height:0}.course-package-list.is-grid .course-package-row.active .package-toggle{position:static}.course-package-list.is-grid .scenario-list{padding-left:12px}.package-toggle{color:var(--brand-hi);font-size:12px;font-style:normal;white-space:nowrap}.course-package-row.active .package-summary{border-left-color:var(--brand)}.package-copy{display:grid;gap:4px;min-width:0}.package-copy b,.scenario-copy-button span{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.package-copy b{font-size:14px}.package-copy small,.scenario-copy-button small{overflow:hidden;color:var(--ink-2);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.package-copy em,.package-copy i,.scenario-copy-button em{color:var(--ink-3);font-size:11px;font-style:normal}.package-copy i,.scenario-copy-button em{color:var(--ink-3)}.package-copy i{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.package-column header{align-items:flex-start;min-height:68px;padding-block:8px}.package-column-tools{align-items:flex-end;flex-direction:column;gap:6px}.course-package-list.is-grid{grid-template-columns:minmax(0,1fr)}.course-package-list.is-grid .course-package-row.active{grid-column:auto}}.scenario-list{display:grid;gap:0;padding:0 12px 12px 24px}.scenario-item{display:grid}.scenario-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;min-width:0;border-left:2px solid var(--line-2)}.scenario-row.active{border-left-color:var(--brand);background:#ffffff09}.scenario-copy-button{display:grid;gap:3px;width:100%;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--ink-2);text-align:left}.scenario-enter-button{justify-self:end;width:128px;height:34px;margin-right:10px;border:1px solid transparent;border-radius:8px;background:var(--brand);color:var(--brand-ink);font-size:13px;font-weight:900;text-align:center;box-shadow:var(--shadow-brand)}.scenario-enter-button:hover{border-color:transparent;background:var(--brand-hi);color:var(--brand-ink)}.lesson-sentence-preview{display:grid;gap:2px;min-width:0;margin-top:4px}.lesson-sentence-preview i{overflow:hidden;color:var(--ink-3);font-size:11px;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.catalog-empty{align-self:start;padding:18px 12px}.lesson-detail-panel{display:grid;gap:10px;margin:0 0 10px;padding:12px;border:1px solid rgba(255,106,44,.28);border-radius:8px;background:#ffffff09}.lesson-detail-panel header{min-height:auto;padding:0;border-bottom:0}.lesson-detail-panel p{margin:0;color:var(--ink-2);font-size:12px;line-height:1.55}.lesson-detail-sentences{display:grid;gap:7px}.lesson-detail-sentences span{display:grid;gap:2px;min-width:0;padding:7px 9px;border-radius:6px;background:#ffffff0b}.lesson-detail-sentences b,.lesson-detail-sentences em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-detail-sentences b{color:var(--ink);font-size:12px}.lesson-detail-sentences em{color:var(--ink-3);font-size:11px;font-style:normal}.knowledge-item{display:grid;gap:5px;padding:10px;border-radius:8px;background:#ffffff0d}.knowledge-item b{color:#e6eaf8;font-size:13px}.knowledge-item p{color:#8d94a4;font-size:12px;line-height:1.45}@keyframes caret-blink{50%{opacity:0}}@media(max-width:1180px){.learning-theater{--drawer-top-offset: 58px}.learning-theater.desktop{--drawer-top-offset: 88px}.learning-theater.desktop .practice-theater{grid-template-rows:30px 56px minmax(0,1fr) 154px}.practice-topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:58px;padding:0 12px}.topbar-left{max-width:min(46vw,420px)}.topbar-right{gap:8px}.lesson-trail{max-width:280px}.desktop-download-trigger{min-width:118px;height:36px}.pwa-install-trigger{min-width:96px;height:36px;padding:0 10px}.learning-history-trigger{height:36px;padding:0 11px}.typing-finger.active{width:min(var(--finger-active-width, var(--finger-width, 44px)),66px);height:min(var(--finger-active-height, var(--finger-height, 166px)),218px)}}@media(max-height:820px)and (min-width:901px){.practice-theater{grid-template-rows:56px minmax(0,1fr) 118px}.learning-theater.desktop .practice-theater{grid-template-rows:30px 56px minmax(0,1fr) 118px}.practice-canvas{padding:52px 28px 12px}.typing-board{gap:8px;width:min(100%,980px)}.typing-target-line{width:min(100%,920px);min-height:48px;font-size:clamp(28px,4.25vw,52px);line-height:1}.typing-target-line .typing-char{min-height:1.05em;padding-bottom:6px;border-bottom-width:3px}.typing-board .sentence-cn{font-size:22px;line-height:1.25}.finger-keyboard{width:min(100%,920px);gap:6px;margin-top:0;padding:10px 10px 8px;border-radius:16px}.finger-keyboard-row{gap:6px}.finger-keyboard-row span{width:calc(var(--key-unit, 1) * 42px);min-width:calc(var(--key-unit, 1) * 42px);height:38px;font-size:15px}.finger-keyboard-row span.wide{font-size:11px}.practice-bottom{gap:8px;padding:0 20px 10px}.control-dock{min-height:58px;padding:6px 10px}.control-dock button{min-height:44px;padding-top:5px;padding-bottom:4px}.intro-demo-layer{bottom:124px;max-height:calc(100vh - 148px);overflow-y:auto}}@media(max-height:680px)and (min-width:901px){.practice-theater{grid-template-rows:56px minmax(0,1fr) 100px}.learning-theater.desktop .practice-theater{grid-template-rows:30px 56px minmax(0,1fr) 100px}.practice-canvas{padding:48px 22px 8px}.typing-target-line{min-height:38px;font-size:clamp(24px,3.8vw,42px)}.typing-board .sentence-cn{font-size:19px}.finger-keyboard{gap:4px;padding:7px 8px 6px}.finger-keyboard-row{gap:4px}.finger-keyboard-row span{width:calc(var(--key-unit, 1) * 36px);min-width:calc(var(--key-unit, 1) * 36px);height:31px;font-size:13px}.bottom-progress{height:5px}.control-dock{min-height:50px;padding:4px 8px}.control-dock button{min-height:40px}.intro-demo-layer{bottom:104px;max-height:calc(100vh - 116px);padding:12px}}@media(max-width:900px){.landing-header{align-items:center;flex-wrap:wrap}.landing-hero{grid-template-columns:1fr;gap:40px;padding-top:34px}.landing-wrap{width:min(100% - 48px,760px)}.landing-links{display:none}.landing-demo{order:-1}.landing-bento,.landing-steps,.landing-scenes{grid-template-columns:1fr}.landing-bento article.big,.landing-bento article.wide{grid-column:auto;grid-row:auto}.landing-cta,.landing-footer{align-items:flex-start;flex-direction:column}.learning-theater{--drawer-width: min(92vw, 420px);--drawer-top-offset: 58px}.learning-theater.desktop{--drawer-top-offset: 88px}body{overflow:auto}.practice-theater{grid-template-rows:auto minmax(620px,1fr) auto;min-height:100vh}.typing-finger.active{width:min(var(--finger-active-width, var(--finger-width, 44px)),48px);height:min(var(--finger-active-height, var(--finger-height, 166px)),166px)}.learning-theater.desktop .practice-theater{grid-template-rows:30px auto minmax(620px,1fr) auto}.practice-topbar{grid-template-areas:none;grid-template-columns:minmax(0,1fr) auto;min-height:auto;padding:8px 10px}.topbar-left,.topbar-right{grid-area:auto;width:auto}.topbar-left{max-width:100%}.desktop-download-center{grid-area:auto;position:relative;display:flex;width:auto;justify-content:center;transform:none}.desktop-download-popover{top:46px;width:min(320px,calc(100vw - 24px))}.topbar-right{justify-content:flex-end;justify-self:end;gap:6px}.mode-select,.mode-select-trigger{min-width:72px}.session-stats{min-width:84px;gap:8px}.account-panel{top:108px;right:12px;width:calc(100vw - 24px);max-height:calc(100vh - 128px)}.affiliate-intro-modal{padding:12px}.affiliate-intro-shell{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.affiliate-intro-shell header,.affiliate-intro-shell footer{align-items:stretch;flex-direction:column}.affiliate-intro-shell header button,.affiliate-intro-shell footer button{width:100%}.affiliate-value-strip,.affiliate-intro-grid{grid-template-columns:1fr}.affiliate-value-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.affiliate-value-strip div:last-child{border-bottom:0}.drawer-catalog{grid-template-columns:minmax(118px,34%) minmax(0,1fr);overflow:hidden}.word-library-panel{grid-template-columns:minmax(118px,34%) minmax(0,1fr)}.catalog-root-tabs{gap:5px;padding-bottom:4px}.catalog-root-tabs button{min-height:31px;padding-inline:10px;font-size:11px}.catalog-category-sidebar{padding:6px}.catalog-category-sidebar header{align-items:flex-start;flex-direction:column;gap:1px;padding-inline:3px}.catalog-category-all,.catalog-category-name{padding-inline:6px;font-size:11px}.catalog-category-children{margin-left:5px;padding-left:4px}.scenario-list{padding-left:12px}.practice-canvas{padding:74px 18px 24px}.intro-demo-layer{bottom:96px;padding:14px}.keyboard-row{gap:5px}.keyboard-row span{min-width:29px;height:32px;font-size:11px}.keyboard-row span.wide{min-width:72px}.sentence-cn{font-size:25px}.segment-row{gap:18px}.sentence-segment strong{white-space:normal;font-size:29px}.typing-board{gap:16px;max-width:calc(100vw - 36px)}.typing-target-line{min-height:58px;font-size:clamp(28px,8vw,44px)}.typing-target-line .typing-char{min-width:.48em;padding-bottom:8px;border-bottom-width:3px}.finger-keyboard{width:min(100%,680px);gap:6px;padding:12px 10px 10px;border-radius:16px}.finger-keyboard-row{gap:5px}.finger-keyboard-row span{width:calc(var(--key-unit, 1) * 32px);min-width:calc(var(--key-unit, 1) * 32px);height:34px;border-radius:6px;font-size:13px}.finger-keyboard-row span.wide{font-size:10px}.typing-finger{border-width:3px;border-radius:18px 18px 12px 12px}.typing-finger.thumb{border-radius:22px 22px 18px 18px}.blank-row{flex-wrap:wrap;gap:14px;margin-top:52px}.puzzle-tray{display:grid;min-height:132px}.tray-tools{grid-template-columns:repeat(2,1fr)}.shortcut-strip{display:none}.practice-bottom{gap:10px;padding:0 14px 14px}.bottom-progress{width:calc(100vw - 42px)}.control-dock{max-width:100%;overflow-x:auto}.waveform{display:none}}@media(max-width:560px){.pwa-install-mask{padding:12px}.pwa-install-dialog{max-height:calc(100vh - 24px);border-radius:16px}.pwa-install-header{padding:20px 18px 13px}.pwa-install-header h2{font-size:23px}.pwa-install-status{margin:0 18px 13px}.pwa-install-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px}.pwa-guide-content{margin:14px 18px 0;padding:15px}.pwa-install-footer{padding:15px 18px 18px}.pwa-install-footer button{flex:1;padding:0 10px}.landing-hero h1{font-size:38px}.landing-copy{font-size:15px}.landing-wrap{width:min(100% - 28px,420px)}.landing-nav-actions,.landing-actions,.landing-metrics,.landing-demo-stats{width:100%}.landing-metrics,.landing-demo-stats{grid-template-columns:1fr;display:grid}.landing-button,.landing-actions button,.landing-nav-actions button{width:100%}.landing-demo,.landing-bento article,.landing-steps article,.landing-scenes article,.landing-cta{padding:22px;border-radius:18px}.landing-keyboard{display:none}.practice-theater{grid-template-rows:auto minmax(540px,1fr) auto}.topbar-right{gap:6px}.top-icon{min-width:38px;padding:0 8px;font-size:12px}.lesson-trail{max-width:calc(100vw - 92px)}.session-stats{min-width:86px;gap:7px;font-size:13px}.scenario-row{grid-template-columns:minmax(0,1fr);gap:4px;padding-bottom:8px}.scenario-enter-button{justify-self:stretch;width:auto;margin:0 10px}.status-pill{right:12px;left:12px}.sentence-cn{font-size:23px}.sentence-segment{max-width:100%}.sentence-analysis-card{border-radius:12px}.sentence-flow-line{justify-content:center;flex-wrap:wrap;gap:9px;min-height:0;padding:18px 14px 16px}.sentence-flow-line .sentence-segment strong{padding-right:4px;padding-left:4px;font-size:clamp(25px,8vw,34px);overflow-wrap:anywhere;text-wrap:wrap;white-space:normal}.sentence-segment strong{font-size:26px}.grammar-strip{margin-top:28px}.grammar-strip span{width:100%;border-radius:8px}.selected-words span,.candidate-words button{font-size:22px}.speaking-board h2{font-size:29px}.speaking-board p{margin-bottom:52px;font-size:18px}.control-dock button{min-width:76px;padding:7px 9px 6px}}.learning-theater[class*=theme-light] .catalog-dropdown-menu{border-color:#ff6a2c57;background:#fffffffc;box-shadow:0 18px 42px #2b3a5229,0 0 0 1px #1e304c0a inset}.learning-theater[class*=theme-light] .catalog-dropdown-menu button{color:#46556b}.learning-theater[class*=theme-light] .catalog-dropdown-menu button:hover{background:#ff6a2c14;color:#172033}.learning-theater[class*=theme-light] .catalog-dropdown-menu button.active{background:#ff6a2c24;color:#c2410c}.learning-theater[class*=theme-light] .choice-grid.gesture-choice-grid button span,.learning-theater[class*=theme-light] .choice-grid.gesture-choice-grid button.selected span{color:#172033}.learning-theater[class*=theme-light] .choice-grid.gesture-choice-grid button small{color:#68778c}.learning-theater[class*=theme-light] .choice-grid.gesture-choice-grid button.selected small{color:#0e7490}.learning-theater[class*=theme-light] .personal-preview{border-color:#1e304c29;background:radial-gradient(circle at 50% 0,#0891b21a,#e2e8f0eb)}.learning-theater[class*=theme-light] .drawer-card,.learning-theater[class*=theme-light] .drawer-section,.learning-theater[class*=theme-light] .history-package-entry,.learning-theater[class*=theme-light] .history-recent-list>span,.learning-theater[class*=theme-light] .library-mini-list article,.learning-theater[class*=theme-light] .follow-mini-row{border-color:#1e304c1c;background:#1e304c09}.learning-theater[class*=theme-light] .drawer-card-head span,.learning-theater[class*=theme-light] .drawer-card-head strong,.learning-theater[class*=theme-light] .auth-card strong,.learning-theater[class*=theme-light] .auth-copy span,.learning-theater[class*=theme-light] .history-summary-grid b,.learning-theater[class*=theme-light] .history-package-list b,.learning-theater[class*=theme-light] .history-recent-list>strong,.learning-theater[class*=theme-light] .history-recent-list b,.learning-theater[class*=theme-light] .account-smart-library-list>header b,.learning-theater[class*=theme-light] .library-mini-list h4,.learning-theater[class*=theme-light] .library-mini-list b,.learning-theater[class*=theme-light] .follow-mini-row b,.learning-theater[class*=theme-light] .ai-reply-box b,.learning-theater[class*=theme-light] .smart-memory-heading b{color:#172033}.learning-theater[class*=theme-light] .auth-card span,.learning-theater[class*=theme-light] .auth-card small,.learning-theater[class*=theme-light] .drawer-card small,.learning-theater[class*=theme-light] .drawer-section span,.learning-theater[class*=theme-light] .history-package-list small,.learning-theater[class*=theme-light] .history-recent-list small,.learning-theater[class*=theme-light] .account-smart-library-list>header small,.learning-theater[class*=theme-light] .account-smart-library-list>header>span,.learning-theater[class*=theme-light] .library-mini-list i,.learning-theater[class*=theme-light] .smart-memory-card footer span,.learning-theater[class*=theme-light] .smart-memory-card footer small,.learning-theater[class*=theme-light] .affiliate-compliance-line{color:#68778c!important}.learning-theater[class*=theme-light] .history-summary-grid span,.learning-theater[class*=theme-light] .account-library-tabs button{border-color:#1e304c1c;background:#1e304c09;color:#46556b}.learning-theater[class*=theme-light] .account-library-tabs button.active{border-color:#0891b285;background:#0891b217;color:#0e7490}.learning-theater[class*=theme-light] .library-mini-list span{color:#3f4d63}.learning-theater[class*=theme-light] .library-mini-list .library-empty,.learning-theater[class*=theme-light] .history-empty,.learning-theater[class*=theme-light] .history-summary-grid small{color:#68778c}.learning-theater[class*=theme-light] .auth-card input,.learning-theater[class*=theme-light] .member-card input,.learning-theater[class*=theme-light] .partner-card input,.learning-theater[class*=theme-light] .ai-helper-card textarea{border-color:#1e304c29;background:#fff;color:#172033}.learning-theater[class*=theme-light] .auth-card input::placeholder,.learning-theater[class*=theme-light] .member-card input::placeholder,.learning-theater[class*=theme-light] .partner-card input::placeholder,.learning-theater[class*=theme-light] .ai-helper-card textarea::placeholder{color:#7b8799;opacity:1}.learning-theater[class*=theme-light] .member-card button,.learning-theater[class*=theme-light] .partner-card button,.learning-theater[class*=theme-light] .quick-action-row button,.learning-theater[class*=theme-light] .library-card>button,.learning-theater[class*=theme-light] .follow-mini-row button,.learning-theater[class*=theme-light] .ai-helper-card>button,.learning-theater[class*=theme-light] .prompt-chip-row button{border-color:#1e304c26;background:#1e304c0b;color:#334155}.learning-theater[class*=theme-light] .member-card button:disabled,.learning-theater[class*=theme-light] .partner-card button:disabled,.learning-theater[class*=theme-light] .quick-action-row button:disabled,.learning-theater[class*=theme-light] .library-card>button:disabled{color:#64748b;opacity:.64}.learning-theater[class*=theme-light] .plan-actions button small{color:#68778c}.learning-theater[class*=theme-light] .member-lock-hint{color:#b45309!important}.learning-theater[class*=theme-light] .commerce-notice{color:#0e7490!important}.learning-theater[class*=theme-light] .account-logout-button{color:#64748b}.learning-theater[class*=theme-light] .drawer-progress,.learning-theater[class*=theme-light] .history-progress{background:#1e304c21}.learning-theater[class*=theme-light] .smart-memory-heading em{background:#1e304c12;color:#64748b}.learning-theater[class*=theme-light] .smart-memory-card>p{color:#526176}.learning-theater[class*=theme-light] .smart-memory-errors i{color:#c2410c}.typing-hand-layer{z-index:4}.learning-theater[class*=theme-light] .typing-finger{border-width:1px;border-color:#64748b3d;background:radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.78),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.42),transparent 28%,rgba(148,163,184,.12) 62%,transparent 84%),linear-gradient(180deg,#cbd5e180,#94a3b84d);box-shadow:0 7px 16px #47556914,inset 0 1px 10px #ffffff6b}.learning-theater[class*=theme-light] .typing-palm-silhouettes{color:#718096;filter:drop-shadow(0 12px 18px rgba(43,57,77,.1))}.learning-theater[class*=theme-light] .gesture-hand-image{opacity:.58;filter:none}.learning-theater[class*=theme-light] .gesture-hand{color:#68758a;opacity:.52}.learning-theater[class*=theme-light] .gesture-hand.active{opacity:.64}.learning-theater[class*=theme-light] .gesture-active-outline{stroke:#2a67c2c7;filter:drop-shadow(0 0 6px rgba(42,103,194,.2))}.learning-theater[class*=theme-light] .gesture-active-finger{stroke:#5b8fda57}.learning-theater[class*=theme-light] .gesture-touch{fill:#4d8bdf4d;stroke:#2a67c2b8}.learning-theater[class*=theme-light].gesture-realistic .typing-finger:not(.active){border-width:1px;border-color:#64748b38;background:radial-gradient(ellipse at 50% 9%,rgba(255,255,255,.72),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.36),transparent 38%,rgba(148,163,184,.1) 70%,transparent),linear-gradient(180deg,#cbd5e170,#94a3b840);box-shadow:0 6px 14px #47556912;opacity:.46}.learning-theater[class*=theme-light].gesture-realistic .typing-finger.thumb:not(.active){opacity:.4}.learning-theater[class*=theme-light].gesture-realistic .typing-finger:not(.active) .finger-segment,.learning-theater[class*=theme-light].gesture-realistic .typing-finger:not(.active) .finger-nail{opacity:.52}.learning-theater[class*=theme-light] .typing-finger.active,.learning-theater[class*=theme-light].gesture-realistic .typing-finger.active,.learning-theater[class*=theme-light].gesture-standard .typing-finger.active{border-width:1px;border-color:#3b82f694;background:radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.76),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.38),transparent 28%,rgba(191,219,254,.25) 64%,transparent 88%),linear-gradient(180deg,#7daef6b8,#4a85e094);box-shadow:0 0 14px #3b82f633,0 8px 18px #3b82f61a,inset 0 0 14px #ffffff4d;opacity:.78}.learning-theater[class*=theme-light] .desktop-download-option{border-color:#1e304c1f;background:#1e304c09;color:#334155}.learning-theater[class*=theme-light] .desktop-download-option:hover{border-color:#ff6a2c52;background:#ff6a2c12}.learning-theater[class*=theme-light] .desktop-download-option.active{border-color:#ff6a2c61;background:#ff6a2c1f;color:#172033}.learning-theater[class*=theme-light] .desktop-download-option b{color:#263246}.learning-theater[class*=theme-light] .desktop-download-option small,.learning-theater[class*=theme-light] .desktop-download-popover p{color:#68778c}.learning-theater[class*=theme-light] .desktop-download-option.disabled{color:#7b8799}.learning-theater[class*=theme-light] .desktop-download-popover .desktop-download-notice{color:#9a3412}.learning-theater[class*=theme-light] .daily-recommendation-overview,.learning-theater[class*=theme-light] .daily-recommendation-loading,.learning-theater[class*=theme-light] .daily-recommendation-lazy-note{border-color:#0891b233;background:#0891b20e}.learning-theater[class*=theme-light] .daily-recommendation-body b,.learning-theater[class*=theme-light] .daily-recommendation-loading>div span{color:#172033}.learning-theater[class*=theme-light] .daily-recommendation-body span,.learning-theater[class*=theme-light] .daily-recommendation-loading>div b,.learning-theater[class*=theme-light] .daily-recommendation-steps li.is-active{color:#0e7490}.learning-theater[class*=theme-light] .daily-recommendation-body p,.learning-theater[class*=theme-light] .daily-recommendation-lazy-note span,.learning-theater[class*=theme-light] .daily-recommendation-loading>small,.learning-theater[class*=theme-light] .daily-recommendation-steps li{color:#64748b}.learning-theater[class*=theme-light] .daily-recommendation-loading>i{background:#1e304c1f}.learning-theater[class*=theme-light] .daily-recommendation-steps li:before{background:#94a3b8}.learning-theater[class*=theme-light] .learning-resume-notice,.learning-theater[class*=theme-light] .desktop-update-toast{border-color:#0891b240;background:#fffffff7;color:#334155;box-shadow:0 14px 36px #2b3a5224}.learning-theater[class*=theme-light] .desktop-update-toast strong{color:#172033}.learning-theater[class*=theme-light] .desktop-update-toast i{background:#1e304c1f}.learning-theater[class*=theme-light] .learning-history-trigger{border-color:#08749152;background:#0891b217;color:#0f5f78}.learning-theater[class*=theme-light] .learning-history-trigger:hover{border-color:#08749185;background:#0891b226;color:#0b4f65}.learning-theater[class*=theme-light] .learning-dialog-card,.learning-theater[class*=theme-light] .trial-gate>div,.learning-theater[class*=theme-light] .lesson-audio-loading-card{border-color:#1e304c29;background:#fffffffa;color:#172033;box-shadow:0 24px 70px #2b3a522e}.learning-theater[class*=theme-light] .learning-dialog-card>strong,.learning-theater[class*=theme-light] .trial-gate strong,.learning-theater[class*=theme-light] .lesson-audio-loading-card h2{color:#172033}.learning-theater[class*=theme-light] .learning-dialog-card>p,.learning-theater[class*=theme-light] .trial-gate p,.learning-theater[class*=theme-light] .lesson-audio-loading-card p,.learning-theater[class*=theme-light] .lesson-audio-loading-card small{color:#64748b}.learning-theater[class*=theme-light] .completion-actions button:not(.primary){border-color:#1e304c33;background:#1e304c0f;color:#334155}.learning-theater[class*=theme-light] .completion-actions button:not(.primary):hover{border-color:#1e304c57;background:#1e304c1a;color:#172033}.learning-theater[class*=theme-light] .trial-gate-card input{border-color:#1e304c29;background:#fff;color:#172033}.learning-theater[class*=theme-light] .trial-gate-card input::placeholder{color:#7b8799;opacity:1}.learning-theater[class*=theme-light] .trial-gate .trial-gate-close,.learning-theater[class*=theme-light] .trial-gate button.secondary{border-color:#1e304c26;background:#1e304c0b;color:#475569}.learning-theater[class*=theme-light] .affiliate-intro-shell{border-color:#1e304c26;background:radial-gradient(circle at 20% 0%,rgba(8,145,178,.08),transparent 34%),linear-gradient(180deg,#fffffffc,#f4f7fbfc);color:#172033;box-shadow:0 28px 90px #2b3a5233}.learning-theater[class*=theme-light] .affiliate-intro-shell header,.learning-theater[class*=theme-light] .affiliate-intro-shell footer,.learning-theater[class*=theme-light] .affiliate-value-strip,.learning-theater[class*=theme-light] .affiliate-value-strip div,.learning-theater[class*=theme-light] .affiliate-intro-grid article,.learning-theater[class*=theme-light] .affiliate-flow,.learning-theater[class*=theme-light] .affiliate-risk{border-color:#1e304c1c}.learning-theater[class*=theme-light] .affiliate-value-strip div,.learning-theater[class*=theme-light] .affiliate-intro-grid article,.learning-theater[class*=theme-light] .affiliate-flow,.learning-theater[class*=theme-light] .affiliate-risk{background:#1e304c09}.learning-theater[class*=theme-light] .affiliate-intro-shell h2,.learning-theater[class*=theme-light] .affiliate-value-strip strong,.learning-theater[class*=theme-light] .affiliate-intro-grid b,.learning-theater[class*=theme-light] .affiliate-risk b{color:#172033}.learning-theater[class*=theme-light] .affiliate-intro-shell header p,.learning-theater[class*=theme-light] .affiliate-value-strip span,.learning-theater[class*=theme-light] .affiliate-intro-grid p,.learning-theater[class*=theme-light] .affiliate-flow li,.learning-theater[class*=theme-light] .affiliate-risk p{color:#64748b}.learning-theater[class*=theme-light] .affiliate-intro-shell button{border-color:#1e304c26;background:#1e304c0b;color:#334155}.learning-theater[class*=theme-light] .adaptive-onboarding{border-color:#ff6a2c42;background:#fff;color:#172033;box-shadow:0 28px 90px #2b3a5233}.learning-theater[class*=theme-light] .adaptive-onboarding>header,.learning-theater[class*=theme-light] .adaptive-onboarding>footer,.learning-theater[class*=theme-light] .placement-row{border-color:#1e304c1a}.learning-theater[class*=theme-light] .adaptive-onboarding>header h2,.learning-theater[class*=theme-light] .adaptive-onboarding-body label,.learning-theater[class*=theme-light] .placement-intro,.learning-theater[class*=theme-light] .placement-row>div:first-child,.learning-theater[class*=theme-light] .recommendation-card b{color:#172033}.learning-theater[class*=theme-light] .adaptive-onboarding>header p,.learning-theater[class*=theme-light] .placement-intro span,.learning-theater[class*=theme-light] .placement-row>div:first-child span,.learning-theater[class*=theme-light] .recommendation-card small{color:#64748b}.learning-theater[class*=theme-light] .recommendation-card,.learning-theater[class*=theme-light] .ai-credit-package-grid,.learning-theater[class*=theme-light] .ai-credit-package-grid button{border-color:#1e304c1f;background:#1e304c09;color:#172033}.learning-theater[class*=theme-light] .ai-credit-package-grid small{color:#64748b}.learning-theater{--progress-fill: #4f78a1;--progress-track: rgba(148, 163, 184, .24);--progress-success: #4f7f61;--progress-danger: #b45b5b}.learning-theater[class*=theme-light]{--progress-fill: #376995;--progress-track: #d8dee6;--progress-success: #477657;--progress-danger: #a94f4f}.adaptive-pack-progress-line,.adaptive-pack-learning-progress>i,.smart-plan-collapsible-list .history-progress,.history-progress,.course-group-progress-summary>i,.course-group-progress-item>i,.bottom-progress,.intro-demo-progress,.drawer-progress,.daily-recommendation-loading>i,.lesson-audio-loading-progress,.lesson-audio-background-progress>i,.checkpoint-progress>i,.desktop-update-toast i{background:var(--progress-track)}.adaptive-generate-button>i,.adaptive-pack-progress-line i,.adaptive-pack-learning-progress>i em,.smart-plan-collapsible-list .history-progress em,.history-progress i,.course-group-progress-summary em,.course-group-progress-item em,.bottom-progress i,.intro-demo-progress b,.drawer-progress i,.daily-recommendation-loading>i em,.lesson-audio-loading-progress i,.lesson-audio-background-progress>i em,.checkpoint-progress>i b,.desktop-update-toast b{background:var(--progress-fill);background-image:none;box-shadow:none}.adaptive-pack-progress.is-completed .adaptive-pack-progress-line i,.course-group-progress-item.completed em{background:var(--progress-success)}.adaptive-pack-progress.is-failed .adaptive-pack-progress-line i,.adaptive-pack-progress.is-blocked .adaptive-pack-progress-line i{background:var(--progress-danger)}.learning-theater[class*=theme-light]{--cyan: #376995;--violet: #526479;--light-accent-text: #376995;--light-muted-accent-text: #52677c}.learning-theater[class*=theme-light] .course-group-progress-toggle-meta>b,.learning-theater[class*=theme-light] .history-package-list em,.learning-theater[class*=theme-light] .adaptive-progress-status-row,.learning-theater[class*=theme-light] .adaptive-pack-learning-progress>div b,.learning-theater[class*=theme-light] .smart-plan-collapsible-list>article span,.learning-theater[class*=theme-light] .history-package-entry.loading .history-continue-label,.learning-theater[class*=theme-light] .library-mini-list em,.learning-theater[class*=theme-light] .follow-mini-row em,.learning-theater[class*=theme-light] .daily-recommendation-body span,.learning-theater[class*=theme-light] .daily-recommendation-loading>div b,.learning-theater[class*=theme-light] .daily-recommendation-steps li.is-active,.learning-theater[class*=theme-light] .commerce-notice,.learning-theater[class*=theme-light] .choice-grid.gesture-choice-grid button.selected small{color:var(--light-accent-text)!important}.learning-theater[class*=theme-light] .course-group-progress-toggle-meta>i,.learning-theater[class*=theme-light] .course-group-progress-summary,.learning-theater[class*=theme-light] .course-group-progress-heading,.learning-theater[class*=theme-light] .course-group-progress-item>span small,.learning-theater[class*=theme-light] .history-package-list small,.learning-theater[class*=theme-light] .history-summary-grid small{color:var(--light-muted-accent-text)!important}.learning-theater[class*=theme-light] .account-library-tabs button.active{border-color:#37699561;background:#37699514;color:#315d84}.learning-theater[class*=theme-light] .account-ai-pack-library>header b,.learning-theater[class*=theme-light] .account-ai-pack-heading b{color:#172033}.learning-theater[class*=theme-light] .account-ai-pack-library>header small,.learning-theater[class*=theme-light] .account-ai-pack-library>header>span,.learning-theater[class*=theme-light] .account-ai-pack-card p,.learning-theater[class*=theme-light] .account-ai-pack-progress span,.learning-theater[class*=theme-light] .account-ai-pack-card footer>span{color:#68778c}.learning-theater[class*=theme-light] .account-ai-pack-card{border-color:#1e304c1c;background:#1e304c06}.learning-theater[class*=theme-light] .account-ai-pack-heading em,.learning-theater[class*=theme-light] .account-ai-pack-focus span{border-color:#37699547;color:#315d84}.account-panel{width:min(520px,calc(100vw - 36px));overflow-x:hidden;overflow-y:auto}.account-panel>*,.drawer-card,.account-smart-library-list,.smart-memory-card,.smart-memory-heading,.smart-memory-card footer{min-width:0;max-width:100%}.account-smart-library-list{overflow-x:hidden;overflow-y:auto}.smart-memory-heading b,.smart-memory-card>p,.smart-memory-card footer span,.smart-memory-card footer small{overflow-wrap:anywhere;word-break:break-word}.smart-memory-card footer{flex-wrap:wrap}.smart-memory-card footer span,.smart-memory-card footer small{overflow:visible;white-space:normal;text-overflow:clip}.smart-memory-more{width:100%;min-height:38px;border:1px solid rgba(79,120,161,.42);border-radius:8px;background:#4f78a117;color:#6f91b3;font-size:12px;font-weight:800}.whole-package-entry button,.scenario-enter-button{min-height:36px;border-radius:7px;font-size:12px;font-weight:800;box-shadow:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.whole-package-entry button{border-color:#426c94;background:#426c94;color:#fff}.whole-package-entry button:hover{border-color:#365c80;background:#365c80;color:#fff}.scenario-enter-button{border-color:var(--line-2);background:transparent;color:var(--ink-2)}.scenario-enter-button:hover{border-color:#587b9c;background:#4f78a11a;color:var(--ink)}.learning-theater[class*=theme-light] .account-library-tabs span,.learning-theater[class*=theme-light] .smart-memory-heading em,.learning-theater[class*=theme-light] .smart-memory-more{color:#52677c}.learning-theater[class*=theme-light] .smart-memory-heading em.due{background:#a94f4f14;color:#8f4b4b}.learning-theater[class*=theme-light] .smart-memory-more{border-color:#3769954d;background:#3769950f}@media(max-width:720px){.sentence-study-details{width:calc(100vw - 28px);max-width:none;margin-top:12px;padding:0}.sentence-study-summary{flex-wrap:wrap;gap:6px 12px}.sentence-study-word-list article{min-width:44px}.answer-review-heading{align-items:flex-start;flex-direction:column;gap:5px}.sentence-study-word-list{padding:12px 8px;gap:10px 8px}.study-grammar-group{padding:10px 8px}.study-grammar-group-words{gap:14px 8px}.sentence-study-word-list article>strong,.sentence-study-word-list .study-word-trigger{font-size:21px}.answer-study-details .sentence-study-grammar{flex-wrap:wrap;justify-content:center}.account-panel{width:calc(100vw - 24px)}.account-library-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.account-ai-pack-card footer{align-items:stretch;flex-direction:column}.account-ai-pack-card footer button{width:100%}}