.hsk-lesson-page{--hsk-learn-accent:var(--himi-red,#ff4c3b);--hsk-learn-deep:var(--hsk-learn-accent);--hsk-learn-ink:var(--himi-black,#222);--hsk-learn-muted:var(--himi-muted,#625b58);--hsk-learn-line:var(--himi-line,#e8e1de);--hsk-learn-surface:var(--himi-white,#fff);--hsk-learn-red-soft:var(--himi-red-soft,#fff0ee);--hsk-learn-track:#f1e9e5;width:min(1180px,100% - 48px);min-height:100vh;color:var(--hsk-learn-ink);margin:0 auto;padding:34px 0 90px}.learner-shell-content:has(.hsk-lesson-page){background:radial-gradient(circle at 15% 4%,#ff4c3b17,#0000 30%),radial-gradient(circle at 91% 15%,#ff4c3b12,#0000 28%),linear-gradient(#fff7f3 0,#fffdfb 390px,#fff 100%)}html:has(.hsk-lesson-page){scrollbar-color:#f0a49c #fff1ed}.hsk-learning-header{border:1px solid var(--hsk-learn-line);background:#fffffff5;border-radius:28px;padding:24px 28px 22px;box-shadow:0 16px 44px #4d2e2614}.hsk-learning-breadcrumb{color:var(--hsk-learn-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-size:12px;font-weight:690;display:flex}.hsk-learning-breadcrumb a{min-height:34px;color:var(--hsk-learn-deep);align-items:center;gap:7px;display:inline-flex}.hsk-learning-title-row{grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:22px;display:grid}.hsk-learning-greeting{box-sizing:border-box;color:#fff;background:var(--hsk-learn-accent);width:fit-content;min-width:88px;min-height:88px;box-shadow:0 7px 0 var(--hsk-learn-deep);letter-spacing:-.04em;white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;padding:10px 18px;font-family:Georgia,Noto Serif SC,serif;font-size:34px;font-weight:760;line-height:1;display:inline-flex}.hsk-learning-title-row>div:nth-child(2)>span{color:var(--hsk-learn-accent);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:820}.hsk-learning-title-row h1{color:var(--hsk-learn-ink);letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(28px,3vw,42px);font-weight:790;line-height:1.08}.hsk-learning-progress-copy{background:var(--hsk-learn-red-soft);border:1px solid #ffd6cf;border-radius:18px;justify-items:center;min-width:104px;padding:14px 16px;display:grid}.hsk-learning-progress-copy strong{color:var(--hsk-learn-deep);font-variant-numeric:tabular-nums;font-size:24px;font-weight:820}.hsk-learning-progress-copy span{color:var(--hsk-learn-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.hsk-learning-progress,.hsk-step-progress{background:var(--hsk-learn-track);border-radius:999px;overflow:hidden}.hsk-learning-progress{height:8px;margin-top:22px}.hsk-learning-progress>span,.hsk-step-progress>span{border-radius:inherit;background:var(--hsk-learn-accent);height:100%;transition:width .32s cubic-bezier(.16,1,.3,1);display:block}.hsk-lesson-launch-actions{border-top:1px solid var(--hsk-learn-line);flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:18px;display:flex}.hsk-lesson-launch-actions a{min-height:43px;color:var(--hsk-learn-deep);border:1px solid var(--hsk-learn-line);background:var(--hsk-learn-surface);border-radius:13px;align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:750;display:inline-flex}.hsk-lesson-launch-actions a.is-primary{color:#fff;border-color:var(--hsk-learn-accent);background:var(--hsk-learn-accent);box-shadow:0 4px 0 var(--hsk-learn-deep)}.hsk-learning-tabs{z-index:12;border:1px solid var(--hsk-learn-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:18px;padding:8px;display:grid;position:sticky;top:78px;box-shadow:0 11px 30px #4d2e2614}.hsk-learning-tabs button{cursor:pointer;min-height:52px;color:var(--hsk-learn-muted);background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:740;transition:color .18s,background .18s,box-shadow .18s;display:flex}.hsk-learning-tabs button small{background:#f4efed;border-radius:999px;min-width:31px;padding:3px 7px;font-size:9px}.hsk-learning-tabs button:hover{color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft)}.hsk-learning-tabs button.is-active{color:#fff;border-color:var(--hsk-learn-accent);background:var(--hsk-learn-accent);box-shadow:0 4px 0 var(--hsk-learn-deep)}.hsk-learning-tabs button.is-active small{color:var(--hsk-learn-deep);background:#fff}#hsk-tab-vocabulary.is-active>span,#hsk-tab-vocabulary.is-active>small{color:#fff}#hsk-tab-vocabulary.is-active>small{background:#fff3}.hsk-learning-breadcrumb a:focus-visible,.hsk-learning-tabs button:focus-visible,.hsk-learning-panel button:focus-visible,.hsk-learning-panel a:focus-visible{outline-offset:3px;outline:3px solid #ff4c3b47}.hsk-learning-panel{border:1px solid var(--hsk-learn-line);background:#fffffff5;border-radius:28px;min-height:620px;margin-top:18px;padding:30px;box-shadow:0 18px 48px #4d2e2612}.hsk-mode-intro{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;display:flex}.hsk-mode-intro>div>span{color:var(--hsk-learn-accent);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:820}.hsk-mode-intro h2{color:var(--hsk-learn-ink);letter-spacing:-.035em;margin:5px 0;font-size:clamp(22px,2.4vw,31px)}.hsk-mode-intro p{color:var(--hsk-learn-muted);margin:0;font-size:13px;line-height:1.55}.hsk-mode-intro>strong{min-height:38px;color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft);white-space:nowrap;border:1px solid #ffd6cf;border-radius:999px;align-items:center;padding:0 13px;font-size:11px;display:inline-flex}.hsk-step-progress{width:min(760px,100%);height:7px;margin:0 auto 25px}.hsk-flashcard-stage{grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:18px;width:min(850px,100%);margin:0 auto;display:grid;position:relative}.hsk-round-nav{cursor:pointer;width:48px;height:48px;color:var(--hsk-learn-deep);border:1px solid var(--hsk-learn-line);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 5px 16px #4d2e2617}.hsk-flashcard{border:1px solid var(--hsk-learn-line);min-height:465px;box-shadow:0 16px 38px #4d2e2617, 8px 8px 0 var(--hsk-learn-red-soft);background:#fff;border-radius:28px;flex-direction:column;align-items:center;padding:28px 38px 30px;display:flex;position:relative}.hsk-flashcard.is-locked{background:#fffaf0;border-color:#ead9b9;justify-content:center}.hsk-item-vip-lock{color:#8d671e;text-align:center;align-content:center;justify-items:center;gap:13px;width:100%;min-height:260px;display:grid}.hsk-item-vip-lock>small{letter-spacing:.08em;font-size:9px;font-weight:800}.hsk-item-vip-lock h3{color:#60491f;margin:0;font-size:23px}.hsk-item-vip-lock p{color:#746956;max-width:430px;margin:0 0 5px;font-size:12px;line-height:1.6}.hsk-flashcard-flip{cursor:pointer;width:100%;min-height:235px;color:inherit;background:0 0;border:0;align-content:center;justify-items:center;padding:0;display:grid}.hsk-flashcard-count{color:var(--hsk-learn-muted);font-size:11px;font-weight:760;position:absolute;top:24px;left:26px}.hsk-flashcard-flip>small{color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:780}.hsk-flashcard-flip>strong{margin:14px 0 9px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(76px,10vw,112px);font-weight:600;line-height:1}.hsk-flashcard-hint{color:var(--hsk-learn-muted);font-size:13px}.hsk-flashcard-answer{justify-items:center;gap:4px;display:grid}.hsk-flashcard-answer b{color:var(--hsk-learn-accent);font-size:22px}.hsk-flashcard-answer em{color:var(--hsk-learn-ink);font-size:17px;font-style:normal;font-weight:690}.hsk-audio-orb{cursor:pointer;color:#fff;background:var(--hsk-learn-accent);width:52px;height:52px;box-shadow:0 6px 0 var(--hsk-learn-deep);border:0;border-radius:50%;place-items:center;display:grid}.hsk-flashcard-example{border-top:1px solid var(--hsk-learn-line);text-align:center;justify-items:center;gap:4px;width:100%;margin-top:22px;padding-top:20px;display:grid}.hsk-flashcard-example>span,.hsk-shadowing-example>span{color:#7a716d;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:760}.hsk-flashcard-example strong{font-size:18px}.hsk-flashcard-example small{color:var(--hsk-learn-accent);font-size:12px}.hsk-flashcard-example p{color:var(--hsk-learn-muted);margin:2px 0 0;font-size:12px}.hsk-flashcard-rating{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;margin-top:20px;display:grid}.hsk-flashcard-rating button{cursor:pointer;min-height:50px;color:var(--hsk-learn-muted);background:#f6f2f0;border:0;border-radius:14px;place-items:center;font-size:10px;font-weight:720;display:grid}.hsk-flashcard-rating button:first-child{color:#a84b45;background:#fff0ee}.hsk-flashcard-rating button:nth-child(2){color:#946b22;background:#fff5dc}.hsk-flashcard-rating button:nth-child(3),.hsk-flashcard-rating button:nth-child(4){color:#087365;background:#e8f9f4}.hsk-flashcard-rating button span{font-size:13px}.hsk-keyboard-hint{color:#7a716d;text-align:center;margin:22px 0 0;font-size:10px}.hsk-keyboard-hint kbd{border:1px solid var(--hsk-learn-line);font:inherit;background:#f8f5f3;border-radius:6px;padding:3px 6px;font-weight:760}.hsk-exercise-card,.hsk-result-card{border:1px solid var(--hsk-learn-line);background:#fff;border-radius:26px;width:min(720px,100%);margin:0 auto;padding:34px;box-shadow:0 15px 36px #4d2e2614}.hsk-exercise-card>p{color:var(--hsk-learn-muted);text-align:center;margin:0;font-size:11px}.hsk-exercise-prompt{place-items:center;min-height:120px;font-family:Georgia,Noto Serif SC,serif;font-size:70px;font-weight:600;display:grid}.hsk-exercise-copy.has-pinyin{text-align:center;align-content:center;place-items:center;gap:10px;min-height:150px;display:grid}.hsk-exercise-copy.has-pinyin .hsk-exercise-prompt{min-height:0;font-size:clamp(27px,4vw,46px);line-height:1.45}.hsk-exercise-copy>span{color:var(--hsk-learn-muted);font-size:13px;line-height:1.7}.hsk-exercise-note{color:#827773!important;margin:0 0 18px!important}.hsk-exercise-listen{cursor:pointer;color:#fff;background:var(--hsk-learn-accent);width:94px;height:94px;box-shadow:0 8px 0 var(--hsk-learn-deep);border:0;border-radius:50%;place-items:center;margin:24px auto 30px;display:grid}.hsk-exercise-listen span{font-size:9px;font-weight:760}.hsk-exercise-options{grid-template-columns:1fr 1fr;gap:11px;display:grid}.hsk-exercise-options button{cursor:pointer;min-height:58px;color:var(--hsk-learn-ink);border:1px solid var(--hsk-learn-line);text-align:left;background:#fff;border-radius:15px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 15px;display:grid}.hsk-exercise-options button b{background:#f6f1ef;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.hsk-exercise-options button span{font-size:13px;font-weight:660}.hsk-exercise-options button.is-correct{color:#087365;background:#ecfaf6;border-color:#8ddacb}.hsk-exercise-options button.is-wrong{color:#a84740;background:#fff1ef;border-color:#efb2ac}.hsk-exercise-options button.is-selected{color:var(--hsk-learn-deep);background:#fff4f1;border-color:#ff9f8d}.hsk-answer-feedback{border-radius:12px;align-items:center;gap:9px;min-height:44px;margin-top:14px;padding:0 12px;font-size:11px;display:flex}.hsk-answer-feedback>span{border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.hsk-answer-feedback.is-correct{color:#087365;background:#eaf9f5}.hsk-answer-feedback.is-wrong{color:#a84740;background:#fff0ee}.hsk-primary-action{cursor:pointer;color:#fff;background:var(--hsk-learn-accent);min-height:48px;box-shadow:0 4px 0 var(--hsk-learn-deep);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:20px 0 0 auto;padding:0 18px;font-size:12px;font-weight:760;display:flex}.hsk-primary-action:disabled{cursor:not-allowed;opacity:.45}.hsk-result-card{text-align:center;align-content:center;place-items:center;min-height:410px;display:grid}.hsk-result-card>span{color:#fff;background:var(--hsk-learn-accent);width:68px;height:68px;box-shadow:0 7px 0 var(--hsk-learn-deep);border-radius:50%;place-items:center;display:grid}.hsk-result-card small{color:var(--hsk-learn-accent);letter-spacing:.1em;text-transform:uppercase;margin-top:24px;font-size:10px;font-weight:800}.hsk-result-card h2{margin:6px 0;font-size:34px}.hsk-result-card p{color:var(--hsk-learn-muted);margin:0;font-size:13px}.hsk-result-card button{cursor:pointer;min-height:44px;color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft);border:1px solid #ffd0c8;border-radius:13px;align-items:center;gap:8px;margin-top:24px;padding:0 15px;font-size:11px;font-weight:740;display:flex}.hsk-speech-toolbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}.hsk-speech-toolbar>button,.hsk-speech-toolbar>div{border:1px solid var(--hsk-learn-line);background:#fff;border-radius:12px;min-height:36px;padding:4px}.hsk-speech-toolbar button{cursor:pointer;min-height:28px;color:var(--hsk-learn-muted);background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:10px;font-weight:720}.hsk-speech-toolbar button[aria-pressed=true]{color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft)}.hsk-pronunciation-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.hsk-pronunciation-list,.hsk-hanzi-list{border:1px solid var(--hsk-learn-line);scrollbar-color:#ef9d94 transparent;scrollbar-width:thin;background:#fffaf7;border-radius:20px;gap:7px;max-height:540px;padding:8px;display:grid;overflow-y:auto}.hsk-pronunciation-list button{cursor:pointer;color:#554c48;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:7px 10px;display:grid}.hsk-pronunciation-list button>span{font-family:Georgia,Noto Serif SC,serif;font-size:24px}.hsk-pronunciation-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hsk-pronunciation-list button.is-active{color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft);border-color:#ffc8bf}.hsk-pronunciation-list button.is-locked{color:#96671d;background:#fff8e8;border-color:#ead9b9}.hsk-pronunciation-list button.is-locked>svg{justify-self:center}.hsk-pronunciation-card{border:1px solid var(--hsk-learn-line);text-align:center;background:#fff;border-radius:24px;align-content:start;justify-items:center;min-height:540px;padding:36px;display:grid;box-shadow:0 14px 34px #4d2e2612}.hsk-pronunciation-card>small{color:var(--hsk-learn-accent);letter-spacing:.08em;font-size:9px;font-weight:800}.hsk-pronunciation-card>strong{margin-top:16px;font-family:Georgia,Noto Serif SC,serif;font-size:92px;line-height:1}.hsk-pronunciation-card>b{color:var(--hsk-learn-accent);margin-top:10px;font-size:23px}.hsk-pronunciation-card>p{color:var(--hsk-learn-muted);margin:5px 0 18px;font-size:15px}.hsk-pronunciation-play{cursor:pointer;color:#fff;background:var(--hsk-learn-accent);min-height:49px;box-shadow:0 4px 0 var(--hsk-learn-deep);border:0;border-radius:15px;align-items:center;gap:9px;padding:0 17px;display:flex}.hsk-pronunciation-play span{font-size:11px;font-weight:760}.hsk-shadowing-example{background:#fff7f2;border-radius:18px;justify-items:center;gap:5px;width:100%;margin-top:30px;padding:20px;display:grid}.hsk-shadowing-example strong{font-size:19px}.hsk-shadowing-example small{color:var(--hsk-learn-accent);font-size:11px}.hsk-shadowing-example p{color:var(--hsk-learn-muted);margin:0;font-size:11px}.hsk-shadowing-example button{cursor:pointer;min-height:33px;color:var(--hsk-learn-deep);background:#fff;border:1px solid #ffd0c8;border-radius:10px;align-items:center;gap:7px;margin-top:8px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.hsk-hanzi-layout{grid-template-columns:150px minmax(360px,1fr) 200px;align-items:start;gap:22px;display:grid}.hsk-hanzi-list{grid-template-columns:1fr 1fr;align-content:start;max-height:510px}.hsk-hanzi-list button{cursor:pointer;color:#554c48;background:#fff;border:1px solid #0000;border-radius:13px;place-items:center;min-height:68px;display:grid;position:relative}.hsk-hanzi-list button>span{font-family:Georgia,Noto Serif SC,serif;font-size:26px}.hsk-hanzi-list button small{font-size:9px}.hsk-hanzi-list button svg{color:var(--hsk-learn-accent);position:absolute;top:5px;right:5px}.hsk-hanzi-list button.is-active{color:var(--hsk-learn-deep);background:var(--hsk-learn-red-soft);border-color:#ffbcb2}.hsk-hanzi-list button.is-locked{color:#96671d;background:#fff8e8;border-color:#ead9b9}.hsk-hanzi-list button.is-locked svg{position:static}.hsk-hanzi-practice{justify-items:center;display:grid}.hsk-hanzi-practice.is-locked{background:#fffaf0;border:1px solid #ead9b9;border-radius:22px;align-content:center;min-height:430px}.hsk-writing-modes{border:1px solid var(--hsk-learn-line);background:#fff8f4;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:14px;padding:5px;display:grid}.hsk-writing-modes button{cursor:pointer;min-height:38px;color:var(--hsk-learn-muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:730;display:flex}.hsk-writing-modes button[aria-pressed=true]{color:#fff;background:var(--hsk-learn-accent);box-shadow:0 3px 0 var(--hsk-learn-deep)}.hsk-writing-board{aspect-ratio:1;border:1px solid var(--hsk-learn-line);background:#fff;border-radius:22px;width:min(360px,100%);position:relative;overflow:hidden;box-shadow:0 12px 30px #4d2e2614}.hsk-writing-board>div{z-index:2;width:100%;height:100%;position:relative}.hsk-writing-board>span{z-index:1;pointer-events:none;background:#eee4e0;position:absolute}.hsk-grid-horizontal{width:100%;height:1px;top:50%;left:0}.hsk-grid-vertical{width:1px;height:100%;top:0;left:50%}.hsk-writing-status{min-height:38px;color:var(--hsk-learn-muted);text-align:center;margin:14px 0 0;font-size:11px}.hsk-writing-reset{cursor:pointer;min-height:38px;color:var(--hsk-learn-deep);background:#fff;border:1px solid #ffd0c8;border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:730;display:flex}.hsk-character-detail{border:1px solid var(--hsk-learn-line);text-align:center;background:#fffaf7;border-radius:20px;justify-items:center;padding:22px;display:grid}.hsk-character-detail>small{color:#7a716d;letter-spacing:.09em;font-size:8px;font-weight:800}.hsk-character-detail>strong{margin:14px 0 7px;font-family:Georgia,Noto Serif SC,serif;font-size:72px;line-height:1}.hsk-character-detail>div:not(.hsk-character-nav){align-items:center;gap:8px;display:flex}.hsk-character-detail b{color:var(--hsk-learn-accent);font-size:17px}.hsk-character-detail>div>button{cursor:pointer;width:31px;height:31px;color:var(--hsk-learn-deep);background:#fff;border:1px solid #ffd0c8;border-radius:50%;place-items:center;display:grid}.hsk-character-detail>p{color:var(--hsk-learn-muted);margin:8px 0 18px;font-size:12px}.hsk-character-detail.is-locked{color:#8d671e;background:#fff8e8;border-color:#ead9b9;align-content:center}.hsk-character-detail.is-locked>strong{margin-block:10px 3px;font-family:inherit;font-size:24px}.hsk-character-nav{border-top:1px solid var(--hsk-learn-line);justify-content:space-between;align-items:center;width:100%;padding-top:14px;display:flex}.hsk-character-nav span{color:var(--hsk-learn-muted);font-size:10px;font-weight:720}@media (width<=980px){.hsk-lesson-page{width:min(100% - 34px,880px)}.hsk-learning-title-row{grid-template-columns:max-content minmax(0,1fr) auto;gap:16px}.hsk-learning-greeting{border-radius:20px;min-width:72px;min-height:72px;padding:9px 15px;font-size:28px}.hsk-hanzi-layout{grid-template-columns:120px minmax(320px,1fr)}.hsk-character-detail{text-align:left;grid-column:1/-1;grid-template-columns:auto auto auto 1fr auto;place-items:center start;gap:14px;display:grid}.hsk-character-detail>small{grid-column:1/-1}.hsk-character-detail>strong{margin:0;font-size:52px}.hsk-character-detail>p{margin:0}.hsk-character-nav{border:0;width:150px;padding:0}}@media (width<=720px){.hsk-lesson-page{width:calc(100% - 24px);padding:18px 0 74px}.hsk-learning-header{border-radius:22px;padding:18px}.hsk-learning-breadcrumb{margin-bottom:14px}.hsk-learning-title-row{grid-template-columns:minmax(0,1fr);gap:13px}.hsk-learning-greeting{border-radius:17px;min-width:58px;max-width:100%;min-height:58px;padding:8px 13px;font-size:23px}.hsk-learning-title-row h1{font-size:25px}.hsk-learning-progress-copy{background:0 0;border:0;grid-column:1;justify-content:flex-start;gap:6px;min-width:0;margin-top:8px;padding:0;display:flex}.hsk-learning-progress-copy strong{font-size:14px}.hsk-learning-progress-copy span{align-self:center}.hsk-learning-tabs{border-radius:16px;gap:4px;margin-top:12px;padding:6px;top:69px}.hsk-learning-tabs button{border-radius:11px;gap:5px;min-height:48px;padding:0 7px;font-size:10px}.hsk-learning-tabs button svg{width:16px;height:16px}.hsk-learning-tabs button small{display:none}.hsk-learning-panel{border-radius:22px;min-height:560px;margin-top:12px;padding:20px 14px 28px}.hsk-mode-intro{gap:12px;margin-bottom:18px;display:grid}.hsk-mode-intro h2{font-size:22px}.hsk-mode-intro>strong{width:fit-content;min-height:32px}.hsk-flashcard-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}.hsk-round-nav{width:36px;height:36px}.hsk-flashcard{border-radius:22px;min-height:440px;padding:24px 18px}.hsk-flashcard-flip>strong{font-size:70px}.hsk-flashcard-rating{grid-template-columns:1fr 1fr}.hsk-exercise-card,.hsk-result-card{border-radius:21px;padding:24px 16px}.hsk-exercise-options,.hsk-pronunciation-layout{grid-template-columns:1fr}.hsk-pronunciation-list{max-height:none;padding:5px;display:flex;overflow-x:auto}.hsk-pronunciation-list button{flex:none;grid-template-columns:37px minmax(0,1fr) auto;min-width:112px}.hsk-pronunciation-card{min-height:500px;padding:26px 18px}.hsk-pronunciation-card>strong{font-size:74px}.hsk-hanzi-layout{grid-template-columns:1fr}.hsk-hanzi-list{max-height:none;padding:5px;display:flex;overflow-x:auto}.hsk-hanzi-list button{flex:none;min-width:67px}.hsk-character-detail{grid-column:auto;grid-template-columns:auto minmax(0,1fr) auto}.hsk-character-detail>small{grid-column:1/-1}.hsk-character-detail>p{grid-column:2}.hsk-character-nav{grid-area:2/3/span 2;width:120px}}@media (width<=430px){.hsk-learning-breadcrumb>span{display:none}.hsk-learning-tabs button{flex-direction:column;gap:2px}.hsk-learning-tabs button span{line-height:1}.hsk-lesson-launch-actions{grid-template-columns:1fr 1fr;display:grid}.hsk-lesson-launch-actions a{justify-content:center}.hsk-lesson-launch-actions a.is-primary{grid-column:1/-1}.hsk-flashcard-stage{grid-template-columns:1fr}.hsk-round-nav{z-index:3;margin-top:210px;position:absolute}.hsk-round-nav:first-child{left:20px}.hsk-round-nav:last-child{right:20px}.hsk-flashcard{min-height:470px}.hsk-keyboard-hint{display:none}.hsk-speech-toolbar{justify-content:space-between}.hsk-writing-modes button{padding-inline:7px;font-size:9px}}@media (width<=560px){.hsk-flashcard-session .game-session-mascot{width:104px;bottom:256px;left:auto;right:22px}}@media (width>=901px){.hsk-flashcard-session .game-session-world{width:100%;max-width:none}.hsk-flashcard-session .game-session-hud{left:4px;right:4px}.hsk-flashcard-session .game-back-button{border-radius:17px;width:52px;height:52px}.hsk-flashcard-session .game-session-metrics{grid-template-columns:repeat(3,minmax(128px,1fr));gap:11px}.hsk-flashcard-session .game-session-metrics>span{border-radius:21px;min-height:72px;padding:10px 15px}.hsk-flashcard-session .game-session-metrics small{font-size:11px}.hsk-flashcard-session .game-session-metrics strong{font-size:25px}.hsk-flashcard-session .game-session-mascot{width:clamp(210px,21.875vw,348px);left:1.5%}.hsk-flashcard-session .flash-game-stage{align-content:start}.hsk-flashcard-session .flashcard-3d{width:min(724px,90%);height:400px;margin-top:43px}.hsk-flashcard-session .flash-audio-row{align-self:center;width:min(724px,90%);min-height:56px;margin-top:48px}.hsk-flashcard-session .flash-audio-row button{min-height:56px}.hsk-flashcard-session .flash-rating-actions{align-self:center;width:min(724px,90%);margin-top:19px}.hsk-flashcard-session .flash-rating-actions button{min-height:64px}.hsk-flashcard-session .game-session-tip{min-height:56px;padding-inline:21px;font-size:13px;bottom:2px}}@media (prefers-reduced-motion:reduce){.hsk-learning-progress>span,.hsk-step-progress>span,.hsk-learning-tabs button{transition:none}}