:root{--ink:#243249;--muted:#718095;--line:#e5e8ee;--paper:#fffdf8;--soft:#f6f7f4;--accent:#ff744d;--accent-dark:#d85231;--success:#1aa378;--danger:#da4b5e;--gold:#f7b733}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans-cn), var(--font-sans-en), system-ui, sans-serif;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.dudu-shell{background:var(--paper);min-height:100vh;color:var(--ink);--theme-surface:#fffdf8;--theme-rail:#f4f5ef;--theme-quiet:#fff0e7;--accent:#ff744d;--accent-dark:#d85231;overflow:hidden}.dudu-shell.theme-space{--theme-surface:#f6f9ff;--theme-rail:#eaf0fb;--theme-quiet:#e2edff;--accent:#5e75e6;--accent-dark:#3d52b2}.dudu-shell.theme-forest{--theme-surface:#f8fff8;--theme-rail:#edf6ec;--theme-quiet:#e1f4df;--accent:#35a879;--accent-dark:#237552}.dudu-shell.theme-ocean{--theme-surface:#f5fcff;--theme-rail:#e8f6f9;--theme-quiet:#d9f0f5;--accent:#1c9fc0;--accent-dark:#0b728a}.dudu-shell.theme-night{--theme-surface:#172033;--theme-rail:#111929;--theme-quiet:#263552;--ink:#f4f6fd;--muted:#b4c0d7;--line:#33415b;--paper:#172033;--soft:#1c273d;--accent:#f2b642;--accent-dark:#ca8b17}.keyboard-capture{opacity:0;width:1px;height:1px;position:fixed;top:0;left:-10000px}.dudu-topbar{border-bottom:1px solid var(--line);background:var(--theme-surface);z-index:5;grid-template-columns:280px 1fr;align-items:center;gap:18px;height:68px;padding:0 28px;display:grid;position:relative}.dudu-brand,.auth-brand{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;letter-spacing:0;white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.dudu-brand small{color:var(--muted);font-family:var(--font-sans-cn), sans-serif;align-self:end;margin:0 0 7px 1px;font-size:10px;font-weight:700}.brand-mark{background:var(--accent);color:#fff;width:37px;height:37px;box-shadow:0 5px 0 var(--accent-dark);border-radius:12px 12px 12px 4px;place-items:center;display:grid;transform:rotate(-4deg)}.mode-tabs button,.rank-periods button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:12px;font-weight:800}.top-scoreboard{justify-self:end;align-items:center;gap:9px;display:flex}.streak-chip,.wallet-chip,.leaderboard-toggle{border-radius:8px;align-items:center;gap:5px;min-height:38px;font-size:12px;font-weight:800;display:flex}.streak-chip{background:color-mix(in srgb, var(--gold) 19%, var(--theme-surface));color:#be7812;cursor:pointer;border:0;padding:0 9px}.streak-chip strong{color:var(--ink);font-size:17px}.wallet-chip{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:var(--theme-surface);color:var(--accent-dark);cursor:pointer;padding:0 10px}.wallet-chip>span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-family:Georgia,serif;display:grid}.wallet-chip strong{font-size:14px}.wallet-chip small{color:var(--muted);font-size:10px}.leaderboard-toggle{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:0 11px;transition:transform .18s}.leaderboard-toggle:hover{transform:translateY(-2px)}.leaderboard-toggle.active{background:var(--accent)}.dudu-layout{background:var(--theme-surface);grid-template-columns:272px minmax(0,1fr);height:calc(100vh - 68px);min-height:0;display:grid}.unit-rail{border-right:1px solid var(--line);background:var(--theme-rail);flex-direction:column;min-height:0;padding:22px 13px 16px;display:flex}.profile-glance{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:0 8px 18px;display:flex}.profile-glance>div{gap:1px;display:grid}.profile-glance small{color:var(--muted);font-size:10px;font-weight:700}.profile-glance strong{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;font-size:19px;line-height:1}.study-scope{border-bottom:1px solid var(--line);gap:7px;padding:13px 4px 12px;display:grid}.scope-heading{justify-content:space-between;align-items:center;padding:0 4px 2px;font-size:11px;font-weight:900;display:flex}.scope-heading small{color:var(--muted);font-size:9px}.grade-picker{border:1px solid var(--line);background:var(--theme-surface);min-height:39px;color:var(--muted);border-radius:7px;grid-template-columns:auto 1fr 16px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:800;display:grid}.grade-picker select{appearance:none;min-width:0;color:var(--ink);cursor:pointer;text-align:right;background:0 0;border:0;outline:0;font-size:12px;font-weight:900}.side-mode-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.side-mode-tabs button{border:1px solid var(--line);min-width:0;min-height:52px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border-radius:7px;grid-template-columns:17px 1fr auto;align-items:center;gap:6px;padding:7px 8px;display:grid}.side-mode-tabs button>span{gap:1px;min-width:0;display:grid}.side-mode-tabs b{color:var(--ink);white-space:nowrap;font-size:11px}.side-mode-tabs small{color:var(--muted);white-space:nowrap;font-size:8px;overflow:hidden}.side-mode-tabs em{background:color-mix(in srgb, var(--muted) 12%, transparent);border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:8px;font-style:normal;font-weight:900;display:grid}.side-mode-tabs button.active{border-color:var(--ink);background:var(--ink);color:var(--theme-surface)}.side-mode-tabs button.active b,.side-mode-tabs button.active small{color:var(--theme-surface)}.side-mode-tabs button.active em{background:color-mix(in srgb, var(--theme-surface) 17%, transparent)}.rail-heading{justify-content:space-between;padding:17px 8px 9px;font-size:12px;font-weight:800;display:flex}.rail-heading small{color:var(--muted);font-size:10px}.unit-list{scrollbar-width:thin;gap:4px;min-height:0;padding:2px 3px;display:grid;overflow-y:auto}.unit-list button{width:100%;min-height:54px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;transition:all .16s;display:grid}.unit-list button:hover{background:color-mix(in srgb, var(--theme-surface) 65%, transparent);transform:translate(2px)}.unit-list button.active{background:var(--theme-surface);box-shadow:0 8px 20px #23324914}.unit-list button>span:nth-child(2){gap:2px;min-width:0;display:grid}.unit-list b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.unit-list small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;overflow:hidden}.unit-list em{color:var(--muted);font-size:9px;font-style:normal;font-weight:800}.unit-list .active em{color:var(--accent)}.unit-icon{background:var(--theme-quiet);border-radius:10px;place-items:center;width:33px;height:33px;font-size:18px;display:grid}.achievement-mini{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--theme-surface);width:100%;color:var(--accent-dark);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:19px 1fr 16px;align-items:center;gap:7px;margin:12px 0 0;padding:11px 8px;display:grid}.achievement-mini span{gap:2px;display:grid}.achievement-mini b{color:var(--ink);font-size:11px}.achievement-mini small{color:var(--muted);font-size:9px}.learning-board{flex-direction:column;min-width:0;min-height:0;padding:0 clamp(24px,5vw,82px);display:flex;position:relative;overflow-y:auto}.practice-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:61px;display:flex}.mode-tabs{align-items:center;gap:4px;display:flex}.mobile-mode-tabs{display:none}.mode-tabs button{align-items:center;gap:6px;min-height:34px;padding:0 11px;display:flex}.mode-tabs button span{background:color-mix(in srgb, var(--muted) 12%, transparent);border-radius:9px;padding:2px 5px;font-size:9px}.mode-tabs button.active{background:var(--ink);color:var(--theme-surface)}.toolbar-tools{align-items:center;gap:7px;display:flex}.time-chip{border:1px solid var(--line);background:var(--theme-surface);width:164px;min-height:43px;color:var(--muted);border-radius:7px;align-content:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:grid}.time-copy{align-items:center;gap:5px;min-width:0;display:flex}.time-chip b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.time-chip small{color:var(--accent-dark);margin-left:auto;font-size:9px}.time-track{background:color-mix(in srgb, var(--muted) 14%, transparent);border-radius:2px;width:100%;height:4px;overflow:hidden}.time-track i{border-radius:inherit;height:100%;transition:width .1s linear,background .2s linear;display:block}.time-chip.expired{border-color:var(--danger);color:var(--danger)}.time-chip.expired .time-track i{background:var(--danger)}.theme-button,.sound-toggle,.fullscreen-toggle{border:1px solid var(--line);background:var(--theme-surface);width:35px;height:35px;color:var(--ink);cursor:pointer;border-radius:7px;place-items:center;padding:0;font-size:10px;font-weight:800;transition:border-color .18s,color .18s,transform .18s;display:grid}.theme-button:hover,.sound-toggle:hover,.fullscreen-toggle:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));color:var(--accent-dark);transform:translateY(-1px)}.practice-meta{height:39px;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.practice-meta b{color:var(--ink)}.practice-stage{flex:1;grid-template-rows:auto auto auto;grid-template-columns:minmax(190px,.72fr) minmax(340px,1.28fr);align-content:center;align-items:center;gap:clamp(14px,2vh,24px) clamp(26px,5vw,82px);min-height:0;padding:6px 0 20px;display:grid}.scene-card{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--accent) 15%, var(--line));background:var(--theme-quiet);border-radius:32% 42% 37% 46%;justify-self:end;place-items:center;width:min(300px,100%);display:grid;position:relative;overflow:visible;transform:rotate(-3deg)}.scene-glow{aspect-ratio:1;border:20px solid color-mix(in srgb, var(--theme-surface) 75%, transparent);border-radius:50%;width:58%;position:absolute}.scene-card .dodo-avatar{z-index:2;position:relative;transform:rotate(3deg)}.scene-stickers span{z-index:1;font-size:24px;animation:3.6s ease-in-out infinite float;position:absolute}.scene-stickers span:first-child{font-size:39px;top:14%;left:18%}.scene-stickers span:nth-child(2){animation-delay:-.8s;top:17%;right:16%}.scene-stickers span:nth-child(3){animation-delay:-1.5s;bottom:15%;left:18%}.prompt-area{max-width:610px;position:relative}.prompt-kicker{color:var(--accent-dark);font-size:13px;font-weight:900}.prompt-area h1{font-family:var(--font-sans-cn), var(--font-sans-en), sans-serif;letter-spacing:0;margin:6px 0 8px;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.phonetic-guide{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:color-mix(in srgb, var(--theme-quiet) 58%, var(--theme-surface));width:fit-content;max-width:100%;color:var(--ink);border-radius:9px;gap:2px;margin:0 0 15px;padding:9px 13px 8px;display:grid}.phonetic-guide span{color:var(--accent-dark);letter-spacing:.03em;font-size:10px;font-weight:900}.phonetic-guide b{overflow-wrap:anywhere;font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;color:var(--ink);letter-spacing:0;font-size:21px;font-weight:700;line-height:1.05}.phonetic-guide small{color:var(--muted);font-size:10px;font-weight:600;line-height:1.4}.listen-button{background:var(--accent);color:#fff;cursor:pointer;min-height:53px;box-shadow:0 5px 0 var(--accent-dark);border:0;border-radius:10px;align-items:center;gap:9px;padding:0 18px;font-size:13px;font-weight:900;transition:all .13s;display:inline-flex}.listen-button:hover{transform:translateY(-2px)}.listen-button:active{box-shadow:0 1px 0 var(--accent-dark);transform:translateY(4px)}kbd{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 9%, transparent);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:9px;font-weight:800}.listen-button kbd{background:#ffffff29;border-color:#0000}.slot-answer-zone{grid-column:1/-1;justify-self:center;width:min(890px,100%);padding:8px 0 2px}.slot-groups{flex-wrap:wrap;justify-content:center;align-items:end;gap:12px;min-height:65px;display:flex}.slot-group{gap:4px;display:flex}.letter-slot{border:2px solid color-mix(in srgb, var(--ink) 15%, var(--line));background:var(--theme-surface);width:clamp(32px,4vw,48px);height:clamp(43px,5.3vw,58px);color:var(--ink);cursor:text;font-family:var(--font-sans-en), sans-serif;text-transform:lowercase;border-bottom-width:4px;border-radius:6px;place-items:center;padding:0;font-size:clamp(23px,3vw,34px);font-weight:800;transition:all .12s;display:grid}.letter-slot.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--theme-surface));color:var(--success)}.letter-slot.wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--theme-surface));color:var(--danger)}.attempt-feedback{text-align:center;color:var(--muted);justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.attempt-feedback span{justify-content:center;align-items:center;gap:6px;display:inline-flex}.is-correct .attempt-feedback{color:var(--success)}.is-wrong .attempt-feedback{color:var(--danger)}.practice-actions{grid-column:1/-1;justify-content:center;align-items:center;gap:9px;margin-top:16px;display:flex}.plain-action,.check-button{cursor:pointer;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.plain-action{border:1px solid var(--line);background:var(--theme-surface);color:var(--muted)}.check-button{background:var(--ink);color:var(--theme-surface);box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 84%, #000);border:0}.check-button:active{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 84%, #000);transform:translateY(3px)}.check-button:disabled{opacity:.62;cursor:wait}.keyboard-guide{border-top:1px solid var(--line);min-height:38px;color:var(--muted);justify-content:center;align-items:center;gap:15px;font-size:9px;font-weight:700;display:flex}.keyboard-guide span{align-items:center;gap:4px;display:flex}.leaderboard-panel{z-index:12;border-left:1px solid var(--line);background:var(--theme-surface);flex-direction:column;width:min(330px,92vw);height:100vh;padding:20px;transition:transform .28s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(103%);box-shadow:-18px 0 36px #1420341f}.leaderboard-panel.open{transform:translate(0)}.leaderboard-header{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;justify-content:space-between;align-items:center;font-size:20px;font-weight:800;display:flex}.leaderboard-header span{color:var(--accent-dark);align-items:center;gap:8px;display:flex}.leaderboard-header button,.wall-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.rank-periods{background:var(--theme-rail);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:4px;margin:21px 0 8px;padding:4px;display:grid}.rank-periods button{height:30px}.rank-periods button.active{background:var(--theme-surface);color:var(--accent);box-shadow:0 2px 7px #14203414}.rank-note{color:var(--muted);margin:0;font-size:10px}.ranking-list{gap:7px;padding-top:15px;display:grid;overflow-y:auto}.ranking-row{border-bottom:1px solid var(--line);grid-template-columns:22px 34px 1fr auto;align-items:center;gap:8px;min-height:49px;padding:5px 7px;font-size:12px;display:grid}.ranking-row.me{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--theme-quiet);border-radius:7px}.ranking-row em{background:var(--theme-rail);width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.ranking-row:nth-child(-n+3) em{background:var(--gold);color:#fff}.ranking-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-row strong{color:var(--accent-dark);font-size:11px}.empty-rank{color:var(--muted);text-align:center;padding:22px 10px;font-size:12px;line-height:1.8}.rank-refresh{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:auto;padding-top:16px;font-size:10px;display:flex}.rank-refresh button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.reward-history{z-index:24;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s step-end;position:fixed;inset:0}.reward-history.open{visibility:visible;opacity:1;transition:opacity .2s}.reward-backdrop{cursor:default;background:#141f3161;border:0;position:absolute;inset:0}.reward-panel{border-left:1px solid var(--line);background:var(--theme-surface);flex-direction:column;width:min(420px,100vw);height:100%;padding:24px;transition:transform .28s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(103%);box-shadow:-18px 0 36px #14203429}.reward-history.open .reward-panel{transform:none}.reward-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.reward-panel>header{border-bottom:1px solid var(--line);gap:3px;padding:1px 42px 20px 0;display:grid}.reward-panel>header>span{color:var(--accent-dark);align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.reward-panel>header>strong{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;margin-top:4px;font-size:34px;line-height:1.1}.reward-panel>header>small{color:var(--muted);font-size:10px}.reward-list{flex:1;min-height:0;padding:8px 1px;overflow-y:auto}.reward-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:6px 12px;min-height:82px;padding:12px 2px;display:grid}.reward-list article>div:first-child{gap:3px;min-width:0;display:grid}.reward-list article b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reward-list article small,.reward-list time{color:var(--muted);font-size:9px}.reward-amount{justify-items:end;gap:2px;display:grid}.reward-amount strong{color:var(--accent-dark);font-size:14px}.reward-amount em{color:var(--accent-dark);font-size:8px;font-style:normal}.reward-list article>span{border-radius:4px;justify-self:end;padding:3px 6px;font-size:8px;font-weight:900}.reward-list article>span.pending{background:color-mix(in srgb, var(--gold) 18%, var(--theme-surface));color:#ae6b0a}.reward-list article>span.settled{background:color-mix(in srgb, var(--success) 13%, var(--theme-surface));color:var(--success)}.reward-empty{color:var(--muted);text-align:center;padding:36px 10px;font-size:11px;line-height:1.7}.reward-panel>footer{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:10px;line-height:1.6}.achievement-wall{z-index:20;visibility:hidden;opacity:0;place-items:center;transition:opacity .2s,visibility .2s step-end;display:grid;position:fixed;inset:0}.achievement-wall.open{visibility:visible;opacity:1;transition:opacity .2s}.wall-backdrop{cursor:default;background:#141f3175;border:0;position:absolute;inset:0}.wall-content{border:1px solid var(--line);background:var(--theme-surface);border-radius:9px;width:min(720px,100vw - 28px);padding:clamp(24px,5vw,42px);transition:transform .22s;position:relative;transform:translateY(14px)scale(.98);box-shadow:0 20px 50px #0a14203b}.achievement-wall.open .wall-content{transform:none}.wall-close{position:absolute;top:12px;right:13px}.wall-title{color:var(--accent-dark);align-items:center;gap:11px;display:flex}.wall-title div{gap:1px;display:grid}.wall-title span{color:var(--muted);font-size:11px;font-weight:800}.wall-title h2{color:var(--ink);font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;margin:0;font-size:27px}.certificate-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid}.certificate-grid article{border:1px solid var(--line);background:color-mix(in srgb, var(--theme-rail) 68%, var(--theme-surface));border-radius:7px;min-height:137px;padding:16px;position:relative;overflow:hidden}.certificate-grid article.earned{border-color:color-mix(in srgb, var(--gold) 63%, var(--line));background:color-mix(in srgb, var(--gold) 14%, var(--theme-surface))}.certificate-grid article>span{margin-bottom:5px;font-size:26px;display:block}.certificate-grid b{font-size:13px;display:block}.certificate-grid p{color:var(--muted);margin:4px 0 0;font-size:11px}.certificate-grid i{background:var(--accent);height:5px;transition:width .4s;position:absolute;bottom:0;left:0}.wall-footnote{color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.7}.success-burst{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.success-burst i{top:27%;left:calc(12% + (var(--i) * 4%));color:var(--gold);font-family:var(--font-sans-en), sans-serif;opacity:0;font-size:22px;font-style:normal;font-weight:800;position:absolute}.success-burst.show i{animation:.95s cubic-bezier(.2,.8,.22,1) both burst;animation-delay:calc(var(--i) * 17ms)}.dodo-avatar{--avatar-bg:#ffe4d3;border:2px solid color-mix(in srgb, var(--avatar-bg) 55%, var(--theme-surface));background:var(--avatar-bg);width:42px;height:42px;box-shadow:0 4px 0 color-mix(in srgb, var(--avatar-bg) 65%, #9c633d);border-radius:45% 45% 42% 48%;flex:none;justify-content:center;align-items:center;font-size:26px;line-height:1;display:inline-flex;position:relative}.dodo-avatar.sm{width:30px;height:30px;box-shadow:0 2px 0 color-mix(in srgb, var(--avatar-bg) 65%, #9c633d);border-width:1px;font-size:19px}.dodo-avatar.lg{width:112px;height:112px;box-shadow:0 8px 0 color-mix(in srgb, var(--avatar-bg) 65%, #9c633d);border-width:4px;font-size:67px}.dodo-avatar.dodo-sky{--avatar-bg:#d4efff}.dodo-avatar.dodo-pink{--avatar-bg:#ffe1ec}.dodo-avatar.dodo-forest{--avatar-bg:#dcefd7}.dodo-avatar.dodo-space{--avatar-bg:#e5dcff}.dodo-avatar.dodo-ocean{--avatar-bg:#cff4ef}.dodo-avatar b{display:none}.auth-shell{background:#fbfaf6;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:100vh;display:grid}.auth-intro{color:#27364d;background:#f0f5ff;flex-direction:column;padding:clamp(32px,7vw,98px);display:flex;overflow:hidden}.auth-brand{color:#27364d}.auth-brand .brand-mark{--accent:#ff744d;--accent-dark:#d85231}.auth-visual{aspect-ratio:1;background:#e6f0ff;border:16px solid #dde9ff;border-radius:46% 54% 48% 52%;align-self:center;place-items:center;width:min(380px,100%);margin:clamp(30px,6vh,70px) 0 clamp(25px,5vh,52px);display:grid;position:relative}.auth-visual .dodo-avatar{z-index:2;position:relative}.auth-orbit{border:3px dashed #8aa5da;border-radius:50%;animation:15s linear infinite spin;position:absolute;inset:17%}.auth-visual>span{font-size:30px;position:absolute}.auth-visual>span:first-of-type{top:20%;left:8%}.auth-visual>span:nth-of-type(2){bottom:19%;right:9%}.auth-visual>span:nth-of-type(3){top:15%;right:16%}.auth-intro h1{letter-spacing:0;margin:0;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:clamp(37px,4.4vw,63px);line-height:1.08}.auth-intro>p{color:#5d6f8d;max-width:505px;margin:18px 0 0;font-size:15px;line-height:1.8}.auth-notes{gap:8px;margin-top:24px;display:flex}.auth-notes span{color:#57709a;border:1px solid #d4e1f7;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:800}.auth-panel{background:#fffdfa;place-items:center;padding:30px;display:grid}.auth-card{gap:13px;width:min(420px,100%);display:grid}.auth-card .eyebrow{color:#e25d3e;align-items:center;gap:6px;font-size:12px;font-weight:900;display:flex}.auth-card h2{margin:0;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:34px;line-height:1.1}.auth-card>p{color:#768397;margin:-4px 0 5px;font-size:13px;line-height:1.7}.auth-card label,.field-label{color:#52627a;gap:6px;font-size:12px;font-weight:800;display:grid}.auth-card input,.auth-card select{color:#27364d;background:#fff;border:1px solid #dfe4ec;border-radius:6px;outline:none;width:100%;height:45px;padding:0 12px;font-size:14px}.auth-card input:focus,.auth-card select:focus{border-color:#ff744d;box-shadow:0 0 0 3px #ff744d1f}.action-button{color:#fff;cursor:pointer;background:#27364d;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px #152135}.action-button:disabled{opacity:.55;cursor:wait}.auth-card>small{color:#8b97a7;font-size:10px;line-height:1.5}.form-message{color:#c6384c;text-align:center;max-width:390px;margin:0;font-size:12px;font-weight:700;position:absolute;bottom:28px}.child-choice-grid{gap:7px;display:grid}.child-choice{color:#27364d;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;grid-template-columns:42px 1fr;align-items:center;gap:11px;min-height:61px;padding:8px 10px;display:grid}.child-choice.selected{background:#fff5f0;border-color:#ff744d;box-shadow:0 0 0 2px #ff744d1c}.child-choice span{gap:2px;display:grid}.child-choice b{font-size:14px}.child-choice small{color:#778699;font-size:11px}.pin-input{letter-spacing:.45em;text-align:center;font-weight:800;font-size:20px!important}.text-button{color:#e25d3e;cursor:pointer;background:0 0;border:0;justify-self:center;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.avatar-picker{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.avatar-picker button{color:#708097;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-items:center;gap:3px;padding:5px 1px;display:grid}.avatar-picker button.picked{color:#d85231;background:#fff5f0;border-color:#ff744d}.avatar-picker small{white-space:nowrap;font-size:9px}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkbox-label{align-items:center;gap:7px;color:#6f7d90!important;font-size:11px!important;display:flex!important}.checkbox-label input{accent-color:#ff744d;width:16px;height:16px;margin:0}.loading-screen{color:#536078;text-align:center;background:#fffdfa;place-content:center;gap:13px;min-height:100vh;font-weight:700;display:grid}.loading-screen svg{color:#ff744d;justify-self:center;animation:1.5s ease-in-out infinite float}.loading-screen p{margin:0}.loading-screen a{color:#d85231;font-size:13px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes nudge{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-3px)}}@keyframes burst{0%{opacity:0;transform:translateY(22px)rotate(0)}16%{opacity:1}to{opacity:0;transform:translateY(-180px) translateX(calc((var(--i) - 10) * 7px)) rotate(200deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1020px){.dudu-topbar{grid-template-columns:210px 1fr;padding:0 17px}.dudu-layout{grid-template-columns:225px minmax(0,1fr)}.learning-board{padding:0 28px}.practice-stage{grid-template-columns:minmax(160px,.6fr) minmax(290px,1.4fr);column-gap:27px}.wallet-chip small{display:none}.scene-card{width:230px}.scene-card .dodo-avatar.lg{width:88px;height:88px;font-size:53px}.keyboard-guide{gap:8px}.side-mode-tabs{grid-template-columns:1fr}.side-mode-tabs button{min-height:43px}.side-mode-tabs small{display:none}}@media (max-width:760px){.dudu-shell{overflow:auto}.dudu-topbar{grid-template-columns:1fr auto;height:59px;padding:0 12px}.dudu-brand{font-size:18px}.dudu-brand small,.streak-chip span,.leaderboard-toggle span{display:none}.brand-mark{width:32px;height:32px}.top-scoreboard{gap:6px}.streak-chip{padding:0 5px}.wallet-chip{padding:0 6px}.wallet-chip strong{font-size:12px}.leaderboard-toggle{justify-content:center;width:34px;padding:0}.dudu-layout{height:auto;min-height:calc(100vh - 59px);display:block}.unit-rail{display:none}.learning-board{min-height:calc(100vh - 59px);padding:0 14px;overflow:visible}.mobile-scope-select{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;min-height:47px;display:grid}.mobile-scope-select label{min-width:0;color:var(--muted);grid-template-columns:auto minmax(0,1fr) 14px;align-items:center;gap:4px;font-size:9px;font-weight:800;display:grid}.mobile-scope-select label+label{border-left:1px solid var(--line);padding-left:8px}.mobile-scope-select select{appearance:none;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px;font-weight:900}.practice-toolbar{justify-content:space-between;min-height:55px}.mobile-mode-tabs{display:flex}.mode-tabs button{padding:0 7px;font-size:10px}.mode-tabs button svg{width:14px}.toolbar-tools{gap:4px}.time-chip{width:92px;padding:5px 6px}.time-chip span,.time-chip small{display:none}.theme-button{display:grid}.time-copy{justify-content:center}.time-track{height:3px}.practice-meta{height:31px}.practice-stage{flex-direction:column;justify-content:center;gap:7px;padding:7px 0 12px;display:flex}.scene-card{flex:0 0 148px;order:0;width:148px}.scene-card .dodo-avatar.lg{width:67px;height:67px;box-shadow:0 5px 0 color-mix(in srgb, var(--avatar-bg) 65%, #9c633d);border-width:3px;font-size:40px}.scene-card p{max-width:104px;padding:4px 6px;font-size:8px;bottom:6px;right:3px}.scene-stickers span{font-size:17px!important}.prompt-area{text-align:center;order:1;width:100%}.prompt-kicker{font-size:11px}.prompt-area h1{margin:2px 0;font-size:31px}.prompt-area p{margin:3px 0 7px;font-size:11px}.phonetic-guide{text-align:left;margin:0 auto 9px;padding:7px 10px 6px}.phonetic-guide b{font-size:18px}.phonetic-guide small{font-size:9px}.listen-button{min-height:42px;padding:0 14px;font-size:11px}.listen-button kbd{display:none}.slot-answer-zone{order:2;padding:12px 7px}.answer-label{justify-content:center;margin-bottom:9px;font-size:10px}.slot-groups{gap:7px;min-height:46px}.slot-groups.sentence{gap:9px}.slot-group{gap:2px}.letter-slot{border-width:1px 1px 3px;border-radius:4px;width:clamp(24px,8.3vw,36px);height:43px;font-size:23px}.attempt-feedback{min-height:24px;padding:8px 3px 0;font-size:10px}.practice-actions{order:3;margin-top:4px}.plain-action,.check-button{min-height:37px;padding:0 11px;font-size:11px}.plain-action kbd,.check-button kbd,.keyboard-guide{display:none}.leaderboard-panel{width:min(330px,100vw)}.reward-panel{width:100vw;padding:20px}.certificate-grid{grid-template-columns:1fr 1fr}.certificate-grid article{min-height:119px;padding:12px}.auth-shell{display:block}.auth-intro{min-height:248px;padding:24px}.auth-visual{display:none}.auth-intro h1{margin-top:38px;font-size:36px}.auth-intro>p{margin-top:10px;font-size:12px}.auth-card h2{font-size:29px}.form-message{bottom:16px}.avatar-picker{grid-template-columns:repeat(3,1fr)}.profile-card{max-height:calc(100vh - 285px);padding-right:4px;overflow-y:auto}}@media (max-width:380px){.wallet-chip strong{font-size:11px}.dudu-brand{font-size:16px}.time-chip b{font-size:10px}.theme-button{display:none}.letter-slot{width:22px;font-size:20px}.slot-groups.sentence,.certificate-grid{gap:6px}.certificate-grid article{padding:8px}}@media (max-width:760px){.slot-answer-zone{padding:10px 0 0}.attempt-feedback{min-height:0;padding:0;font-size:10px}.attempt-feedback:not(:empty){min-height:24px;padding:8px 3px 0}}@media (max-width:380px){.wallet-chip strong{font-size:11px}.dudu-brand{font-size:16px}.time-chip b{font-size:10px}.letter-slot{width:22px;font-size:20px}.slot-groups.sentence,.certificate-grid{gap:6px}.certificate-grid article{padding:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.parent-shell{color:#27364d;background:#f6f7f9;min-height:100vh}.parent-header{background:#fff;border-bottom:1px solid #e2e7ee;justify-content:space-between;align-items:center;height:61px;padding:0 clamp(18px,5vw,72px);display:flex}.parent-brand{color:#27364d;align-items:center;gap:8px;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:19px;font-weight:800;text-decoration:none;display:flex}.parent-brand span{color:#ff744d}.parent-header>div{color:#768397;align-items:center;gap:14px;font-size:11px;font-weight:700;display:flex}.parent-header button{color:#52627a;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.parent-main{width:min(1180px,100% - 36px);margin:0 auto;padding:42px 0 70px}.parent-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.parent-title span,.band-heading span{color:#e25d3e;font-size:11px;font-weight:900}.parent-title h1{letter-spacing:0;margin:5px 0 0;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:clamp(28px,4vw,43px);line-height:1.15}.admin-link{color:#52627a;background:#fff;border:1px solid #dbe2eb;border-radius:6px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.parent-kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px;display:grid}.parent-kpis article{background:#fff;border:1px solid #e1e6ed;border-radius:7px;align-content:start;gap:3px;min-height:141px;padding:19px;display:grid}.parent-kpis svg{color:#ff744d;margin-bottom:5px}.parent-kpis article:nth-child(2) svg{color:#f0ab24}.parent-kpis article:nth-child(3) svg{color:#5e75e6}.parent-kpis span{color:#758397;font-size:11px;font-weight:800}.parent-kpis strong{font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:29px}.parent-kpis small{color:#97a2b0;font-size:10px}.parent-band{background:#fff;border-top:1px solid #dfe5ec;margin-top:22px;padding:26px}.band-heading{justify-content:space-between;align-items:center;display:flex}.band-heading h2{margin:3px 0 0;font-size:21px}.band-heading>svg{color:#8090a5}.child-report-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:20px;display:grid}.child-report{background:#fff;border:1px solid #e3e8ee;border-radius:7px;padding:15px}.child-report-head{grid-template-columns:44px 1fr auto;align-items:center;gap:9px;display:grid}.child-report-head>div{gap:2px;display:grid}.child-report-head b{font-size:14px}.child-report-head small{color:#8190a3;font-size:10px}.child-report-head button{color:#d85231;cursor:pointer;background:#fff7f3;border:1px solid #ffbfad;border-radius:5px;align-items:center;gap:4px;padding:7px 8px;font-size:10px;font-weight:800;display:flex}.child-report-head button:disabled{color:#a0a9b6;cursor:default;background:#f8f9fa;border-color:#e5e8ee}.child-metrics{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:15px;display:grid}.child-metrics span{color:#7d8a9a;gap:2px;font-size:10px;display:grid}.child-metrics b{color:#27364d;font-size:12px}.pending-line{color:#7c899a;border-top:1px solid #edf0f4;justify-content:space-between;margin-top:13px;padding-top:10px;font-size:11px;display:flex}.pending-line strong{color:#e25d3e}.reward-config>p{color:#718095;margin:12px 0 18px;font-size:12px;line-height:1.7}.policy-tabs{align-items:center;gap:8px;display:flex}.policy-tabs select{color:#52627a;background:#fff;border:1px solid #dfe4ec;border-radius:5px;height:34px;padding:0 8px;font-size:11px;font-weight:800}.policy-tabs>div{background:#f1f3f6;border-radius:6px;padding:3px;display:flex}.policy-tabs button{color:#718095;cursor:pointer;background:0 0;border:0;border-radius:4px;height:28px;padding:0 10px;font-size:11px;font-weight:800}.policy-tabs button.active{color:#d85231;background:#fff;box-shadow:0 1px 4px #21314514}.policy-form{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px;display:grid}.policy-form label{color:#56667c;gap:7px;font-size:11px;font-weight:800;display:grid}.policy-form label>div{color:#8592a2;background:#fff;border:1px solid #dfe5ec;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;height:42px;padding:0 9px;display:grid}.policy-form input{color:#27364d;border:0;outline:0;width:100%;min-width:0;font-size:13px;font-weight:800}.policy-form small{color:#8b98a8;font-size:9px;font-weight:500}.unlimited-toggle{color:#637288;align-items:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.unlimited-toggle input{accent-color:#ff744d;width:15px;height:15px}.config-actions{align-items:center;gap:10px;margin-top:17px;display:flex}.save-policy{color:#fff;cursor:pointer;background:#27364d;border:0;border-radius:5px;align-items:center;gap:6px;height:37px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.save-policy:disabled{opacity:.6;cursor:wait}.config-actions span{color:#218663;font-size:11px;font-weight:800}.ledger-table{margin-top:19px}.ledger-row{color:#66768b;border-bottom:1px solid #edf0f4;grid-template-columns:112px 1.1fr 1.5fr 78px 65px;align-items:center;gap:10px;min-height:53px;font-size:11px;display:grid}.ledger-head{color:#97a2b0;min-height:33px;font-size:10px;font-weight:800}.ledger-row>span:nth-child(2){gap:2px;display:grid}.ledger-row b{color:#34445c}.ledger-row small{color:#93a0af;font-size:9px}.ledger-row strong{color:#d85231}.ledger-row em{border-radius:3px;justify-self:start;padding:3px 5px;font-size:9px;font-style:normal;font-weight:800}.ledger-row em.pending{color:#c86927;background:#fff1e7}.ledger-row em.settled{color:#218663;background:#e8f7f0}.ledger-empty{color:#8491a1;text-align:center;padding:25px;font-size:12px}.parent-loading{color:#68778c;place-content:center;min-height:100vh;font-weight:700;display:grid}@media (max-width:760px){.parent-header{padding:0 16px}.parent-header>div>span{display:none}.parent-main{width:min(100% - 24px,1180px);padding-top:27px}.parent-title{display:block}.parent-title h1{font-size:31px}.admin-link{width:max-content;margin-top:15px}.parent-kpis{grid-template-columns:1fr}.parent-kpis article{min-height:103px}.parent-band{padding:18px 14px}.policy-form{grid-template-columns:1fr 1fr}.ledger-table{overflow-x:auto}.ledger-row{min-width:680px}.child-report-head{grid-template-columns:44px 1fr}.child-report-head button{grid-column:1/-1;justify-content:center}.form-row{grid-template-columns:1fr}}.admin-shell{color:#26364d;background:#f4f6f8;min-height:100vh}.admin-shell header{color:#b9c5d7;background:#19263b;border-bottom:1px solid #dfe5ec;justify-content:space-between;align-items:center;height:60px;padding:0 clamp(16px,4vw,62px);font-size:11px;font-weight:700;display:flex}.admin-shell header a{color:#fff;align-items:center;gap:7px;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:18px;font-weight:800;text-decoration:none;display:flex}.admin-main{width:min(1130px,100% - 36px);margin:0 auto;padding:41px 0 70px}.admin-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px;display:flex}.admin-title>div:first-child>span{color:#5e75e6;font-size:11px;font-weight:900}.admin-title h1{max-width:700px;margin:5px 0 0;font-family:"Baloo 2",Noto Sans SC,sans-serif;font-size:clamp(27px,3.8vw,40px);line-height:1.15}.admin-stats{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.admin-stats span{color:#718095;background:#fff;border:1px solid #dfe5ec;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:800;display:flex}.admin-grid{grid-template-columns:minmax(260px,.78fr) minmax(400px,1.22fr);align-items:start;gap:15px;display:grid}.new-exercise,.content-list{background:#fff;border:1px solid #dfe5ec;border-radius:7px;padding:20px}.new-exercise{gap:11px;display:grid}.admin-section-title{color:#314158;align-items:center;gap:7px;margin-bottom:7px;font-size:14px;font-weight:900;display:flex}.admin-section-title svg{color:#5e75e6}.new-exercise label{color:#66768b;gap:5px;font-size:11px;font-weight:800;display:grid}.new-exercise input,.new-exercise select{color:#293950;background:#fff;border:1px solid #dfe5ec;border-radius:5px;outline:none;width:100%;height:37px;padding:0 9px;font-size:12px}.new-exercise input:focus,.new-exercise select:focus{border-color:#5e75e6;box-shadow:0 0 0 3px #5e75e61a}.new-exercise>button{color:#fff;cursor:pointer;background:#293950;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:11px;font-weight:800;display:flex}.new-exercise p{color:#218663;margin:0;font-size:11px;font-weight:800}.content-list{gap:3px;display:grid}.content-list article{border-bottom:1px solid #edf0f4;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:55px;padding:9px 0;display:grid}.content-list article>div{gap:2px;display:grid}.content-list article span{color:#8491a1;font-size:9px;font-weight:800}.content-list article b{font-size:12px}.content-list article small{color:#8c98a7;font-size:10px}.content-list article em{color:#718095;background:#f0f2f5;border-radius:3px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:800}.content-list article em.published{color:#218663;background:#e4f6ed}.content-list article button{color:#4057b2;cursor:pointer;background:#f2f5ff;border:1px solid #b9c6ee;border-radius:4px;font-size:10px;font-weight:800}.admin-loading{color:#64748b;place-content:center;min-height:100vh;font-weight:700;display:grid}@media (max-width:760px){.admin-shell header{padding:0 14px}.admin-shell header>span{display:none}.admin-main{width:calc(100% - 24px);padding-top:26px}.admin-title{display:block}.admin-stats{justify-content:start;margin-top:14px}.admin-grid{grid-template-columns:1fr}.content-list{overflow-x:hidden}.content-list article{grid-template-columns:1fr auto}.content-list article button{grid-column:2}}.dudu-brand,.auth-brand,.leaderboard-header,.reward-panel>header>strong,.auth-intro h1,.auth-card h2,.parent-brand,.parent-title h1,.parent-kpis strong,.admin-shell header a,.admin-title h1{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif}.dudu-shell,.learning-board,body{scrollbar-width:none}.dudu-shell::-webkit-scrollbar{width:0;height:0}.learning-board::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}.profile-trigger{border:1px solid var(--line);background:var(--theme-surface);width:118px;min-height:42px;color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:7px;padding:4px 8px 4px 5px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.profile-trigger:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));transform:translateY(-1px);box-shadow:0 7px 18px #1f2d4314}.profile-trigger .profile-copy{gap:0;min-width:0;display:grid}.profile-trigger b{font-size:11px;line-height:1.2}.profile-trigger b,.profile-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-trigger small{color:var(--muted);font-size:8px;font-weight:700}.profile-trigger>svg{color:var(--muted)}.grade-menu{z-index:8;min-width:0;position:relative}.grade-trigger{border:1px solid var(--line);background:var(--theme-surface);width:100%;min-height:42px;color:var(--muted);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto 1fr 16px;align-items:center;gap:8px;padding:0 10px;transition:border-color .16s,box-shadow .16s;display:grid}.grade-trigger span{font-size:10px;font-weight:800}.grade-trigger b{color:var(--ink);justify-self:end;font-size:12px}.grade-trigger svg{transition:transform .18s}.grade-menu.open .grade-trigger{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent)}.grade-menu.open .grade-trigger svg{transform:rotate(180deg)}.grade-options{border:1px solid var(--line);background:var(--theme-surface);visibility:hidden;opacity:0;border-radius:8px;gap:3px;width:100%;padding:5px;transition:all .16s;display:grid;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-5px);box-shadow:0 16px 38px #19273d29}.grade-menu.open .grade-options{visibility:visible;opacity:1;transform:none}.grade-options button{min-height:37px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:0 9px;font-size:11px;font-weight:800;display:flex}.grade-options button:hover{background:var(--theme-rail);color:var(--ink)}.grade-options button[aria-selected=true]{background:var(--theme-quiet);color:var(--accent-dark)}.scene-card{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:#dff0ff;border-radius:8px;justify-self:end;width:min(340px,100%);display:block;position:relative;overflow:hidden;transform:none;box-shadow:0 13px 34px #1f30491f}.scene-image{object-fit:cover;width:100%;height:100%;display:block}.scene-fallback{background:#dff1ff;width:100%;height:100%;position:relative;overflow:hidden}.scene-sun{background:#ffd662;border-radius:50%;width:58px;height:58px;position:absolute;top:22px;right:28px;box-shadow:0 0 0 11px #ffd66238}.scene-cloud{background:#ffffffdb;border-radius:18px;width:86px;height:28px;position:absolute;top:55px;left:28px;box-shadow:24px -14px 0 -3px #ffffffdb,50px 0 0 -6px #ffffffdb}.scene-land{clip-path:polygon(0 38%,18% 22%,38% 40%,62% 8%,78% 32%,100% 16%,100% 100%,0 100%);background:#8ed198;height:42%;position:absolute;inset:auto 0 0}.scene-context{z-index:2;filter:drop-shadow(0 5px 4px #20304129);font-size:45px;position:absolute;bottom:22px;left:28px}.scene-focus{z-index:2;filter:drop-shadow(0 6px 5px #2030412e);font-size:64px;position:absolute;bottom:21px;right:34px}.scene-focus.single{font-size:78px;bottom:19%;left:50%;right:auto;transform:translate(-50%)}.scene-status{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#233249db;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:800;position:absolute;top:10px;left:10px}.scene-variant-2 .scene-fallback{background:#ffe8de}.scene-variant-2 .scene-land{clip-path:polygon(0 26%,36% 26%,36% 9%,69% 9%,69% 32%,100% 32%,100% 100%,0 100%);background:#e9b17a}.scene-variant-3 .scene-fallback{background:#cfecff}.scene-variant-3 .scene-land{background:#86b8de}.scene-variant-4 .scene-fallback{background:#fff1b8}.scene-variant-4 .scene-land{clip-path:polygon(0 29%,100% 29%,100% 100%,0 100%);background:#e0a75b}.scene-variant-5 .scene-fallback{background:#eee4ff}.scene-variant-5 .scene-land{clip-path:polygon(0 36%,28% 18%,58% 38%,100% 16%,100% 100%,0 100%);background:#b9a2db}.scene-variant-6 .scene-fallback{background:#e4f4e2}.scene-variant-6 .scene-land{clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%);background:#b9a67e}.scene-variant-7 .scene-fallback{background:#dcecff}.scene-variant-7 .scene-land{background:#78bf8c}.scene-variant-8 .scene-fallback{background:#dff3d9}.scene-variant-8 .scene-land{clip-path:polygon(0 36%,18% 13%,39% 38%,63% 11%,80% 34%,100% 18%,100% 100%,0 100%);background:#72bc76}.achievement-wall{z-index:25}.wall-content{scrollbar-width:none;border-radius:8px;width:min(820px,100vw - 28px);max-height:calc(100vh - 36px);padding:27px;overflow-y:auto}.wall-content::-webkit-scrollbar{display:none}.wall-hero{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--theme-quiet) 48%, var(--theme-surface));border-radius:8px;grid-template-columns:92px minmax(0,1fr) 98px;align-items:center;gap:19px;min-height:142px;padding:21px;display:grid}.wall-emblem{border:5px solid color-mix(in srgb, var(--gold) 70%, #fff);background:var(--theme-surface);color:#b9770d;width:82px;height:82px;box-shadow:0 7px 0 color-mix(in srgb, var(--gold) 48%, #9f6811);border-radius:50%;flex-wrap:wrap;place-content:center;align-items:baseline;gap:0 2px;display:flex;position:relative}.wall-emblem svg{flex:0 0 100%;margin-bottom:1px}.wall-emblem strong{font-family:var(--font-sans-en), sans-serif;font-size:23px;line-height:1}.wall-emblem span{font-size:10px;font-weight:900}.wall-hero>div:nth-child(2){min-width:0}.wall-hero>div:nth-child(2)>span{color:var(--accent-dark);font-size:10px;font-weight:900}.wall-hero h2{color:var(--ink);margin:4px 0 5px;font-size:clamp(19px,2.5vw,27px);line-height:1.25}.wall-hero p{color:var(--muted);margin:0;font-size:11px}.wall-hero>.dodo-avatar{justify-self:end}.wall-stats{border:1px solid var(--line);background:var(--theme-surface);border-radius:8px;grid-template-columns:repeat(4,1fr);margin:16px 0;display:grid}.wall-stats span{border-right:1px solid var(--line);min-height:63px;color:var(--muted);text-align:center;place-content:center;gap:2px;font-size:9px;display:grid}.wall-stats span:last-child{border-right:0}.wall-stats b{color:var(--ink);font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;font-size:17px}.certificate-grid{gap:9px;margin-top:0}.certificate-grid article{background:var(--theme-surface);min-height:146px;padding:15px}.certificate-grid article>span{background:#eaf3ff;border-radius:7px;place-items:center;width:38px;height:38px;margin-bottom:11px;font-size:21px;display:grid}.certificate-grid article.tone-green>span{background:#e6f5ec}.certificate-grid article.tone-gold>span{background:#fff2cf}.certificate-grid article.tone-coral>span{background:#ffe8e1}.certificate-grid article small{color:var(--muted);margin-bottom:2px;font-size:8px;font-weight:900;display:block}.certificate-grid article b{font-size:14px}.certificate-grid article p{font-family:var(--font-sans-en), sans-serif}.certificate-grid article i{height:4px}.certificate-grid article.earned{border-color:color-mix(in srgb, var(--gold) 58%, var(--line))}.wall-footnote{text-align:center;margin-bottom:0}.parent-gate{z-index:28;visibility:hidden;opacity:0;place-items:center;transition:opacity .18s,visibility .18s step-end;display:grid;position:fixed;inset:0}.parent-gate.open{visibility:visible;opacity:1;transition:opacity .18s}.gate-backdrop{cursor:default;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121d2f87;border:0;position:absolute;inset:0}.gate-card{border:1px solid var(--line);background:var(--theme-surface);border-radius:8px;gap:10px;width:min(410px,100vw - 28px);padding:29px;transition:transform .2s;display:grid;position:relative;transform:translateY(12px)scale(.98);box-shadow:0 24px 60px #0a142347}.parent-gate.open .gate-card{transform:none}.gate-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:11px;right:11px}.gate-icon{background:var(--theme-quiet);width:48px;height:48px;color:var(--accent-dark);border-radius:8px;place-items:center;display:grid}.gate-card>span{color:var(--accent-dark);margin-top:4px;font-size:10px;font-weight:900}.gate-card h2{color:var(--ink);margin:-2px 0 0;font-size:25px}.gate-card p{color:var(--muted);margin:0 0 5px;font-size:11px;line-height:1.7}.gate-card label{color:var(--ink);gap:7px;font-size:11px;font-weight:800;display:grid}.gate-card input{border:1px solid var(--line);background:var(--theme-surface);width:100%;height:45px;color:var(--ink);border-radius:7px;outline:none;padding:0 12px;font-size:14px}.gate-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.gate-error{color:var(--danger);font-size:11px;font-weight:800}.gate-submit{background:var(--ink);min-height:44px;color:var(--theme-surface);cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 80%, #000);border:0;border-radius:7px;margin-top:4px;font-size:12px;font-weight:900}.gate-submit:disabled{opacity:.58;cursor:wait}@media (max-width:1180px){.profile-trigger .profile-copy,.profile-trigger>svg{display:none}.profile-trigger{grid-template-columns:30px;place-items:center;width:40px;padding:4px}.scene-card{width:min(300px,100%)}}@media (max-width:760px){.profile-trigger{grid-template-columns:1fr;place-items:center;width:34px;min-height:38px;padding:0;display:grid}.profile-trigger .dodo-avatar{width:27px;height:27px;font-size:17px}.profile-trigger>svg{display:none}.grade-menu{width:100%}.mobile-grade-menu .grade-trigger{min-height:38px;box-shadow:none;background:0 0;border:0;padding:0 5px}.mobile-grade-menu .grade-trigger span{display:none}.mobile-grade-menu .grade-trigger b{justify-self:start;font-size:11px}.mobile-grade-menu .grade-options{width:126px}.mobile-scope-select label+label{border-left:1px solid var(--line)}.practice-stage{justify-content:flex-start}.scene-card{aspect-ratio:4/3;flex:none;width:min(270px,82vw)}.scene-context,.scene-focus{font-size:35px}.scene-focus.single{font-size:58px}.scene-status{top:7px;left:7px}.wall-content{padding:17px}.wall-hero{grid-template-columns:67px minmax(0,1fr);gap:13px;min-height:120px;padding:15px}.wall-hero>.dodo-avatar{display:none}.wall-emblem{border-width:4px;width:62px;height:62px}.wall-emblem svg{width:23px;height:23px}.wall-emblem strong{font-size:18px}.wall-stats span{min-height:54px}.wall-stats b{font-size:13px}.certificate-grid article{min-height:126px}.gate-card{padding:23px}}.wallet-chip>span{box-shadow:inset 0 0 0 1px #ffffff7a;color:#5d3a00!important;background:linear-gradient(145deg,#ffc857,#f5a623)!important}.wallet-chip strong{color:var(--ink);font-variant-numeric:tabular-nums}.time-chip{background:color-mix(in srgb, var(--theme-surface) 94%, white)!important;border-radius:13px!important;width:178px!important;min-width:178px!important;height:46px!important;min-height:46px!important;padding:7px 11px 9px!important;display:block!important;overflow:hidden!important}.time-copy{grid-template-columns:16px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;min-width:0!important;display:grid!important}.time-track{overflow:hidden;background:color-mix(in srgb, var(--ink) 10%, transparent)!important;height:3px!important;bottom:6px!important;left:11px!important;right:11px!important}.time-track i{background:var(--accent)!important;transition:width .16s linear,background-color .24s!important}.practice-dock{width:min(600px,100%)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;gap:8px!important;margin-top:13px!important;padding:0!important}.practice-dock .listen-button,.practice-dock .skip-action,.practice-dock .plain-action,.practice-dock .check-button{height:44px!important;min-height:44px!important;box-shadow:none!important;border-radius:12px!important;transition:transform .16s,border-color .16s,background-color .16s!important}.practice-dock .listen-button{background:var(--accent)!important;color:#fff!important;min-width:82px!important;padding:0 13px!important}.practice-dock .skip-action,.practice-dock .plain-action{border:1px solid color-mix(in srgb, var(--line) 78%, transparent)!important;background:color-mix(in srgb, var(--theme-surface) 88%, white)!important;width:44px!important;min-width:44px!important;color:var(--muted)!important;padding:0!important}.practice-dock .skip-action span,.practice-dock .plain-action span{display:none!important}.practice-dock .check-button{background:var(--ink)!important;min-width:112px!important;color:var(--theme-surface)!important;padding:0 16px!important}.streak-momentum{border:1px solid color-mix(in srgb, var(--gold) 34%, var(--line));color:#b77300;background:color-mix(in srgb, var(--gold) 9%, var(--theme-surface));border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:min(430px,100%);margin:0 auto 2px;padding:9px 12px;display:grid}.streak-momentum>svg{justify-self:center}.streak-momentum>div{grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;min-width:0;display:grid}.streak-momentum b{color:var(--ink);font-size:12px}.streak-momentum span{color:var(--muted);justify-self:end;font-size:9px;font-weight:750}.streak-momentum i{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.streak-momentum em{border-radius:inherit;background:var(--gold);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.review-result strong{align-items:center;gap:4px;display:inline-flex}.success-burst i svg{display:block}@media (max-width:1180px) and (min-width:761px){.learning-board{padding-inline:38px!important}.scene-card{width:min(500px,52vw,177.7dvh - 568.64px)!important}}@media (max-height:760px) and (min-width:761px){.scene-card{width:min(400px,42vw,177.7dvh - 506.445px)!important;min-width:290px!important}.practice-dock{margin-top:7px!important}}@media (max-width:760px){.time-chip{width:116px!important;min-width:116px!important;padding-inline:8px!important}.time-copy{grid-template-columns:14px minmax(0,1fr)!important;gap:5px!important}.time-copy>span{gap:0!important}.time-copy span small,.time-copy em{display:none!important}.scene-card{width:min(350px,88vw,177.7dvh - 533.1px)!important;min-width:230px!important}.practice-dock{margin-top:8px!important}.practice-dock .listen-button,.practice-dock .skip-action,.practice-dock .plain-action,.practice-dock .check-button{width:44px!important;min-width:44px!important;padding:0!important}.practice-dock .listen-button span,.practice-dock .check-button span{display:none!important}}@media (prefers-reduced-motion:reduce){.success-burst,.success-burst i{display:none!important}.practice-dock button,.streak-momentum em,.time-track i{transition:none!important}}.time-chip.expired{border-color:color-mix(in srgb, var(--danger) 30%, var(--line))!important;background:color-mix(in srgb, var(--theme-surface) 93%, #fff0f2)!important}.time-chip .time-track i{border-radius:inherit!important;max-width:100%!important;height:100%!important;display:block!important}.wallet-chip{position:relative!important;overflow:visible!important}@media (max-height:760px) and (min-width:761px){.time-chip{grid-template-rows:35px 4px!important;width:218px!important;min-width:218px!important;height:44px!important;min-height:44px!important}}@media (max-width:760px){.scope-toggle-course{min-width:70px!important;height:38px!important;min-height:38px!important;padding-inline:10px!important}}.unit-cycle-note{width:min(560px,100%);min-height:40px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:750;line-height:1.45;display:flex}.unit-cycle-note svg{color:var(--accent);flex:none}.unit-cycle-note.locked{color:color-mix(in srgb, var(--ink) 76%, var(--muted))}.unit-start-error{min-height:18px;color:var(--danger);margin:-4px 0 0;font-size:11px;font-weight:800}.unit-start-summary strong{justify-content:center;align-items:center;gap:4px;display:inline-flex}.unit-start-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none!important;transform:none!important}.practice-dock .cycle-locked:disabled{cursor:not-allowed;opacity:.5;color:var(--muted)!important;border-color:color-mix(in srgb, var(--line) 72%, transparent)!important}.unit-state-review-ready .unit-icon{color:#a86600!important;background:color-mix(in srgb, #f3b23f 12%, var(--theme-surface))!important}.unit-progress-line .unit-state.review-ready{color:#8a5a08!important;background:color-mix(in srgb, #f3b23f 14%, var(--theme-surface))!important}@media (max-height:760px) and (min-width:761px){.unit-cycle-note{min-height:32px;padding-block:4px}}@media (max-width:760px){.unit-cycle-note{min-height:36px;padding-inline:8px;font-size:10px}}.top-brand-cluster{gap:13px!important}.unit-list .unit-copy>b{max-width:100%!important;color:var(--ink)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;overflow:hidden!important}.unit-list .unit-copy>small{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:10px!important;line-height:1.15!important;overflow:hidden!important}.unit-progress-line em{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;font-size:9px!important;line-height:1!important;overflow:hidden!important}.unit-coin b{color:#a86600!important;font-variant-numeric:tabular-nums!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;font-size:12px!important;line-height:1!important;overflow:hidden!important}@media (max-width:760px){.scope-toggle-course{min-width:70px!important;height:38px!important;min-height:38px!important;padding-inline:10px!important}.time-chip{grid-template-rows:35px 4px!important;grid-template-columns:27px 48px minmax(56px,1fr)!important;column-gap:5px!important;width:154px!important;min-width:154px!important;height:44px!important;min-height:44px!important;padding:3px 7px 2px 6px!important}.time-chip .timer-main small,.time-chip .timer-bonus small{font-size:8px!important}.time-chip .timer-main b,.time-chip .timer-bonus b{font-size:12px!important}}@media (max-width:380px){.time-chip{grid-template-columns:26px 46px 1fr!important;width:140px!important;min-width:140px!important}.time-chip .timer-bonus small{display:none!important}}.time-chip{background:color-mix(in srgb, var(--theme-surface) 94%, white)!important;width:232px!important;min-width:232px!important;height:48px!important;min-height:48px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 76%, transparent), 0 8px 20px #1f30490d!important;contain:none!important;border-radius:13px!important;grid-template-rows:39px 4px!important;grid-template-columns:32px minmax(58px,1fr) auto!important;align-items:center!important;column-gap:8px!important;padding:3px 10px 2px 8px!important;display:grid!important;overflow:visible!important}.timer-icon{background:color-mix(in srgb, var(--accent) 11%, var(--theme-surface));width:30px;height:30px;color:var(--accent-dark);border-radius:9px;place-items:center;display:grid}.timer-main,.timer-bonus{white-space:nowrap;align-content:center;gap:1px;min-width:0;display:grid}.timer-main small,.timer-bonus small{color:var(--muted);font-size:8px;font-weight:850;line-height:1}.timer-main b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:950;line-height:1.15}.timer-bonus{border-left:1px solid color-mix(in srgb, var(--line) 76%, transparent);justify-items:end;padding-left:9px}.timer-bonus b{color:#a56800;align-items:center;gap:2px;font-size:10px;font-weight:950;line-height:1.15;display:inline-flex}.time-chip .time-track{background:color-mix(in srgb, var(--ink) 9%, transparent)!important;border-radius:999px!important;grid-column:1/-1!important;width:100%!important;height:4px!important;margin:0!important;position:relative!important;inset:auto!important;overflow:hidden!important}.time-chip .time-track i{width:0;height:100%;display:block;border-radius:inherit!important;background:var(--accent)!important;max-width:100%!important;transition:width .12s linear,background-color .22s!important}.time-chip.idle .timer-icon{color:var(--muted);background:color-mix(in srgb, var(--ink) 5%, transparent)}.time-chip.warning .timer-icon,.time-chip.warning .timer-bonus b{color:#a66300}.wallet-chip{transform-origin:22px;position:relative;overflow:visible!important}.wallet-chip.is-crediting{animation:.58s cubic-bezier(.18,.86,.28,1.32) wallet-credit}.wallet-chip.is-crediting>span{animation:.58s cubic-bezier(.18,.86,.28,1.32) wallet-coin-ring}.wallet-credit-pop{z-index:2;color:#493000;background:#f5a623;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:950;line-height:1;animation:.62s both wallet-credit-label;position:absolute;top:calc(100% + 6px);right:10px;box-shadow:0 7px 18px #794b0033}.coin-flight-layer{z-index:120;pointer-events:none;position:fixed;inset:0;overflow:hidden}.coin-flight{opacity:0;width:36px;height:36px;animation:coin-flight .86s cubic-bezier(.23,.78,.28,1) var(--flight-delay) forwards;will-change:transform, opacity;position:absolute;top:0;left:0}.coin-flight i{color:#5d3a00;background:linear-gradient(145deg,#ffd56a,#f1a91e);border:2px solid #fff2c8;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 18px #80510040,inset 0 0 0 2px #8a54002e}.coin-flight.timed i{background:linear-gradient(145deg,#fff08a,#ffc43d);box-shadow:0 0 0 5px #ffc43d24,0 8px 18px #80510040}.coin-flight.achievement i{background:linear-gradient(145deg,#ffe08c,#ff9f45)}.coin-flight>b{background:color-mix(in srgb, var(--ink) 92%, transparent);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:42px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #141f312e}@keyframes coin-flight{0%{opacity:0;transform:translate3d(var(--from-x), var(--from-y), 0) scale(.56) rotate(-16deg)}13%{opacity:1;transform:translate3d(var(--from-x), var(--from-y), 0) scale(1.08) rotate(0)}58%{opacity:1;transform:translate3d(var(--mid-x), var(--mid-y), 0) scale(.94) rotate(190deg)}88%{opacity:1}to{opacity:0;transform:translate3d(var(--to-x), var(--to-y), 0) scale(.32) rotate(380deg)}}@keyframes wallet-credit{0%,to{transform:scale(1)}38%{transform:scale(1.08);box-shadow:0 0 0 6px #f5a6231f}}@keyframes wallet-coin-ring{0%,to{transform:rotate(0)scale(1)}45%{transform:rotate(14deg)scale(1.18)}}@keyframes wallet-credit-label{0%{opacity:0;transform:translateY(-5px)scale(.86)}25%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}@media (max-height:760px) and (min-width:761px){.time-chip{grid-template-rows:35px 4px!important;width:218px!important;min-width:218px!important;height:44px!important;min-height:44px!important}}@media (max-width:760px){.time-chip{grid-template-rows:32px 3px!important;grid-template-columns:27px minmax(50px,1fr) auto!important;column-gap:5px!important;width:154px!important;min-width:154px!important;height:40px!important;min-height:40px!important;padding-inline:6px!important}.timer-icon{border-radius:8px;width:26px;height:26px}.timer-main small,.timer-bonus small{display:none}.timer-main b{font-size:12px}.timer-bonus{padding-left:5px}.timer-bonus b{text-overflow:ellipsis;max-width:52px;font-size:8px;overflow:hidden}.coin-flight>b{display:none}}@media (prefers-reduced-motion:reduce){.coin-flight-layer{display:none!important}.wallet-chip,.wallet-chip>span,.wallet-credit-pop{animation:none!important}}.time-chip.idle .time-copy>svg{color:var(--muted)!important}.unit-start-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,1.7vh,18px);min-width:0;height:100%;min-height:0;padding:8px 0 20px;animation:.3s ease-out both unit-cover-in;display:flex}.unit-start-copy{justify-items:center;gap:4px;display:grid}.unit-start-copy>span{color:var(--accent-dark);align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.unit-start-copy h1{color:var(--ink);font-family:var(--font-sans-cn), sans-serif;letter-spacing:0;margin:0;font-size:clamp(38px,4vw,58px);line-height:1.08}.unit-start-copy p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.unit-start-scene{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));background:var(--theme-quiet);border-radius:10px;width:min(460px,45vw,177.7dvh - 693.03px);min-width:300px;margin:0;overflow:hidden;box-shadow:0 18px 46px #1f30491c}.unit-start-scene img{object-fit:cover;width:100%;height:100%;display:block}.unit-start-scene-empty{color:var(--muted);place-items:center;display:grid}.unit-start-summary{border-block:1px solid color-mix(in srgb, var(--line) 78%, transparent);grid-template-columns:repeat(3,minmax(92px,1fr));display:grid}.unit-start-summary>span{gap:1px;min-width:108px;padding:8px 14px;display:grid}.unit-start-summary>span+span{border-left:1px solid color-mix(in srgb, var(--line) 78%, transparent)}.unit-start-summary strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.unit-start-summary small{color:var(--muted);font-size:9px;font-weight:800}.unit-start-button{background:var(--ink);min-width:164px;min-height:48px;color:var(--theme-surface);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:900;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex;box-shadow:0 8px 22px #1f304924}.unit-start-button svg:last-child{opacity:.48}.unit-start-button:hover{background:color-mix(in srgb, var(--ink) 88%, var(--accent));transform:translateY(-1px);box-shadow:0 10px 25px #1f30492e}.unit-start-button:active{transform:translateY(0)scale(.98)}.unit-start-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, transparent);outline-offset:3px}@keyframes unit-cover-in{0%{opacity:0;transform:translateY(6px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-height:760px) and (min-width:761px){.unit-start-stage{gap:8px;padding-block:4px 8px}.unit-start-copy h1{font-size:38px}.unit-start-scene{width:min(380px,41vw,177.7dvh - 586.41px);min-width:280px}.unit-start-summary>span{padding-block:5px}.unit-start-button{min-height:42px}}@media (max-width:760px){.unit-start-stage{gap:10px;padding-bottom:12px}.unit-start-copy h1{font-size:34px}.unit-start-copy p{font-size:11px}.unit-start-scene{width:min(350px,88vw,177.7dvh - 630.835px);min-width:230px}.unit-start-summary{width:min(350px,100%)}.unit-start-summary>span{min-width:0;padding-inline:6px}.unit-start-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.unit-start-stage{animation:none}.unit-start-button{transition:none}}.unit-rail{width:min(366px,92vw)!important}.study-scope{gap:7px!important;padding-bottom:12px!important}.textbook-menu{z-index:10}.textbook-menu .grade-trigger b{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.textbook-menu .grade-options{scrollbar-width:none;max-height:228px;padding:6px;overflow-y:auto}.textbook-menu .grade-options::-webkit-scrollbar{width:0}.textbook-menu .grade-options button{gap:10px;min-height:50px}.textbook-option-copy{gap:2px;min-width:0;display:grid}.textbook-option-copy b,.textbook-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.textbook-option-copy b{color:var(--ink);font-size:12px}.textbook-option-copy small{color:var(--muted);font-size:9px}.rail-heading span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail-heading{align-items:center;padding:17px 6px 10px}.rail-heading span{font-size:14px;font-weight:900}.rail-heading small{background:color-mix(in srgb, var(--accent) 11%, transparent);color:var(--accent-dark);border-radius:999px;padding:3px 6px;font-size:9px;font-weight:900}.unit-list{scrollbar-width:none;gap:6px;padding:2px 1px}.unit-list .unit-copy{gap:3px;min-width:0;display:grid}.unit-list .unit-copy>b{font-weight:900;font-size:14px!important}.unit-list .unit-copy>small{font-weight:700;font-size:10px!important}.unit-list .unit-icon{border-radius:11px;width:36px;height:36px}.unit-progress-line{align-items:center;gap:6px;display:flex!important}.unit-progress-line .unit-state{background:color-mix(in srgb, var(--muted) 9%, transparent);color:var(--muted);border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:900;line-height:1.15}.unit-progress-line .unit-state.learning{background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent-dark)}.unit-progress-line .unit-state.review{color:#237c5e;background:#2392671f}.unit-progress-line em{color:var(--muted)!important;font-size:9px!important}.unit-coin{color:#b7790d;grid-template-columns:13px 1fr;place-items:center end;gap:0 3px;display:grid}.unit-coin svg{grid-row:1}.unit-coin b{color:currentColor;grid-row:1;font-size:12px;font-weight:900;overflow:visible}.unit-coin small{grid-column:1/-1;font-size:9px;font-weight:800}.unit-state-review .unit-icon{color:#237c5e;background:#2392671a}.unit-state-new:not(.active){opacity:.78}.admin-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px;display:grid}.catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-form .admin-section-title,.catalog-form .catalog-summary,.catalog-form>button{grid-column:1/-1}.catalog-summary{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-summary::-webkit-scrollbar{display:none}.catalog-summary>span{background:#f8f9fb;border:1px solid #e4e8ed;border-radius:6px;gap:2px;min-width:132px;padding:8px 9px;display:grid}.catalog-summary b{font-size:11px}.catalog-summary small{color:#8491a1;font-size:9px}.admin-inline-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:760px){.admin-catalog-grid,.catalog-form{grid-template-columns:1fr}.catalog-form .admin-section-title,.catalog-form .catalog-summary,.catalog-form>button{grid-column:auto}}.dudu-topbar{grid-template-columns:minmax(0,1fr) auto!important}.scope-toggle-icon{border-radius:14px!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}.reward-list,.ranking-list{-ms-overflow-style:none;scrollbar-width:none!important}.reward-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.ranking-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.achievement-reward{width:fit-content;color:color-mix(in srgb, var(--gold) 72%, #6e4300);background:color-mix(in srgb, var(--gold) 14%, var(--theme-surface));font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;margin-top:10px;padding:5px 8px;font-size:10px;display:inline-flex!important}.practice-stage:not(.review-mode):not(.speaking-mode){gap:clamp(9px,1.25dvh,14px)!important;padding-bottom:clamp(14px,2.2dvh,24px)!important}.practice-dock{border:1px solid color-mix(in srgb, var(--line) 72%, transparent)!important;background:color-mix(in srgb, var(--theme-surface) 90%, white)!important;border-radius:17px!important;gap:3px!important;width:max-content!important;max-width:100%!important;margin-top:clamp(22px,3dvh,34px)!important;padding:6px!important;box-shadow:0 12px 30px #1f304917!important}.practice-dock .listen-button,.practice-dock .skip-action,.practice-dock .plain-action,.practice-dock .check-button{position:relative;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;box-shadow:none!important;border:0!important;border-radius:12px!important;justify-content:center!important;padding:0!important}.practice-dock .listen-button{color:#fff!important;background:var(--accent)!important}.practice-dock .skip-action,.practice-dock .plain-action{color:color-mix(in srgb, var(--ink) 58%, var(--muted))!important;background:0 0!important}.practice-dock .check-button{color:var(--theme-surface)!important;background:var(--ink)!important}.practice-dock button:hover{background-color:color-mix(in srgb, var(--accent) 11%, var(--theme-surface))!important;color:var(--accent-dark)!important}.practice-dock .listen-button:hover{background:var(--accent-dark)!important;color:#fff!important}.practice-dock .check-button:hover{background:color-mix(in srgb, var(--ink) 86%, var(--accent))!important;color:var(--theme-surface)!important}.practice-dock button>span,.practice-dock button>kbd{display:none!important}@media (hover:hover){.practice-dock button[data-tooltip]:after{content:attr(data-tooltip);z-index:3;color:var(--theme-surface);background:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:800;line-height:1;transition:opacity .14s,translate .14s;position:absolute;bottom:calc(100% + 9px);left:50%;translate:-50% 3px}.practice-dock button[data-tooltip]:hover:after,.practice-dock button[data-tooltip]:focus-visible:after{opacity:1;translate:-50%}}.achievement-config>p{color:#718095;margin:12px 0 18px;font-size:12px;line-height:1.7}.achievement-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.achievement-policy-grid>label{background:#fff;border:1px solid #e1e6ed;border-radius:8px;grid-template-columns:42px minmax(0,1fr) minmax(118px,.65fr);align-items:center;gap:10px;min-width:0;padding:13px;display:grid}.achievement-policy-icon{color:#d85231;background:#fff0ea;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.achievement-policy-grid>label>span:nth-child(2){gap:3px;min-width:0;display:grid}.achievement-policy-grid b{color:#34445c;font-size:12px}.achievement-policy-grid small{color:#8b98a8;font-size:9px}.achievement-policy-grid label>div{color:#d49419;border:1px solid #dfe5ec;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;height:38px;padding:0 8px;display:grid}.achievement-policy-grid input{color:#27364d;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:850}.achievement-policy-grid em{color:#8a96a5;font-size:9px;font-style:normal}@media (max-height:760px) and (min-width:761px){.practice-dock{margin-top:14px!important}}@media (max-width:760px){.dudu-topbar{padding-inline:9px!important}.top-brand-cluster{gap:6px}.scope-toggle-icon{width:40px!important;min-width:40px!important;height:40px!important}.top-brand-cluster .series-wordmark small{display:none}.practice-dock{margin-top:14px!important}.achievement-policy-grid{grid-template-columns:1fr}}@media (max-width:720px){.achievement-policy-grid>label{grid-template-columns:40px minmax(0,1fr)}.achievement-policy-grid label>div{grid-column:1/-1}}.dudu-series-brand{min-width:0;color:inherit;font-family:var(--font-sans-cn), var(--font-sans-en), sans-serif;white-space:nowrap;align-items:center;gap:11px;line-height:1;display:inline-flex}.series-logo{background:#ff6f55;border:1px solid #ffffff73;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 18px #dc4d3133;color:#fff!important}.series-logo:after{content:"";background:#ffd15757;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-9px;right:-9px}.series-logo-spark{color:#ffe078;position:absolute;top:5px;right:5px}.series-wordmark{gap:3px;min-width:0;display:grid;color:inherit!important}.series-wordmark b{letter-spacing:0;font-size:20px;font-weight:900;line-height:1.05;color:inherit!important}.series-wordmark small{color:var(--muted);letter-spacing:0;font-size:9px;font-weight:750;line-height:1;margin:0!important}.dudu-series-brand:hover .series-logo{transform:translateY(-1px);box-shadow:0 10px 24px #dc4d3140}.auth-brand .series-logo{border-radius:13px;flex-basis:46px;width:46px;height:46px}.auth-brand .series-wordmark b{font-size:23px}.auth-brand .series-wordmark small{color:#27364d9e;font-size:10px}.parent-brand{font-size:inherit!important}.parent-brand>.dudu-series-brand{color:#27364d}.parent-brand .series-logo{border-radius:9px;flex-basis:34px;width:34px;height:34px}.parent-brand .series-wordmark b{font-size:16px}.parent-brand .series-wordmark small{font-size:8px;color:#7b8798!important}.admin-shell header>a .dudu-series-brand{color:#fff}.admin-shell header>a .series-logo{border-radius:9px;flex-basis:34px;width:34px;height:34px}.admin-shell header>a .series-wordmark b{font-size:16px}.admin-shell header>a .series-wordmark small{font-size:8px;color:#aebbd0!important}.admin-shell header>span{align-items:center;gap:6px;display:inline-flex}@media (max-width:760px){.dudu-series-brand{gap:8px}.dudu-brand .series-logo{border-radius:9px;flex-basis:34px;width:34px;height:34px}.dudu-brand .series-wordmark b{font-size:16px}.dudu-brand .series-wordmark small{display:none}.auth-brand .series-wordmark b{font-size:20px}}@media (max-width:520px){.dudu-brand .series-wordmark{display:none}}@media (prefers-reduced-motion:reduce){.series-logo{transition:none!important}}@media (max-width:430px){.dudu-brand small,.wallet-chip small{display:none}.top-scoreboard{gap:4px}.wall-stats{grid-template-columns:1fr 1fr}.wall-stats span:nth-child(2){border-right:0}.wall-stats span:nth-child(-n+2){border-bottom:1px solid var(--line)}.certificate-grid{grid-template-columns:1fr 1fr}}.practice-stage{flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:16px 0 12px;display:flex}.prompt-area{text-align:center;order:1;width:min(100%,720px);max-width:none}.prompt-kicker{margin-bottom:2px;font-size:12px;display:block}.prompt-area h1{margin:0;font-size:clamp(36px,4vw,52px);line-height:1.08}.prompt-area p{color:var(--muted);margin:5px 0 0;font-size:12px;font-weight:700}.scene-card{aspect-ratio:4/3;flex:none;order:2;align-self:center;width:min(390px,54vw)}.letter-slot{border:0;border-bottom:3px solid color-mix(in srgb, var(--ink) 22%, var(--line));width:clamp(34px,4vw,52px);height:50px;box-shadow:none;background:0 0;border-radius:0}.practice-dock{flex-wrap:wrap;order:4;justify-content:center;align-items:center;gap:9px;width:min(720px,100%);display:flex}.practice-dock .phonetic-guide{border-radius:9px;grid-template-rows:auto auto;grid-template-columns:18px auto;align-items:center;column-gap:7px;min-height:44px;margin:0;padding:7px 12px;display:grid}.practice-dock .phonetic-guide svg{color:var(--accent-dark);grid-row:1/3}.practice-dock .phonetic-guide span{font-size:9px;line-height:1}.practice-dock .phonetic-guide b{font-size:16px;line-height:1.1}.practice-dock .listen-button{min-height:44px;box-shadow:0 4px 0 var(--accent-dark);border-radius:9px;padding:0 14px;font-size:12px}.practice-dock .listen-button kbd,.practice-dock .plain-action kbd,.practice-dock .check-button kbd{display:none}.practice-actions{grid-column:auto;align-items:center;gap:8px;margin:0;display:flex}.practice-dock .plain-action,.practice-dock .check-button{border-radius:9px;min-height:44px;padding:0 13px}.practice-dock .plain-action span,.practice-dock .check-button span{align-items:center;gap:6px;display:inline-flex}@media (max-width:760px){.practice-stage{gap:10px;padding:13px 0 10px}.prompt-area h1{font-size:33px}.prompt-area p{font-size:10px}.scene-card{width:min(300px,78vw)}.slot-answer-zone{padding-top:0}.slot-groups{gap:9px;min-height:48px}.slot-groups.sentence{gap:12px}.slot-group{gap:4px}.letter-slot{width:clamp(25px,8.2vw,38px);height:42px;font-size:23px}.practice-dock{gap:6px}.practice-dock .phonetic-guide{padding:6px 9px}.practice-dock .phonetic-guide b{font-size:14px}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{justify-content:center;width:44px;padding:0}.practice-dock .listen-button span,.practice-dock .plain-action span,.practice-dock .check-button span{display:none}}html,body{height:100%;min-height:0;overflow:hidden}.dudu-shell{height:100svh;min-height:0;overflow:hidden}.dudu-layout{height:calc(100svh - 68px)}.auth-shell,.parent-shell,.admin-shell,.loading-screen{height:100svh;min-height:0;overflow:hidden}.parent-shell,.admin-shell{flex-direction:column;display:flex}.parent-header,.admin-shell>header{flex:none}.parent-main,.admin-main{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.parent-main::-webkit-scrollbar{width:0;height:0}.admin-main::-webkit-scrollbar{width:0;height:0}@media (max-width:760px){.dudu-shell{height:100svh;overflow:hidden}.dudu-layout{height:calc(100svh - 59px);min-height:0}.learning-board{height:100%;min-height:0;overflow-y:auto}.theme-button{display:none}.auth-shell{height:100svh;overflow-y:auto}}:root{--font-sans-cn:"Noto Sans SC Variable";--font-sans-en:"Nunito Variable";--ink:#203049;--muted:#66758a;--line:#e1e7ed;--success:#16966d;--danger:#d74c5f;--gold:#e89b16}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}body,button,input,select{letter-spacing:0}.learning-board{padding-inline:clamp(24px,4vw,64px)}.practice-stage{gap:clamp(10px,1.4vh,17px);padding:8px 0 12px}.prompt-kicker{margin-bottom:4px;font-size:13px}.prompt-area h1{font-size:clamp(40px,4.3vw,58px);font-weight:800}.scene-card{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--accent) 17%, var(--line));background:var(--theme-quiet);border-radius:8px;width:min(420px,52vw);margin:0;overflow:hidden;box-shadow:0 15px 36px #2030491f}.scene-image{object-position:center}.letter-slot{border:0;border-bottom:3px solid color-mix(in srgb, var(--ink) 23%, var(--line));width:clamp(35px,3.8vw,52px);height:51px;box-shadow:none;background:0 0;border-radius:0;font-size:clamp(25px,2.8vw,35px)}.letter-slot:hover{border-bottom-color:color-mix(in srgb, var(--accent) 52%, var(--line))}.letter-slot.active{border-color:var(--accent);box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 15%, transparent)}.letter-slot.correct{border-color:var(--success);color:var(--success);background:0 0}.letter-slot.wrong{border-color:var(--danger);color:var(--danger);background:0 0}.practice-dock{gap:8px;width:min(780px,100%)}.practice-dock .phonetic-guide{border-radius:7px;grid-template-rows:auto auto;grid-template-columns:18px auto;column-gap:8px;min-height:46px;padding:7px 12px}.practice-dock .phonetic-guide svg{grid-row:1/3}.practice-dock .phonetic-guide span{font-size:9px}.practice-dock .phonetic-guide b{font-size:17px}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button,.secondary-action,.speaking-action,.record-action,.next-action{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 15px;font-size:12px;font-weight:850;display:inline-flex}.practice-dock .listen-button{box-shadow:none}.practice-dock .plain-action{border:1px solid var(--line)}.practice-dock .check-button{box-shadow:none}.review-mode,.speaking-mode{justify-content:center;overflow-y:auto}.review-stage,.speaking-stage{text-align:center;flex-direction:column;align-items:center;width:min(920px,100%);display:flex}.review-result{background:color-mix(in srgb, var(--success) 10%, var(--theme-surface));min-height:38px;color:var(--success);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.review-result strong{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;color:#9a650c;margin-left:5px}.review-chinese{color:var(--muted);margin:17px 0 6px;font-size:17px;font-weight:700}.review-answer{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.review-answer span{border-bottom:3px solid color-mix(in srgb, var(--accent) 78%, var(--line));color:var(--ink);font-family:var(--font-sans-en), sans-serif;padding:0 4px 5px;font-size:clamp(36px,4.8vw,58px);font-weight:800;line-height:1.05}.analysis-grid{grid-template-columns:repeat(auto-fit,minmax(130px,168px));justify-content:center;gap:8px;width:100%;margin-top:22px;display:grid}.analysis-grid article{border:1px solid var(--line);background:color-mix(in srgb, var(--theme-quiet) 31%, var(--theme-surface));text-align:left;border-radius:8px;align-content:start;gap:3px;min-width:0;min-height:116px;padding:13px;display:grid}.analysis-grid article>span{background:color-mix(in srgb, var(--accent) 11%, transparent);width:fit-content;color:var(--accent-dark);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900}.analysis-grid b{overflow-wrap:anywhere;font-family:var(--font-sans-en), sans-serif;margin-top:3px;font-size:20px}.analysis-grid em{color:var(--muted);font-family:var(--font-sans-en), sans-serif;font-size:13px;font-style:normal}.analysis-grid p{color:var(--ink);margin:3px 0 0;font-size:11px;line-height:1.45}.review-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.secondary-action{border:1px solid var(--line);background:var(--theme-surface);color:var(--ink)}.speaking-action{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--theme-surface));color:var(--accent-dark)}.next-action{background:var(--ink);color:var(--theme-surface);border:0}.speaking-copy>span{color:var(--accent-dark);font-size:12px;font-weight:900}.speaking-copy h2{font-family:var(--font-sans-en), sans-serif;margin:8px 0 2px;font-size:clamp(37px,5vw,58px);line-height:1.1}.speaking-copy p{color:var(--muted);font-family:var(--font-sans-en), sans-serif;margin:0;font-size:18px}.voice-wave{justify-content:center;align-items:center;gap:5px;width:min(510px,82vw);height:92px;margin:22px 0 8px;display:flex}.voice-wave i{background:color-mix(in srgb, var(--accent) 38%, var(--line));border-radius:3px;width:5px;height:12px;transition:height .18s}.voice-wave.recording i{animation:.72s ease-in-out infinite alternate voice-bar;animation-delay:calc(var(--bar) * -37ms)}.speaking-status{min-height:25px;color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.record-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, var(--danger) 12%, transparent);border-radius:50%}.speaking-error{color:var(--danger);margin:5px 0 0;font-size:11px;font-weight:750}.speaking-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.record-action{background:var(--accent);color:#fff;border:0}.record-action.recording{background:var(--danger)}.recording-playback{width:min(300px,78vw);height:42px}.speaking-footer{gap:8px;margin-top:20px;display:flex}.speaking-footer>button:first-child{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:0 14px;font-weight:800}.rank-person{gap:1px;min-width:0;display:grid}.rank-person b,.rank-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-person small{color:var(--muted);font-size:8px}.ranking-row strong{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;color:var(--accent-dark);font-size:12px}@keyframes voice-bar{to{height:calc(22px + var(--bar) * .72px);background:var(--accent)}}@media (max-height:760px) and (min-width:761px){.practice-toolbar{min-height:52px}.practice-meta{height:32px}.practice-stage{gap:8px;padding-block:4px 7px}.prompt-area h1{font-size:38px}.scene-card{width:min(320px,43vw)}.slot-groups{min-height:48px}.letter-slot{height:43px;font-size:27px}.keyboard-guide{min-height:31px}.analysis-grid article{min-height:96px;padding:10px}.review-actions{margin-top:12px}}@media (max-width:760px){.learning-board{padding-inline:14px}.practice-stage{justify-content:center;gap:9px;padding-bottom:10px}.prompt-area h1{font-size:clamp(31px,9vw,40px)}.scene-card{width:min(330px,88vw)}.slot-groups{gap:10px}.slot-groups.sentence{gap:15px}.slot-group{gap:3px}.letter-slot{width:clamp(25px,8vw,38px);height:41px;font-size:24px}.practice-dock{gap:6px}.practice-dock .phonetic-guide{width:auto;max-width:calc(100% - 150px)}.practice-dock .phonetic-guide b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{width:44px;padding:0}.practice-dock .listen-button span,.practice-dock .plain-action span,.practice-dock .check-button span{display:none}.review-stage,.speaking-stage{padding:8px 0 15px}.review-chinese{margin-top:12px;font-size:14px}.review-answer{gap:9px}.review-answer span{font-size:clamp(29px,9vw,40px)}.analysis-grid{scroll-snap-type:x mandatory;justify-content:flex-start;margin-top:15px;padding-bottom:4px;display:flex;overflow-x:auto}.analysis-grid article{scroll-snap-align:start;min-width:142px}.review-actions{margin-top:12px}.review-actions kbd,.speaking-actions kbd,.speaking-footer kbd,.keyboard-guide{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dudu-topbar{background:color-mix(in srgb, var(--theme-surface) 96%, white);grid-template-columns:280px 1fr;height:64px;padding-inline:22px}.dudu-brand{gap:11px;font-size:21px}.dudu-brand small{margin-bottom:5px;font-size:10px}.brand-mark{width:36px;height:36px;box-shadow:none;border-radius:8px;transform:none}.streak-chip,.wallet-chip,.leaderboard-toggle{border-radius:7px;min-height:40px}.streak-chip,.wallet-chip{padding-inline:11px}.leaderboard-toggle{padding-inline:13px}.profile-trigger{border-radius:7px;width:126px;min-height:42px}.unit-rail{padding:17px 14px 14px}.study-scope{gap:9px;padding:5px 3px 14px}.scope-heading{padding-inline:5px;font-size:12px}.grade-trigger{border-radius:7px;min-height:44px;padding-inline:11px}.grade-trigger b{font-size:13px}.side-mode-tabs{gap:7px}.side-mode-tabs button{border-radius:7px;min-height:56px;padding:8px 9px}.side-mode-tabs b{font-size:12px}.side-mode-tabs small{font-size:9px}.rail-heading{padding:17px 8px 8px;font-size:13px}.unit-list{overscroll-behavior:contain;gap:3px;padding:2px}.unit-list button{border-radius:7px;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;min-height:57px;padding:7px 8px}.unit-list button:hover{transform:none}.unit-list b{font-size:13px}.unit-list small{font-size:10px}.unit-list em{font-size:9px}.unit-icon{width:34px;height:34px;color:var(--accent-dark);border-radius:7px}.achievement-mini{border-radius:7px;min-height:54px;margin-top:9px}.learning-board{grid-template-rows:58px 38px minmax(0,1fr);min-width:0;min-height:0;padding-inline:clamp(28px,4.6vw,82px);display:grid;overflow:hidden}.practice-toolbar{height:58px;min-height:0}.practice-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-meta b{font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;font-size:13px}.time-chip{border-radius:7px;width:190px;padding:7px 10px}.time-copy{grid-template-columns:auto auto 1fr;gap:8px}.time-copy span{font-size:10px}.time-copy small{justify-self:end;font-size:10px}.time-track{height:4px;margin-top:6px}.toolbar-tools button{border-radius:7px;width:40px;height:40px}.practice-stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(9px,1.45vh,15px);width:100%;min-height:0;padding:7px 0 14px;display:flex;overflow:hidden}.prompt-area{text-align:center;order:0;width:min(960px,100%)}.prompt-kicker{color:var(--accent-dark);margin:0 0 2px;font-size:12px;font-weight:900;display:block}.prompt-area h1{margin:0;font-size:clamp(42px,4.15vw,64px);font-weight:800;line-height:1.12}.prompt-area .prompt-phonetic{color:var(--muted);font-family:var(--font-sans-en), sans-serif;margin:7px 0 0;font-size:clamp(17px,1.45vw,22px);font-weight:700;line-height:1.25}.scene-card{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--accent) 14%, var(--line));background:var(--theme-quiet);border-radius:8px;order:1;width:min(500px,48vw,133.3svh - 573.19px);min-width:300px;box-shadow:0 18px 42px #1f30491f}.scene-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.scene-card-empty{color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid}.scene-card-empty span{font-size:12px;font-weight:850}.scene-empty-mark{background:color-mix(in srgb, var(--accent) 10%, var(--theme-surface));width:70px;height:70px;color:var(--accent-dark);border-radius:50%;place-items:center;display:grid}.slot-answer-zone{order:2;width:min(1060px,100%);padding:0}.letter-slot{border-bottom-width:3px;width:clamp(36px,3.25vw,54px);height:57px;font-size:clamp(28px,2.65vw,40px);line-height:1;transition:color .16s,border-color .16s,background-color .16s,transform .16s}.letter-slot.active{transform:translateY(-2px)}.attempt-feedback:not(:empty){min-height:28px;padding-top:7px;font-size:12px}.practice-dock{order:3;gap:8px;width:min(780px,100%)}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{border-radius:7px;min-height:48px}.practice-dock .plain-action{color:var(--muted);background:0 0}.practice-dock .check-button{background:var(--ink);min-width:132px;color:var(--theme-surface)}.practice-dock kbd,.review-actions kbd,.speaking-actions kbd,.speaking-footer kbd{background:color-mix(in srgb, currentColor 10%, transparent);border:0}.review-mode,.speaking-mode{scrollbar-width:none;overflow-y:auto}.review-mode::-webkit-scrollbar{display:none}.speaking-mode::-webkit-scrollbar{display:none}.review-stage,.speaking-stage{width:min(980px,100%)}.review-result{border-radius:7px;min-height:42px}.review-chinese{margin-top:19px;font-size:18px}.analysis-grid{grid-template-columns:repeat(auto-fit,minmax(150px,185px));gap:10px;margin-top:24px}.analysis-grid article{border-radius:7px;min-height:122px}.review-actions{margin-top:20px}@media (min-width:1600px) and (min-height:850px){.dudu-layout{grid-template-columns:304px minmax(0,1fr)}.unit-rail{padding-inline:17px}.learning-board{padding-inline:clamp(48px,5.5vw,110px)}.practice-stage{gap:15px}.scene-card{width:min(560px,46vw,133.3svh - 573.19px)}.letter-slot{width:57px;height:61px;font-size:41px}}@media (max-height:780px) and (min-width:761px){.learning-board{grid-template-rows:52px 32px minmax(0,1fr)}.practice-toolbar{height:52px}.practice-meta{height:32px}.practice-stage{gap:7px;padding-block:4px 8px}.prompt-area h1{font-size:39px}.prompt-area .prompt-phonetic{margin-top:3px;font-size:16px}.scene-card{width:min(390px,42vw,133.3svh - 506.54px);min-width:260px}.slot-groups{min-height:49px}.letter-slot{width:clamp(32px,3vw,45px);height:45px;font-size:29px}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{min-height:43px}.unit-list button{min-height:50px}}@media (max-width:1020px) and (min-width:761px){.dudu-topbar{grid-template-columns:225px 1fr;padding-inline:16px}.dudu-layout{grid-template-columns:228px minmax(0,1fr)}.learning-board{padding-inline:26px}.scene-card{width:min(400px,48vw,133.3svh - 559.86px)}.wallet-chip small,.profile-copy small{display:none}}@media (max-width:760px){.dudu-shell{overflow:hidden}.dudu-topbar{grid-template-columns:minmax(0,1fr) auto;height:58px;padding-inline:10px}.dudu-brand{white-space:nowrap;gap:7px;min-width:0;font-size:18px}.dudu-brand small{display:none}.brand-mark{width:32px;height:32px}.top-scoreboard{gap:4px;min-width:0}.streak-chip{width:38px;min-width:38px;padding-inline:5px}.streak-chip span{display:none}.wallet-chip{min-width:64px;padding-inline:7px}.wallet-chip>span,.wallet-chip small{display:none}.wallet-chip strong{white-space:nowrap;font-size:12px}.leaderboard-toggle{justify-content:center;width:36px;min-width:36px;padding:0}.leaderboard-toggle span{display:none}.profile-trigger{justify-content:center;width:38px;min-width:38px;padding:0}.profile-trigger .profile-copy,.profile-trigger>svg{display:none}.profile-trigger .dodo-avatar{width:31px;height:31px;box-shadow:none;font-size:20px}.dudu-layout{height:calc(100svh - 58px);min-height:0}.learning-board{grid-template-rows:46px 52px 31px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;min-height:0;padding-inline:14px;overflow:hidden}.learning-board>*{min-width:0;max-width:100%}.practice-toolbar{gap:6px;height:52px}.time-chip{width:82px;min-width:82px}.mobile-mode-tabs{flex:1;min-width:0}.mobile-mode-tabs button{white-space:nowrap;flex:1;min-width:0;padding-inline:5px}.mobile-mode-tabs button span{display:none}.toolbar-tools{flex:none;gap:4px}.toolbar-tools button{width:38px;height:38px}.practice-meta{height:31px}.practice-stage{justify-content:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:5px 0 9px;overflow:hidden auto}.prompt-area,.slot-answer-zone,.slot-groups,.practice-dock{width:100%;min-width:0;max-width:100%}.prompt-kicker{font-size:10px}.prompt-area h1{font-size:clamp(31px,9.5vw,40px)}.prompt-area .prompt-phonetic{margin-top:4px;font-size:15px}.scene-card{flex:none;width:min(320px,86vw,133.3svh - 506.54px);min-width:210px}.slot-groups{gap:9px;min-height:45px}.slot-groups.sentence{gap:13px}.letter-slot{width:clamp(25px,7.5vw,37px);height:42px;font-size:25px}.practice-dock{gap:7px}.practice-dock .listen-button,.practice-dock .plain-action{width:44px;min-width:44px;padding:0}.practice-dock .check-button{width:46px;min-width:46px;padding:0}.practice-dock .listen-button span,.practice-dock .plain-action span,.practice-dock .check-button span,.practice-dock kbd{display:none}.review-stage,.speaking-stage{padding-block:7px 14px}}@media (max-width:350px){.dudu-topbar{padding-inline:8px}.dudu-brand{font-size:16px}.leaderboard-toggle{display:none}}.dudu-shell{background:radial-gradient(circle at 50% 14%, color-mix(in srgb, var(--theme-quiet) 34%, transparent), transparent 34%), var(--theme-surface);height:100dvh;min-height:100dvh;overflow:hidden}.dudu-topbar{border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--theme-surface) 94%, white);grid-template-columns:auto minmax(0,1fr);align-items:center;height:64px;padding:0 24px;display:grid}.dudu-brand{min-width:0;color:var(--ink);gap:12px}.dudu-brand b{color:var(--ink)}.brand-mark{width:38px;height:38px;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:13px}.top-scoreboard{justify-self:end;gap:8px;min-width:0}.scope-toggle,.streak-chip,.wallet-chip,.leaderboard-toggle,.profile-trigger{border-radius:14px;min-height:42px;font-weight:900}.scope-toggle{border:1px solid var(--line);background:var(--theme-surface);color:var(--ink);cursor:pointer;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.scope-toggle:hover,.profile-trigger:hover,.theme-button:hover,.sound-toggle:hover,.fullscreen-toggle:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--line));color:var(--accent-dark);transform:translateY(-1px)}.streak-chip{background:color-mix(in srgb, var(--gold) 20%, var(--theme-surface))}.wallet-chip{border-color:color-mix(in srgb, var(--accent) 26%, var(--line));background:var(--theme-surface)}.leaderboard-toggle{background:var(--ink);color:var(--theme-surface)}.profile-trigger{background:var(--theme-surface);width:142px;color:var(--ink);grid-template-columns:32px minmax(0,1fr) 16px;padding:4px 9px 4px 5px}.profile-trigger .profile-copy{display:grid!important}.profile-trigger b{color:var(--ink);font-size:12px}.profile-trigger small{color:color-mix(in srgb, var(--ink) 58%, var(--muted));font-size:9px}.profile-trigger>svg{display:block!important}.dudu-layout{background:0 0;height:calc(100dvh - 64px);display:grid;position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr)!important}.scope-backdrop{z-index:18;opacity:0;pointer-events:none;background:#131e302e;border:0;transition:opacity .18s;display:block;position:fixed;inset:64px 0 0}.scope-open .scope-backdrop{opacity:1;pointer-events:auto}.unit-rail{z-index:19;border-right:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--theme-rail) 94%, white);width:min(328px,92vw);padding:20px 18px 18px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;top:64px;bottom:0;left:0;transform:translate(-104%);box-shadow:28px 0 70px #1f304924;display:flex!important}.scope-heading{grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:0 4px 4px;display:grid}.scope-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.unit-list{scrollbar-width:none}.unit-list::-webkit-scrollbar{width:0;height:0}.learning-board{grid-template-rows:62px 26px minmax(0,1fr);width:100%;height:100%;min-height:0;padding-inline:clamp(24px,6vw,98px);display:grid;overflow:hidden}.mobile-scope-select{display:none!important}.practice-toolbar{border-bottom:0;justify-content:space-between;align-items:center;height:62px;min-height:0;display:flex}.toolbar-tools{gap:8px;margin-left:auto}.theme-button,.sound-toggle,.fullscreen-toggle{background:var(--theme-surface);width:42px;height:42px;color:var(--ink);border-radius:14px}.time-chip{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--theme-surface) 92%, white);border-radius:14px;width:150px;min-height:50px;padding:8px 10px 9px;box-shadow:0 10px 24px #1f30490f}.time-chip.expired{border-color:color-mix(in srgb, var(--danger) 62%, var(--line))}.time-copy{grid-template-columns:1fr auto;gap:2px 8px;display:grid}.time-copy span{color:var(--danger);letter-spacing:.02em;font-size:10px}.time-copy b{color:var(--ink);font-variant-numeric:tabular-nums;justify-self:end;font-size:15px;line-height:1}.time-copy small{color:var(--accent-dark);grid-column:2;justify-self:end;font-size:10px}.time-track{background:color-mix(in srgb, var(--muted) 15%, transparent);border-radius:999px;height:5px;margin-top:6px}.practice-meta{height:26px;color:color-mix(in srgb, var(--ink) 56%, var(--muted));align-items:start;font-size:12px}.practice-meta b{color:var(--ink);font-size:14px}.practice-stage{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.35dvh,14px);width:100%;height:100%;min-height:0;padding:0 0 14px;display:flex;overflow:hidden}.prompt-area{text-align:center;width:min(880px,100%)}.prompt-kicker{display:none!important}.prompt-area h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(46px,5vw,72px);font-weight:850;line-height:1.08}.prompt-area .prompt-phonetic{color:color-mix(in srgb, var(--ink) 68%, var(--muted));font-family:var(--font-sans-en), var(--font-sans-cn), sans-serif;margin:4px 0 0;font-size:clamp(18px,1.55vw,23px);font-weight:750}.scene-card{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:var(--theme-quiet);border-radius:10px;width:min(380px,35vw,133.3dvh - 479.88px);min-width:260px;max-width:100%;box-shadow:0 18px 46px #1f30491a}.slot-answer-zone{width:min(880px,100%);padding:0}.slot-groups{justify-content:center;align-items:end;gap:clamp(10px,1.8vw,22px);min-height:56px}.letter-slot{border:0;border-bottom:4px solid color-mix(in srgb, var(--ink) 24%, var(--line));width:clamp(40px,3.7vw,62px);height:55px;box-shadow:none;color:var(--ink);background:0 0;border-radius:0;font-size:clamp(30px,3vw,43px);font-weight:700}.letter-slot.filled{border-bottom-color:color-mix(in srgb, var(--ink) 48%, var(--line))}.letter-slot.active{border-color:var(--accent);box-shadow:none;transform:translateY(-2px)}.letter-slot.correct{border-bottom-color:var(--success);color:var(--success);background:0 0}.letter-slot.wrong{border-bottom-color:var(--danger);color:var(--danger);background:0 0}.attempt-feedback{min-height:0;padding:0}.attempt-feedback:not(:empty){min-height:26px;padding-top:6px}.practice-dock{border:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--theme-surface) 82%, white);border-radius:20px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:0;padding:8px;display:inline-flex;box-shadow:0 14px 34px #1f30491a}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{min-height:50px;box-shadow:none;border-radius:15px;transition:transform .14s,background-color .14s,color .14s}.practice-dock .listen-button{background:var(--accent);color:#fff;min-width:96px}.practice-dock .plain-action{min-width:82px;color:color-mix(in srgb, var(--ink) 62%, var(--muted));background:0 0;border:0}.practice-dock .check-button{background:var(--ink);min-width:132px;color:var(--theme-surface);border:0}.practice-dock .listen-button:hover,.practice-dock .plain-action:hover,.practice-dock .check-button:hover{transform:translateY(-1px)}.practice-dock kbd{display:none}.keyboard-guide{display:none!important}@media (min-width:1440px) and (min-height:850px){.learning-board{grid-template-rows:66px 28px minmax(0,1fr)}.scene-card{width:min(430px,32vw,133.3dvh - 493.21px)}.slot-answer-zone{width:min(980px,100%)}.letter-slot{width:clamp(44px,3.35vw,64px);height:58px}}@media (max-height:760px) and (min-width:761px){.learning-board{grid-template-rows:52px 22px minmax(0,1fr)}.practice-toolbar{height:52px}.time-chip{width:138px;min-height:44px;padding-block:6px}.theme-button,.sound-toggle,.fullscreen-toggle{width:38px;height:38px}.practice-meta{height:22px;font-size:11px}.practice-stage{gap:6px;padding-bottom:8px}.prompt-area h1{font-size:clamp(38px,4.2vw,54px)}.prompt-area .prompt-phonetic{font-size:16px}.scene-card{width:min(315px,31vw,133.3dvh - 419.895px);min-width:240px}.slot-groups{min-height:48px}.letter-slot{border-bottom-width:3px;width:clamp(34px,3.1vw,48px);height:45px;font-size:30px}.practice-dock{border-radius:17px;padding:6px}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{min-height:42px}}@media (max-width:900px){.dudu-topbar{grid-template-columns:minmax(0,1fr) auto;padding-inline:12px}.scope-toggle span,.streak-chip span,.wallet-chip small,.leaderboard-toggle span,.profile-trigger .profile-copy,.profile-trigger>svg{display:none!important}.scope-toggle,.leaderboard-toggle,.profile-trigger{justify-content:center;width:42px;min-width:42px;padding:0}.profile-trigger{grid-template-columns:1fr;place-items:center}.learning-board{padding-inline:clamp(14px,4vw,28px)}}.question-economy{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.question-state,.question-reward{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.question-state{color:#1f765a;background:#e9f7f1;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.question-state.review{color:#647187;background:#eef1f5}.question-reward{color:var(--accent-dark);font-weight:900}.question-reward small{color:var(--muted);padding-left:6px;font-size:9px;font-weight:700}.practice-dock .skip-action{border:1px solid var(--line);min-width:90px;min-height:48px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.practice-dock .skip-action:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent-soft) 55%, transparent);transform:translateY(-1px)}.practice-dock .skip-action kbd{display:none}.leaderboard-backdrop{z-index:21;opacity:0;visibility:hidden;pointer-events:none;cursor:default;background:#1923333d;border:0;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.leaderboard-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.leaderboard-panel{z-index:22!important}.policy-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.ledger-row>span:nth-child(3){gap:2px;display:grid}.ledger-row em.partial{color:#556fcb;background:#edf1ff}.settlement-list{margin-top:18px}.settlement-list article{color:#69788c;border-bottom:1px solid #edf0f4;grid-template-columns:1fr 1.4fr 150px;align-items:center;gap:18px;min-height:58px;font-size:11px;display:grid}.settlement-list article>div{gap:2px;display:grid}.settlement-list article b{color:#34445c}.settlement-list article small{color:#929ead}.settlement-list article strong{color:#218663;justify-self:end;font-size:13px}.settlement-actions{justify-self:end;align-items:flex-end;gap:5px;display:flex!important}.settlement-actions button{color:#66768b;cursor:pointer;font:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:800;display:inline-flex}.settlement-actions button:hover{color:#d85231;border-color:#ff9b7f}.settlement-list article.reversed{opacity:.58}.settlement-list article.reversed strong{color:#7f8b9a;text-decoration:line-through}.settlement-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1923326b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settlement-dialog{background:#fff;border:1px solid #e0e6ed;border-radius:12px;width:min(460px,100%);padding:24px;box-shadow:0 26px 70px #1c2a3d38}.settlement-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settlement-dialog header span{color:#e25d3e;font-size:10px;font-weight:900}.settlement-dialog h2{color:#27364d;margin:4px 0 0;font-size:22px}.settlement-dialog header button{color:#68778c;cursor:pointer;background:#fff;border:1px solid #e1e6ed;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.settlement-progress{justify-content:center;align-items:center;margin:20px 0;display:flex}.settlement-progress span{color:#8a96a5;border:1px solid #dfe5ec;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid}.settlement-progress span.active{color:#fff;background:#ff744d;border-color:#ff744d}.settlement-progress i{background:#dfe5ec;width:54px;height:1px}.settlement-balance{color:#718095;background:#f5f7f9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:13px 14px;font-size:11px;display:flex}.settlement-balance strong{color:#d85231;font-size:19px}.settlement-field{color:#58687e;gap:7px;margin-top:13px;font-size:11px;font-weight:800;display:grid}.settlement-field>div{border:1px solid #dfe5ec;border-radius:8px;align-items:center;gap:6px;height:48px;padding:0 12px;display:flex}.settlement-field input{color:#27364d;width:100%;height:44px;font:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:8px;outline:0;padding:0 11px;font-size:14px;font-weight:800}.settlement-field textarea{resize:vertical;color:#27364d;width:100%;min-height:104px;font:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:8px;outline:0;padding:11px;font-size:13px;line-height:1.55}.settlement-field>div input{border:0;border-radius:0;height:auto;padding:0;font-size:22px}.settlement-field input:focus,.settlement-field textarea:focus{border-color:#ff8a68;box-shadow:0 0 0 3px #ff744d1c}.settlement-dialog>p{color:#8793a3;margin:14px 0 0;font-size:10px;line-height:1.6}.settlement-confirm-card{color:#218663;background:#edf8f3;border-radius:10px;justify-items:center;gap:5px;padding:24px;display:grid}.settlement-confirm-card span{color:#607086;font-size:11px}.settlement-confirm-card strong{color:#218663;font-size:31px}.settlement-confirm-card small{color:#7b8999}.settlement-note{color:#8793a3;border-bottom:1px solid #edf0f4;justify-content:space-between;gap:16px;margin-top:13px;padding:11px 2px;font-size:11px;display:flex}.settlement-note b{color:#52627a;text-align:right}.settlement-error{color:#ca3f3f;margin-top:12px;font-size:11px;font-weight:800}.settlement-dialog footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.settlement-dialog footer button{cursor:pointer;min-height:40px;font:inherit;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:11px;font-weight:900;display:inline-flex}.settlement-dialog footer .secondary{color:#68778c;background:#fff;border:1px solid #dfe5ec}.settlement-dialog footer .primary{color:#fff;background:#27364d;border:0}.settlement-dialog footer .confirm{background:#218663}.settlement-dialog footer button:disabled{opacity:.6;cursor:wait}@media (max-width:760px){.question-economy{gap:5px}.question-state{padding:3px 5px;font-size:8px}.question-reward{font-size:9px}.question-reward small{display:none}.practice-dock .skip-action{width:44px;min-width:44px;min-height:42px;padding:0}.practice-dock .skip-action span{display:none}.leaderboard-backdrop{inset:0}.settlement-list article{grid-template-columns:1fr auto;gap:8px;padding:10px 0}.settlement-list article>span{grid-area:2/1/auto/-1}.settlement-actions{grid-area:1/2/span 2}.settlement-dialog{padding:20px}.dudu-topbar{height:58px}.dudu-layout{height:calc(100dvh - 58px)}.scope-backdrop{inset-top:58px}.unit-rail{top:58px}.learning-board{grid-template-rows:52px 24px minmax(0,1fr);padding-inline:14px}.practice-toolbar{height:52px}.mobile-mode-tabs{display:none!important}.time-chip{width:104px;min-width:104px;min-height:42px;padding:6px 8px}.time-copy span{font-size:9px;display:block}.time-copy b{font-size:13px}.time-copy small{display:none}.theme-button,.sound-toggle,.fullscreen-toggle{width:38px;height:38px}.practice-meta{height:24px;font-size:11px}.practice-stage{gap:7px;padding-bottom:8px;overflow:hidden}.prompt-area h1{font-size:clamp(34px,10vw,46px)}.prompt-area .prompt-phonetic{font-size:16px}.scene-card{width:min(310px,84vw,133.3dvh - 439.89px);min-width:220px}.slot-groups{gap:9px;min-height:48px}.slot-groups.sentence{gap:15px}.letter-slot{border-bottom-width:3px;width:clamp(28px,8vw,42px);height:44px;font-size:27px}.practice-dock{border-radius:17px;gap:5px;max-width:100%;padding:6px}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{width:44px;min-width:44px;min-height:44px;padding:0}.practice-dock .listen-button span,.practice-dock .plain-action span,.practice-dock .check-button span{display:none}}.dudu-shell{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--theme-quiet) 30%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--theme-surface) 98%, white), var(--theme-surface))!important}.dudu-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--theme-surface) 88%, white)!important;height:62px!important;padding-inline:22px!important}.top-scoreboard{gap:7px!important}.scope-toggle,.streak-chip,.wallet-chip,.leaderboard-toggle,.profile-trigger,.theme-button,.sound-toggle,.fullscreen-toggle{border-radius:16px!important;box-shadow:0 8px 22px #1f30490f!important}.profile-trigger{border-color:color-mix(in srgb, var(--line) 86%, transparent)!important;background:color-mix(in srgb, var(--theme-surface) 96%, white)!important;width:50px!important;min-width:50px!important;height:44px!important;min-height:44px!important;color:var(--ink)!important;grid-template-columns:1fr!important;place-items:center!important;padding:0!important;display:grid!important}.profile-trigger .profile-copy,.profile-trigger>svg{display:none!important}.profile-trigger .dodo-avatar{width:34px!important;height:34px!important;box-shadow:none!important;font-size:21px!important}.dudu-layout{grid-template-columns:minmax(0,1fr)!important;height:calc(100dvh - 62px)!important}.scope-backdrop{visibility:hidden!important;inset:62px 0 0!important}.scope-open .scope-backdrop{visibility:visible!important}.unit-rail{width:min(330px,90vw)!important;top:62px!important;transform:translate(-108%)!important}.unit-rail.open{transform:translate(0)!important}.learning-board{grid-template-rows:54px 24px minmax(0,1fr)!important;height:100%!important;padding-inline:clamp(24px,7vw,120px)!important}.practice-toolbar{align-items:center!important;height:54px!important}.time-chip{background:color-mix(in srgb, var(--theme-surface) 72%, white)!important;width:142px!important;height:44px!important;min-height:44px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 76%, transparent), 0 10px 24px #1f30490e!important;color:var(--ink)!important;border:0!important;border-radius:16px!important;padding:7px 10px 10px!important;position:relative!important}.time-copy span{color:color-mix(in srgb, var(--danger) 82%, var(--ink))!important;font-size:9px!important}.time-copy{justify-content:space-between!important;align-items:center!important;gap:7px!important;display:flex!important}.time-copy b{font-size:14px!important}.time-copy small{color:var(--accent-dark)!important;font-size:9px!important}.time-track{background:color-mix(in srgb, var(--ink) 10%, transparent)!important;height:3px!important;margin:0!important;position:absolute!important;bottom:6px!important;left:10px!important;right:10px!important}.time-track i{transition:width .45s linear,background-color .2s!important}.practice-meta{height:24px!important;font-size:12px!important}.practice-stage{gap:clamp(8px,1.1dvh,12px)!important;padding-bottom:10px!important}.prompt-area{width:min(820px,100%)!important}.prompt-area h1{letter-spacing:-.025em!important;font-size:clamp(44px,4.6vw,64px)!important}.prompt-area .prompt-phonetic{color:color-mix(in srgb, var(--ink) 62%, var(--muted))!important;margin-top:3px!important;font-size:clamp(17px,1.35vw,21px)!important}.scene-card{aspect-ratio:16/9!important;border:1px solid color-mix(in srgb, var(--line) 66%, transparent)!important;border-radius:12px!important;width:min(340px,34vw,142dvh - 489.9px)!important;min-width:250px!important;box-shadow:0 18px 40px #1f304914!important}.scene-image{object-fit:cover!important;width:100%!important;height:100%!important}.scene-card-empty{color:color-mix(in srgb, var(--ink) 60%, var(--muted))!important;place-items:center!important;display:grid!important}.slot-answer-zone{width:min(780px,100%)!important}.slot-groups{gap:clamp(9px,1.4vw,18px)!important;min-height:48px!important}.slot-groups.sentence{gap:clamp(17px,2.3vw,30px)!important}.slot-group{gap:clamp(4px,.55vw,7px)!important}.letter-slot{border:0!important;border-bottom:4px solid color-mix(in srgb, var(--ink) 22%, var(--line))!important;width:clamp(38px,3.35vw,54px)!important;height:46px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;font-size:clamp(29px,2.65vw,38px)!important;line-height:1!important}.letter-slot.active{border-bottom-color:var(--accent)!important;transform:translateY(-1px)!important}.practice-dock{background:color-mix(in srgb, var(--theme-surface) 80%, white)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 68%, transparent), 0 16px 34px #1f304914!important;border:0!important;border-radius:22px!important;gap:7px!important;padding:7px!important}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{border-radius:16px!important;min-height:48px!important;font-size:13px!important}.practice-dock .listen-button{min-width:92px!important}.practice-dock .plain-action{min-width:74px!important}.practice-dock .check-button{min-width:120px!important}@media (min-width:1440px) and (min-height:850px){.scene-card{width:min(380px,30vw,155dvh - 558px)!important}.prompt-area h1{font-size:clamp(50px,4vw,70px)!important}}@media (max-height:760px) and (min-width:761px){.learning-board{grid-template-rows:48px 20px minmax(0,1fr)!important}.time-chip{width:130px!important;height:40px!important;min-height:40px!important;padding-block:6px 9px!important}.scene-card{width:min(300px,32vw,155dvh - 472.75px)!important;min-width:230px!important}.letter-slot{width:clamp(32px,3vw,44px)!important;height:40px!important;font-size:28px!important}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button{min-height:40px!important}}@media (max-width:760px){.dudu-topbar{height:58px!important}.dudu-layout{height:calc(100dvh - 58px)!important}.unit-rail{top:58px!important}.scope-backdrop{inset:58px 0 0!important}.learning-board{grid-template-rows:46px 22px minmax(0,1fr)!important;padding-inline:14px!important}.time-chip{width:94px!important;min-width:94px!important;height:40px!important;min-height:40px!important}.time-copy span,.time-copy small{display:none!important}.scene-card{width:min(310px,86vw,155dvh - 503.75px)!important;min-width:220px!important}.letter-slot{border-bottom-width:3px!important;width:clamp(27px,8vw,40px)!important;height:39px!important;font-size:26px!important}}.wallet-chip>span{color:#5d3a00!important;background:linear-gradient(145deg,#ffc857,#f5a623)!important}.wallet-chip strong{font-variant-numeric:tabular-nums;color:var(--ink)!important}.time-chip{contain:paint;background:color-mix(in srgb, var(--theme-surface) 88%, white)!important;width:156px!important;min-width:156px!important;height:40px!important;min-height:40px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 68%, transparent)!important;border:0!important;border-radius:12px!important;padding:0 11px 5px!important;display:block!important;overflow:hidden!important}.time-chip.expired{background:color-mix(in srgb, var(--theme-surface) 88%, white)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 68%, transparent)!important}.time-copy{grid-template-columns:14px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;min-width:0!important;height:33px!important;display:grid!important}.time-copy>svg{color:var(--accent-dark)!important}.time-copy>span{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;display:flex!important}.time-copy span small{font-weight:850;color:var(--muted)!important;margin:0!important;font-size:9px!important;display:inline!important}.time-copy b{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:39px;line-height:1;color:var(--ink)!important;font-size:13px!important}.time-copy em{color:#a56a00;white-space:nowrap;align-items:center;gap:2px;font-size:9px;font-style:normal;font-weight:900;display:inline-flex}.time-track{background:color-mix(in srgb, var(--ink) 9%, transparent)!important;border-radius:999px!important;width:auto!important;height:2px!important;bottom:4px!important;left:12px!important;right:12px!important;overflow:hidden!important}.time-track i{border-radius:inherit!important;background:var(--accent)!important;min-width:0!important;max-width:100%!important;transition:width .16s linear,background-color .24s!important}.time-chip.warning .time-copy>svg,.time-chip.warning .time-copy em{color:#ba6b00!important}.time-chip.urgent .time-copy>svg,.time-chip.urgent .time-copy span small,.time-chip.urgent .time-copy em,.time-chip.expired .time-copy>svg,.time-chip.expired .time-copy span small,.time-chip.expired .time-copy em{color:var(--danger)!important}.prompt-area h1{letter-spacing:0!important}.scene-card{aspect-ratio:16/9!important;border-radius:10px!important;width:min(500px,47vw,177.7dvh - 568.64px)!important;min-width:330px!important;box-shadow:0 18px 46px #1f30491c!important}.slot-answer-zone{margin-bottom:2px!important}.attempt-feedback,.attempt-feedback:not(:empty){line-height:20px;overflow:hidden;height:30px!important;min-height:30px!important;padding:6px 8px 0!important}.is-wrong .slot-answer-zone{animation:none!important}.practice-dock{width:min(600px,100%)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:12px!important;margin-top:13px!important;padding:0!important;display:grid!important}.practice-dock-main{justify-content:center;align-items:center;gap:8px;display:flex}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button,.practice-dock .question-nav{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;box-shadow:none!important;border-radius:12px!important;padding:0!important;transition:transform .16s,border-color .16s,background-color .16s!important}.practice-dock .listen-button{background:var(--accent)!important;color:#fff!important}.practice-dock .plain-action,.practice-dock .question-nav{border:1px solid color-mix(in srgb, var(--line) 78%, transparent)!important;background:color-mix(in srgb, var(--theme-surface) 88%, white)!important;color:var(--muted)!important}.practice-dock .question-nav{border-radius:50%!important}.practice-dock .question-nav:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))!important;color:var(--accent-dark)!important}.practice-dock .check-button{background:var(--ink)!important;color:var(--theme-surface)!important}.practice-dock .listen-button span,.practice-dock .plain-action span,.practice-dock .check-button span,.practice-dock kbd{display:none!important}.practice-dock button:hover{transform:translateY(-1px)!important}.practice-dock button:active{transform:translateY(0)scale(.97)!important}@media (max-width:1180px) and (min-width:761px){.learning-board{padding-inline:38px!important}.scene-card{width:min(500px,52vw,177.7dvh - 568.64px)!important}}@media (max-height:760px) and (min-width:761px){.scene-card{width:min(400px,42vw,177.7dvh - 506.445px)!important;min-width:290px!important}.practice-dock{margin-top:7px!important}}@media (max-width:760px){.time-chip{width:108px!important;min-width:108px!important;padding-inline:8px!important}.time-copy{grid-template-columns:14px minmax(0,1fr)!important;gap:5px!important}.time-copy>span{gap:0!important}.time-copy span small,.time-copy em{display:none!important}.scene-card{width:min(350px,88vw,177.7dvh - 533.1px)!important;min-width:230px!important}.practice-dock{gap:8px!important;margin-top:8px!important}}@media (prefers-reduced-motion:reduce){.success-burst,.success-burst i{display:none!important}.practice-dock button,.streak-momentum em,.time-track i{transition:none!important}}.time-chip{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line))!important;background:color-mix(in srgb, var(--theme-surface) 94%, white)!important;contain:none!important;border-radius:13px!important;grid-template-rows:39px 4px!important;grid-template-columns:32px minmax(62px,1fr) minmax(76px,auto)!important;align-items:center!important;column-gap:8px!important;width:232px!important;min-width:232px!important;height:48px!important;min-height:48px!important;padding:3px 10px 2px 8px!important;display:grid!important;position:relative!important;overflow:visible!important;box-shadow:0 8px 22px #1c2b4312!important}.time-chip .timer-icon{border-radius:9px!important;place-items:center!important;width:30px!important;height:30px!important;display:grid!important}.time-chip .timer-main,.time-chip .timer-bonus{opacity:1!important;visibility:visible!important;white-space:nowrap!important;align-content:center!important;gap:2px!important;min-width:0!important;display:grid!important}.time-chip .timer-bonus b{color:#a56800!important;align-items:center!important;gap:2px!important;max-width:none!important;font-size:10px!important;font-weight:950!important;line-height:1.1!important;display:inline-flex!important;overflow:visible!important}.time-chip .time-track i{border-radius:inherit!important;background:var(--accent)!important;min-width:0!important;max-width:100%!important;height:100%!important;display:block!important}.time-chip.idle .time-track i{opacity:.22!important;width:100%!important}.time-chip.urgent .timer-main b,.time-chip.urgent .timer-bonus b,.time-chip.expired .timer-main b,.time-chip.expired .timer-bonus b{color:var(--danger)!important}@media (max-height:760px) and (min-width:761px){.time-chip{grid-template-rows:35px 4px!important;width:218px!important;min-width:218px!important;height:44px!important;min-height:44px!important}}@media (max-width:760px){.time-chip{grid-template-rows:35px 4px!important;grid-template-columns:28px 48px minmax(58px,1fr)!important;column-gap:5px!important;width:158px!important;min-width:158px!important;height:44px!important;min-height:44px!important;padding:3px 7px 2px 6px!important}.time-chip .timer-icon{width:27px!important;height:27px!important}.time-chip .timer-main small,.time-chip .timer-bonus small{display:none!important}.time-chip .timer-main b{font-size:12px!important}.time-chip .timer-bonus{padding-left:5px!important}.time-chip .timer-bonus b{text-overflow:ellipsis!important;max-width:56px!important;font-size:9px!important;overflow:hidden!important}}.time-chip{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line))!important;background:linear-gradient(180deg, color-mix(in srgb, var(--theme-surface) 96%, white), color-mix(in srgb, var(--theme-surface) 88%, var(--accent) 5%))!important;border-radius:10px!important;grid-template-rows:34px 4px!important;grid-template-columns:28px minmax(56px,1fr) minmax(48px,auto)!important;align-items:center!important;column-gap:8px!important;width:184px!important;min-width:184px!important;height:48px!important;min-height:48px!important;padding:6px 10px 7px 8px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 24px #1c2b4314!important}.time-chip .timer-icon{width:28px!important;height:28px!important;color:var(--accent-dark)!important;background:color-mix(in srgb, var(--accent) 12%, transparent)!important;border-radius:8px!important;place-items:center!important;display:grid!important}.time-chip .timer-main,.time-chip .timer-bonus{white-space:nowrap!important;align-content:center!important;gap:2px!important;min-width:0!important;display:grid!important}.time-chip .timer-main small,.time-chip .timer-bonus small{color:color-mix(in srgb, var(--muted) 88%, var(--ink))!important;font-size:8px!important;font-weight:850!important;line-height:1!important;display:block!important}.time-chip .timer-main b{color:var(--ink)!important;font-variant-numeric:tabular-nums!important;font-size:15px!important;font-weight:950!important;line-height:1!important;display:block!important}.time-chip .timer-bonus{border-left:1px solid color-mix(in srgb, var(--line) 76%, transparent)!important;justify-items:end!important;padding-left:7px!important}.time-chip .timer-bonus b{color:#a46600!important;text-overflow:ellipsis!important;justify-content:flex-end!important;align-items:center!important;gap:2px!important;max-width:62px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;overflow:hidden!important}.time-chip .timer-bonus b svg{flex:0 0 12px!important}.time-chip .time-track{background:color-mix(in srgb, var(--muted) 16%, transparent)!important;border-radius:999px!important;grid-area:2/1/auto/-1!important;width:100%!important;height:4px!important;margin:0!important;position:relative!important;inset:auto!important;overflow:hidden!important}.time-chip .time-track i{width:min(100%, var(--timer-progress,100%));border-radius:inherit!important;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 72%, #ffd76d))!important;min-width:0!important;max-width:100%!important;height:100%!important;transition:width .16s linear,background-color .22s!important;display:block!important}.time-chip.idle .time-track i{width:0!important}.time-chip.warning .time-track i{background:linear-gradient(90deg,#f3b23f,#ffc857)!important}.time-chip.urgent .timer-icon,.time-chip.urgent .timer-main b,.time-chip.urgent .timer-bonus b,.time-chip.expired .timer-icon,.time-chip.expired .timer-main b,.time-chip.expired .timer-bonus b{color:var(--danger)!important}.time-chip.urgent,.time-chip.expired{border-color:color-mix(in srgb, var(--danger) 38%, var(--line))!important}.time-chip.urgent .time-track i,.time-chip.expired .time-track i{background:linear-gradient(90deg, var(--danger), #ff8b64)!important}.practice-dock{width:min(650px,100%)!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:42px minmax(0,auto) 42px!important;justify-content:center!important;align-items:center!important;gap:18px!important;margin-top:18px!important;display:grid!important}.practice-dock-main{border:1px solid color-mix(in srgb, var(--line) 78%, transparent)!important;background:color-mix(in srgb, var(--theme-surface) 88%, white)!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:50px!important;padding:5px!important;display:flex!important;box-shadow:0 10px 28px #1c2b4314!important}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button,.practice-dock .question-nav{border-radius:10px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}.practice-dock .question-nav{background:color-mix(in srgb, var(--theme-surface) 92%, white)!important;border-radius:50%!important}.practice-dock .check-button{width:54px!important;min-width:54px!important}@media (max-height:760px) and (min-width:761px){.time-chip{grid-template-rows:31px 4px!important;width:174px!important;min-width:174px!important;height:44px!important;min-height:44px!important}.practice-dock{margin-top:12px!important}}@media (max-width:760px){.time-chip{grid-template-rows:29px 4px!important;grid-template-columns:24px minmax(42px,1fr) minmax(34px,auto)!important;column-gap:5px!important;width:132px!important;min-width:132px!important;height:42px!important;min-height:42px!important;padding:5px 7px 6px 6px!important}.time-chip .timer-icon{width:24px!important;height:24px!important}.time-chip .timer-main small,.time-chip .timer-bonus small{display:none!important}.time-chip .timer-main b{font-size:12px!important}.time-chip .timer-bonus{padding-left:4px!important}.time-chip .timer-bonus b{max-width:38px!important;font-size:9px!important}.practice-dock{gap:10px!important;margin-top:12px!important}.practice-dock-main{gap:5px!important;min-height:46px!important;padding:4px!important}.practice-dock .listen-button,.practice-dock .plain-action,.practice-dock .check-button,.practice-dock .question-nav{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}}.top-brand-cluster{align-items:center!important;gap:13px!important;min-width:0!important;display:flex!important}.scope-toggle-course{border:1px solid color-mix(in srgb, var(--line) 84%, transparent)!important;background:color-mix(in srgb, var(--theme-surface) 94%, white)!important;width:auto!important;min-width:82px!important;height:40px!important;min-height:40px!important;color:var(--ink)!important;box-shadow:none!important;white-space:nowrap!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:0 13px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important}.scope-toggle-course:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))!important;color:var(--accent-dark)!important;background:color-mix(in srgb, var(--accent) 8%, var(--theme-surface))!important}.unit-list{gap:5px!important;padding:2px 3px!important}.unit-list button{border-radius:11px!important;grid-template-columns:38px minmax(0,1fr) 48px!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:66px!important;padding:8px 9px!important;overflow:hidden!important}.unit-list button.active{box-shadow:inset 0 0 0 1.5px var(--accent), 0 8px 20px #1f30490f!important}.unit-list .unit-copy{gap:2px!important;min-width:0!important;overflow:hidden!important}.unit-list .unit-copy>b,.unit-list .unit-copy>small,.unit-progress-line em,.unit-coin b{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.unit-list .unit-copy>b{color:var(--ink)!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important}.unit-list .unit-copy>small{font-size:10px!important;line-height:1.15!important}.unit-progress-line{gap:5px!important;min-width:0!important;overflow:hidden!important}.unit-progress-line .unit-state{flex:none!important;padding:2px 5px!important;font-size:8px!important}.unit-progress-line em{font-size:9px!important;line-height:1!important}.unit-coin{grid-template-columns:1fr!important;align-content:center!important;justify-items:end!important;gap:3px!important;width:48px!important;min-width:0!important;display:grid!important;overflow:hidden!important}.unit-coin>span{justify-content:flex-end!important;align-items:center!important;gap:3px!important;max-width:100%!important;display:inline-flex!important;overflow:hidden!important}.unit-coin>span svg{flex:0 0 12px!important}.unit-coin b{color:#a86600!important;font-variant-numeric:tabular-nums!important;font-size:12px!important;line-height:1!important}.unit-coin small{color:var(--muted)!important;white-space:nowrap!important;font-size:8px!important;font-weight:800!important;line-height:1!important}@media (max-width:760px){.scope-toggle-course{min-width:70px!important;height:38px!important;min-height:38px!important;padding-inline:10px!important}}