:root{--cream:#faf7f0;--sand:#f0ebe0;--parchment:#e5ddd0;--charcoal:#2a2520;--warm-black:#3a3530;--warm-gray:#8c7d6e;--warm-gray-2:#b8a99a;--gold:#8b6914;--gold-light:#c9a84c;--cinnabar:#8b2020;--bg:var(--cream);--bg-alt:var(--sand);--fg:var(--charcoal);--fg-soft:var(--warm-gray);--line:rgba(42,37,32,.1);--serif-cn:var(--font-noto-sc),"Noto Serif SC",serif;--serif:var(--font-cormorant),"Cormorant Garamond","Times New Roman",serif;--sans:var(--font-source-sans),"Source Sans 3",-apple-system,sans-serif}html.dark{--bg:#1a1612;--bg-alt:#221d17;--fg:#f0ebe0;--fg-soft:#b8a99a;--line:hsla(41,35%,91%,.1);--gold:#c9a84c;--gold-light:#e0c26d;--cinnabar:#b84747}*{box-sizing:border-box}.session-root{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}p{margin:0}.session-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 20px;height:56px;backdrop-filter:blur(8px)}.header-back{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--fg-soft);white-space:nowrap;flex-shrink:0;transition:color .15s}.header-back:hover{color:var(--gold)}.header-center{flex:1;text-align:center;color:var(--fg-soft);justify-content:center;gap:0;min-width:0;overflow:hidden}.header-center,.mode-switch-btn{font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center}.mode-switch-btn{background:none;border:none;color:var(--fg);gap:6px;padding:6px 10px;border-radius:2px;transition:background .15s;position:relative;white-space:nowrap}.mode-switch-btn:hover{background:var(--bg-alt)}.mode-switch-btn .caret{font-size:10px;color:var(--fg-soft)}.mode-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg);border:1px solid var(--line);width:200px;padding:6px 0;box-shadow:0 16px 32px rgba(42,37,32,.12);display:none;z-index:50;max-height:calc(100vh - 80px);overflow-y:auto}.mode-dropdown.open{display:block}.mode-dd-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:10px 16px;font-size:13px;color:var(--fg-soft);letter-spacing:.04em;transition:all .15s}.mode-dd-item:hover{background:var(--bg-alt);color:var(--fg)}.mode-dd-item.active{color:var(--gold)}.mode-dd-item .cn{font-family:var(--serif-cn);font-size:16px;color:var(--gold)}.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.session-progress-label{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--fg-soft)}.btn-end{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-gray);background:none;border:1px solid var(--line);padding:6px 14px;border-radius:2px;transition:all .18s}.btn-end:hover{border-color:var(--cinnabar);color:var(--cinnabar)}.theme-btn{background:none;border:1px solid var(--line);width:32px;height:32px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--fg-soft);transition:all .15s}.theme-btn:hover{border-color:var(--gold);color:var(--gold)}.theme-btn svg{width:14px;height:14px}.session-bar{height:3px;background:rgba(42,37,32,.1);position:relative;flex-shrink:0}html.dark .session-bar{background:hsla(41,35%,91%,.08)}.session-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--gold);transition:width .5s ease}.main-area{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;flex-direction:column;gap:32px}.card-scene{perspective:1200px;width:100%;max-width:480px;overflow:hidden;border-radius:3px}.card-wrap{position:relative;width:100%;min-height:320px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}.card-wrap.flipped{transform:rotateY(180deg)}.card-back,.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(201,168,76,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 36px;text-align:center}.card-face{background:var(--charcoal)}.card-back,.card-face{cursor:pointer;border-radius:3px}.card-back{background:var(--sand);transform:rotateY(180deg)}html.dark .card-back{background:#2a2520}.card-deco{position:absolute;right:-10px;bottom:-20px;font-size:180px;color:rgba(201,168,76,.06);pointer-events:none;user-select:none}.card-cn,.card-deco{font-family:var(--serif-cn);font-weight:600;line-height:1}.card-cn{font-size:clamp(64px,12vw,96px);color:#faf7f0}.card-pinyin{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold-light);margin-top:12px}.card-hint{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.3);position:absolute;bottom:20px;left:0;right:0;text-align:center}.card-ru{font-family:var(--serif);font-size:clamp(24px,4vw,36px);color:var(--charcoal);line-height:1.3;margin-bottom:14px}html.dark .card-ru{color:#faf7f0}.card-ru-front{font-family:var(--serif);font-size:clamp(26px,6vw,40px);color:#faf7f0;line-height:1.25;text-align:center;padding:0 8px}.card-back .back-cn{font-family:var(--serif-cn);font-size:clamp(48px,10vw,72px);font-weight:600;color:var(--charcoal);line-height:1;margin-bottom:4px}html.dark .card-back .back-cn{color:#faf7f0}.card-back .back-ru{font-family:var(--sans);font-size:15px;color:var(--fg-soft);margin-bottom:14px}.card-badges{display:flex;gap:8px;margin-bottom:18px}.card-badge{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:3px 8px;border:1px solid rgba(42,37,32,.18);color:var(--charcoal);border-radius:1px}html.dark .card-badge{color:#faf7f0;border-color:rgba(201,168,76,.2)}.card-badge.topic{color:var(--gold);border-color:rgba(139,105,20,.3)}.card-divider{width:100%;border:none;border-top:1px dashed rgba(42,37,32,.15);margin:0 0 14px}html.dark .card-divider{border-top-color:rgba(201,168,76,.12)}.card-example{width:100%;margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:6px}.ex-cn{font-family:var(--serif-cn);font-size:15px;color:var(--charcoal);line-height:1.6;margin-bottom:4px}html.dark .ex-cn{color:#faf7f0}.ex-cn strong{color:var(--gold);font-weight:600}.ex-py{font-family:var(--serif);font-style:italic;margin-bottom:4px}.ex-py,.ex-ru{font-size:13px;color:var(--warm-gray)}.card-topic-tag{top:18px;left:20px;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(201,168,76,.28);padding:3px 9px;border-radius:1px;max-width:calc(100% - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.card-audio,.card-topic-tag{position:absolute;color:var(--gold-light)}.card-audio{top:16px;right:16px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.28);transition:all .18s;z-index:2}.card-audio:hover{background:rgba(201,168,76,.16);border-color:var(--gold-light);color:var(--cream)}.card-audio svg{width:17px;height:17px}.card-audio.on-back{color:var(--gold);border-color:rgba(139,105,20,.35);background:rgba(139,105,20,.05)}.card-audio.on-back:hover{background:rgba(139,105,20,.12);color:var(--gold)}html.dark .card-audio.on-back{color:var(--gold-light);border-color:rgba(201,168,76,.3)}.card-audio-hint{position:absolute;top:calc(100% + 6px);right:0;font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--gold-light);background:var(--charcoal);border:1px solid rgba(201,168,76,.25);padding:4px 8px;border-radius:2px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:all .2s}.card-audio-hint.show{opacity:1;transform:translateY(0)}.pinyin-toggle{margin-top:12px;background:none;font-family:var(--sans);font-size:12px;letter-spacing:.04em;color:var(--gold);border:none;border-bottom:1px dashed rgba(139,105,20,.5);padding:2px 1px;transition:all .15s;align-self:center}.pinyin-toggle:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}.pinyin-toggle.on-dark{color:var(--gold-light);border-bottom-color:rgba(201,168,76,.4)}.pinyin-toggle.on-dark:hover{color:var(--cream);border-bottom-color:var(--cream)}.card-pinyin.back{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--gold);margin:0 0 14px;line-height:1}html.dark .card-pinyin.back{color:var(--gold-light)}.flash-counter{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--fg-soft);text-align:center}.flash-counter span{color:var(--gold);font-style:normal}.card-nav{display:flex;gap:12px;width:100%;max-width:480px}.nav-btn{flex:1;padding:14px 12px;background:none;border:1px solid rgba(42,37,32,.15);font-family:var(--sans);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--warm-gray);border-radius:2px;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px}.nav-btn.forgot{border-color:rgba(139,32,32,.3);color:var(--cinnabar)}.nav-btn.forgot:hover{background:rgba(139,32,32,.06)}.nav-btn.knew{border-color:rgba(139,105,20,.3);color:var(--gold)}.nav-btn.knew:hover{background:rgba(139,105,20,.08)}.nav-btn.back:hover{background:var(--bg-alt)}.nav-btn:disabled{opacity:.35;pointer-events:none}.srs-question{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:10px;text-align:center;font-family:var(--sans)}.srs-nav{display:flex;gap:12px;width:100%;max-width:480px}.srs-btn{flex:1;padding:14px 8px;background:none;font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:4px}.srs-btn .srs-label{font-size:10px;color:var(--fg-soft);letter-spacing:.1em}.srs-btn.forgot{border:1px solid rgba(139,32,32,.3);color:var(--cinnabar)}.srs-btn.forgot:hover{background:rgba(139,32,32,.06)}.srs-btn.hard{border:1px solid rgba(139,105,20,.3);color:var(--warm-gray)}.srs-btn.hard:hover{background:rgba(139,105,20,.06)}.srs-btn.easy{border:1px solid var(--gold);color:var(--gold)}.srs-btn.easy:hover{background:rgba(139,105,20,.1)}.srs-interval{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--warm-gray);text-align:center;min-height:20px;transition:opacity .3s}.srs-stats{display:flex;gap:28px;justify-content:center}.srs-stat{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);text-align:center;font-family:var(--sans)}.srs-stat span{display:block;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--fg);letter-spacing:0;text-transform:none;margin-bottom:2px}.match-header{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:4px;text-align:center;font-family:var(--sans)}.match-timer-bar{width:100%;max-width:600px;height:2px;background:rgba(42,37,32,.1);margin-bottom:24px;border-radius:1px;overflow:hidden}.match-timer-fill{height:100%;background:var(--gold);width:100%;transition:width 1s linear}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:900px;margin:0 auto}@media (max-width:768px){.match-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.match-grid{grid-template-columns:repeat(2,1fr)}}.match-item{min-height:56px;padding:12px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:2px;transition:all .2s;user-select:none;border:1px solid rgba(42,37,32,.12);line-height:1.3}.match-item.cn-item{font-family:var(--serif-cn);font-size:22px;color:var(--charcoal);background:var(--cream)}html.dark .match-item.cn-item{background:#231f1b;color:#faf7f0}.match-item.ru-item{font-family:var(--sans);font-size:13px;color:var(--warm-black);background:var(--sand)}html.dark .match-item.ru-item{background:#2a2520;color:var(--fg)}.match-item.selected.cn-item{border-color:var(--gold);background:rgba(201,168,76,.1)}.match-item.selected.ru-item{border-color:var(--gold);background:rgba(201,168,76,.08)}.match-item.matched{border-color:transparent;opacity:.3;pointer-events:none}.match-item.wrong{border-color:var(--cinnabar);animation:shake .3s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.question-format-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-align:center}.question-format-label,.test-score{color:var(--warm-gray);margin-bottom:8px;font-family:var(--sans)}.test-score{font-size:12px;letter-spacing:.04em}.test-score .ok{color:var(--gold)}.test-score .err{color:var(--cinnabar)}.test-question-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-bottom:24px;font-family:var(--sans)}.test-ru-prompt{font-family:var(--serif);font-size:clamp(28px,5vw,42px);color:#faf7f0;line-height:1.25;text-align:center}.result-plate{padding:12px 16px;font-size:14px;width:100%;max-width:480px;line-height:1.5;font-family:var(--sans)}.result-correct{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);color:var(--charcoal)}html.dark .result-correct{color:#faf7f0}.result-wrong{background:rgba(139,32,32,.06);border:1px solid rgba(139,32,32,.2);color:var(--cinnabar)}.manual-check{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.manual-btn{padding:10px 18px;font-size:13px;letter-spacing:.08em;background:none;cursor:pointer;transition:all .2s;font-family:var(--sans);border-radius:2px}.manual-yes{border:1px solid rgba(201,168,76,.4);color:var(--gold)}.manual-yes:hover{background:rgba(201,168,76,.08)}.manual-no{border:1px solid rgba(42,37,32,.2);color:var(--warm-gray)}.manual-no:hover{background:var(--bg-alt)}.test-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px}.test-option{padding:16px 20px;border:1px solid rgba(42,37,32,.15);background:var(--bg);font-size:15px;color:var(--warm-black);cursor:pointer;text-align:left;border-radius:2px;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--sans)}html.dark .test-option{color:var(--fg)}.test-option:hover:not(:disabled){border-color:var(--gold);background:var(--bg-alt)}.test-option.correct{border-color:rgba(42,37,32,.3);background:rgba(201,168,76,.12);color:var(--charcoal)}html.dark .test-option.correct{color:#faf7f0}.test-option.correct .opt-icon{color:var(--gold);font-size:16px}.test-option.wrong{border-color:var(--cinnabar);background:rgba(139,32,32,.06);color:var(--cinnabar)}.test-option.wrong .opt-icon{color:var(--cinnabar);font-size:16px}.test-option.reveal{border-color:rgba(42,37,32,.2);background:rgba(201,168,76,.08)}.test-option:disabled{cursor:default}.test-input-wrap{display:flex;gap:10px;width:100%;max-width:480px}.test-input{flex:1;padding:14px 18px;font-size:16px;font-family:var(--sans);border:1px solid rgba(42,37,32,.2);background:var(--bg);color:var(--fg);border-radius:2px;outline:none;transition:border-color .2s}.test-input:focus{border-color:var(--gold)}.test-submit{padding:14px 20px;background:var(--charcoal);color:var(--cream);border:none;font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;white-space:nowrap;transition:background .2s}.test-submit:hover{background:var(--gold)}.test-feedback{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold);text-align:center;min-height:24px;width:100%;max-width:480px}.complete-wrap{display:none;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:440px;width:100%}.complete-wrap.show{display:flex}.complete-glyph{font-family:var(--serif-cn);font-size:72px;color:var(--gold);font-weight:600;line-height:1;border:1px solid rgba(139,105,20,.3);padding:16px 24px;display:inline-block}.complete-title{font-family:var(--serif);font-size:32px;font-weight:500;color:var(--fg)}.complete-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.complete-stat{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft);text-align:center}.complete-stat span{display:block;font-size:28px;color:var(--fg);letter-spacing:0;text-transform:none}.complete-pts,.complete-stat span{font-family:var(--serif);font-style:italic}.complete-pts{font-size:40px;color:var(--gold);letter-spacing:-.01em}.complete-pts-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.complete-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{padding:14px 28px;background:var(--charcoal);color:var(--cream);border:1px solid var(--charcoal);font-family:var(--sans);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .2s}.btn-primary:hover,html.dark .btn-primary{background:var(--gold);border-color:var(--gold);color:#1a1612}.btn-ghost{padding:14px 28px;background:none;color:var(--fg);border:1px solid var(--line);font-family:var(--sans);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--fg)}.mode-picker{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;max-width:720px;width:100%}.mode-picker-eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-soft)}.mode-picker-head{display:flex;flex-direction:column;align-items:center;gap:12px}.mode-picker-title{font-family:var(--serif);font-size:clamp(30px,5vw,44px);font-weight:500;color:var(--fg);line-height:1.1;margin:0}.mode-picker-sub{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--fg-soft);margin:0}.mode-picker-title em{font-style:italic;color:var(--gold)}.mode-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}@media (max-width:560px){.mode-picker-grid{grid-template-columns:1fr}}.mode-card{position:relative;display:flex;align-items:center;gap:18px;text-align:left;padding:20px 22px;background:var(--bg-alt);border:1px solid var(--line);border-radius:3px;transition:all .2s;cursor:pointer;color:inherit}.mode-card:hover{border-color:var(--gold);transform:translateY(-2px)}.mode-card-badge{position:absolute;top:10px;right:12px;font-family:var(--sans);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-soft);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.mode-card-badge.free{color:var(--gold);border-color:var(--gold)}.study-free-note{font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--fg-soft);margin:-8px 0 20px;padding:10px 14px;border:1px dashed var(--line-strong,var(--line));border-radius:3px}.study-free-link{background:none;border:0;padding:0;color:var(--gold);cursor:pointer;font:inherit;text-decoration:underline}.study-gate{max-width:460px;margin:0 auto;text-align:center;padding:24px 0}.study-gate-cn{font-family:var(--serif-cn);font-size:64px;color:var(--gold);line-height:1;margin-bottom:16px}.study-gate-title{font-family:var(--serif);font-size:28px;color:var(--fg);margin:0 0 14px}.study-gate-text{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--fg-soft);margin:0 0 26px}.study-gate-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.study-gate-actions .btn-ghost,.study-gate-actions .btn-primary{width:100%;max-width:320px;text-align:center;text-decoration:none}.mode-card-glyph{font-family:var(--serif-cn);font-size:44px;font-weight:600;color:var(--gold);line-height:1;flex-shrink:0}.mode-card-name{display:block;font-family:var(--serif);font-size:22px;color:var(--fg);margin-bottom:4px}.mode-card-desc{display:block;font-family:var(--sans);font-size:13px;color:var(--fg-soft);line-height:1.4}.set-picker{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;max-width:760px;width:100%}.set-picker-eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-soft)}.set-picker-title{font-family:var(--serif);font-size:clamp(30px,5vw,44px);font-weight:500;color:var(--fg);line-height:1.1;margin:0}.set-picker-title em{font-style:italic;color:var(--gold)}.set-picker-sub{margin:0;max-width:520px;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--fg-soft)}.set-group{width:100%;text-align:left}.set-group-title{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.set-group+.set-group{margin-top:8px}.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}@media (max-width:640px){.set-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.set-grid{grid-template-columns:1fr}}.set-card{display:flex;align-items:center;gap:16px;text-align:left;padding:16px 18px;background:var(--bg-alt);border:1px solid var(--line);border-radius:3px;transition:all .2s;cursor:pointer;color:inherit}.set-card:hover{border-color:var(--gold);transform:translateY(-2px)}.set-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.set-card.selected{border-color:var(--gold);background:rgba(201,168,76,.1);box-shadow:inset 0 0 0 1px var(--gold)}.set-card:disabled{cursor:not-allowed;opacity:.5;transform:none}.set-card-glyph{font-family:var(--serif-cn);font-size:36px;font-weight:600;color:var(--gold);line-height:1;flex-shrink:0}.set-card-name{display:block;font-family:var(--serif);font-size:20px;color:var(--fg)}.set-card-meta{display:block;font-family:var(--sans);font-size:12px;color:var(--fg-soft);margin-top:2px}.set-card-check{width:22px;height:22px;margin-left:auto;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:transparent;font:700 13px/1 var(--sans)}.set-card.selected .set-card-check{background:var(--gold);border-color:var(--gold);color:#1a1612}.set-selection{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.set-selection-summary{font:13px/1.45 var(--sans);color:var(--fg-soft)}.set-selection-summary b{color:var(--fg);font-weight:600}.set-selection-start{min-height:44px;white-space:nowrap;text-decoration:none}@media (max-width:520px){.set-selection{align-items:stretch;flex-direction:column}.set-selection-start{width:100%;text-align:center}}.set-hint{font-family:var(--sans);font-size:14px;color:var(--fg-soft);line-height:1.5}.set-hint-link{color:var(--gold);border-bottom:1px dashed rgba(139,105,20,.5)}.set-hint-link:hover{color:var(--gold-light)}.mode-static{font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);white-space:nowrap}.mode-seg{display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--bg-alt)}.mode-seg-btn{background:none;border:none;cursor:pointer;white-space:nowrap;font-family:var(--sans);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);padding:6px 12px;transition:all .15s}.mode-seg-btn:hover{color:var(--fg)}.mode-seg-btn.active{background:var(--charcoal);color:var(--cream)}html.dark .mode-seg-btn.active{background:var(--gold);color:#1a1612}.mode-seg-btn+.mode-seg-btn{border-left:1px solid var(--line)}.learn-prompt-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-bottom:24px;font-family:var(--sans);position:absolute;top:56px;left:0;right:0;text-align:center}.learn-prompt-self{position:static;color:var(--warm-gray);margin-bottom:0}.learn-card-pinyin{position:absolute;top:calc(50% + clamp(42px, calc(6vw + 10px), 58px));left:36px;right:36px;font-family:var(--serif);font-size:18px;text-align:center;font-style:italic;color:var(--gold-light);line-height:1.3}.learn-feedback{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:480px}.learn-example{font-family:var(--serif-cn);font-size:17px;color:var(--fg);line-height:1.6;text-align:center;margin:0}.learn-next-btn{padding:12px 26px;background:var(--charcoal);color:var(--cream);border:none;font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:background .2s}.learn-next-btn:hover,html.dark .learn-next-btn{background:var(--gold);color:#1a1612}html.dark .learn-next-btn:hover{background:var(--gold-light)}.learn-progress{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft);font-family:var(--sans)}.learn-progress-count span{font-family:var(--serif);font-style:italic;font-size:18px;letter-spacing:0;text-transform:none;color:var(--gold)}.learn-dots{display:inline-flex;align-items:center;gap:6px}.learn-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--gold);background:transparent;transition:background .2s}.learn-dot.on{background:var(--gold)}.learn-prompt-card{position:relative;width:100%;max-width:480px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:44px 32px 36px;text-align:center;background:var(--bg-alt);border:1px solid var(--line);border-radius:3px}.learn-prompt-tag{position:absolute;top:16px;left:18px;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(139,105,20,.3);padding:3px 9px;border-radius:1px;max-width:calc(100% - 36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}html.dark .learn-prompt-tag{border-color:rgba(201,168,76,.3)}.learn-prompt-q{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.learn-ru-prompt{font-family:var(--serif);font-size:clamp(26px,4.5vw,38px);color:var(--fg);line-height:1.25}.learn-cn-options .test-option{font-family:var(--serif-cn);font-size:30px;font-weight:600;color:var(--fg);justify-content:center;gap:10px;padding:18px 16px}.learn-cn-options .test-option .opt-icon{font-family:var(--sans);font-size:16px}.learn-write{display:flex;gap:10px;width:100%;max-width:480px}.learn-write-input{flex:1;padding:14px 18px;font-size:18px;font-family:var(--serif);font-style:italic;border:1px solid rgba(42,37,32,.2);background:var(--bg);color:var(--fg);border-radius:2px;outline:none;transition:all .2s}html.dark .learn-write-input{border-color:hsla(41,35%,91%,.18)}.learn-write-input::placeholder{color:var(--fg-soft);opacity:.7}.learn-write-input:focus{border-color:var(--gold)}.learn-write-input.correct{border-color:var(--gold);background:rgba(201,168,76,.12);color:var(--gold)}.learn-write-input.wrong{border-color:var(--cinnabar);background:rgba(139,32,32,.06);color:var(--cinnabar)}.learn-write-input:disabled{opacity:1}.learn-write-submit{padding:14px 22px;background:var(--charcoal);color:var(--cream);border:none;font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;white-space:nowrap;transition:background .2s}.learn-write-submit:hover,html.dark .learn-write-submit{background:var(--gold);color:#1a1612}html.dark .learn-write-submit:hover{background:var(--gold-light)}.learn-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:480px;text-align:center}.learn-reveal-cn{font-family:var(--serif-cn);font-size:44px;font-weight:600;color:var(--gold);line-height:1}.learn-reveal-py{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--fg)}.learn-reveal-ex{font-family:var(--serif-cn);font-size:16px;color:var(--fg-soft);line-height:1.6;margin-top:2px}.learn-override{margin-top:4px;background:none;border:1px solid rgba(201,168,76,.45);color:var(--gold);font-family:var(--sans);font-size:12px;letter-spacing:.06em;padding:8px 16px;border-radius:2px;transition:all .18s}.learn-override:hover{background:rgba(201,168,76,.1);border-color:var(--gold)}.learn-write-input.pinyin{font-family:var(--sans);font-style:normal;letter-spacing:.02em}.learn-reveal-ru{font-family:var(--serif);font-size:clamp(22px,4vw,30px);color:var(--gold);line-height:1.3}.learn-reveal-py-mark{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--fg-soft)}.learn-tonehelp{position:relative;align-self:flex-start}.learn-tonehelp-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed rgba(139,105,20,.5);color:var(--gold);font-family:var(--sans);font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:2px;transition:all .18s}.learn-tonehelp-btn span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid;font-size:11px;font-weight:600}.learn-tonehelp-btn:hover{background:rgba(201,168,76,.08);border-color:var(--gold)}.learn-tonehelp-pop{position:absolute;bottom:calc(100% + 8px);top:auto;left:0;z-index:60;width:280px;max-width:80vw;text-align:left;background:var(--bg);border:1px solid var(--line);box-shadow:0 16px 32px rgba(42,37,32,.16);border-radius:3px;padding:14px 16px}html.dark .learn-tonehelp-pop{box-shadow:0 16px 32px rgba(0,0,0,.4)}.learn-tonehelp-title{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-soft);margin-bottom:10px}.learn-tonehelp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.learn-tonehelp-list li{display:flex;align-items:baseline;gap:8px;font-family:var(--sans);font-size:13px;color:var(--fg);line-height:1.3}.learn-tonehelp-list li b{flex-shrink:0;width:16px;text-align:center;color:var(--gold);font-weight:700}.learn-tonehelp-list li span{margin-left:auto;font-family:var(--serif);font-style:italic;color:var(--gold);white-space:nowrap}.learn-tonehelp-ex{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-family:var(--sans);font-size:12px;color:var(--fg-soft)}.learn-tonehelp-ex code{font-family:var(--sans);color:var(--gold);background:rgba(201,168,76,.1);padding:1px 6px;border-radius:2px;margin:0 1px}.learn-fill-sentence{font-family:var(--serif-cn);font-size:clamp(24px,4.4vw,32px);color:var(--fg);line-height:1.7;font-weight:600}.learn-blank{display:inline-block;min-width:1.4em;margin:0 .12em;color:var(--gold);border-bottom:2px solid var(--gold);letter-spacing:.04em}.learn-fill-answer{color:var(--gold);font-weight:700}.learn-fill-hint-btn{margin-top:16px;background:none;border:1px solid var(--line-strong,rgba(0,0,0,.15));border-radius:999px;padding:7px 16px;font-family:var(--sans);font-size:13px;color:var(--fg-soft);cursor:pointer;transition:all .2s}.learn-fill-hint-btn:hover{border-color:var(--gold);color:var(--gold)}.learn-fill-hint{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-strong,rgba(0,0,0,.15));display:flex;flex-direction:column;gap:6px}.learn-fill-hint-py{font-family:var(--sans);font-size:16px;letter-spacing:.01em;color:var(--fg-soft)}.learn-fill-hint-ru{font-size:15px}.learn-fill-hint-ru,.learn-fill-ru{font-family:var(--serif);font-style:italic;color:var(--fg-soft)}.learn-fill-ru{font-size:16px}.kbd-hints{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.1em;color:var(--fg-soft);display:flex;gap:16px;white-space:nowrap;pointer-events:none}.kbd-hints kbd{background:var(--bg-alt);border:solid var(--line);border-width:1px 1px 2px;padding:1px 6px;font-family:var(--sans);font-size:10px;border-radius:2px}.test-config{gap:24px;width:100%;max-width:560px;text-align:center}.test-config,.test-config-head{display:flex;flex-direction:column;align-items:center}.test-config-head{gap:8px}.test-config-glyph{font-family:var(--serif-cn);font-size:48px;font-weight:600;color:var(--gold);line-height:1;border:1px solid rgba(139,105,20,.3);padding:8px 16px;border-radius:2px}html.dark .test-config-glyph{border-color:rgba(201,168,76,.3)}.test-config-title{font-family:var(--serif);font-size:clamp(26px,4vw,34px);font-weight:500;color:var(--fg);margin:0}.test-config-sub{font-family:var(--sans);font-size:14px;color:var(--fg-soft);margin:0}.test-config-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.test-config-label{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.test-seg{display:inline-flex;flex-wrap:wrap;justify-content:center;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--bg-alt)}.test-seg-btn{background:none;border:none;cursor:pointer;white-space:nowrap;font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:var(--fg-soft);padding:10px 18px;transition:all .15s}.test-seg-btn+.test-seg-btn{border-left:1px solid var(--line)}.test-seg-btn:hover:not(:disabled){color:var(--fg)}.test-seg-btn.active{background:var(--charcoal);color:var(--cream)}html.dark .test-seg-btn.active{background:var(--gold);color:#1a1612}.test-seg-btn:disabled{opacity:.35;cursor:not-allowed}.test-toggles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.test-toggle{background:var(--bg-alt);border:1px solid var(--line);border-radius:2px;font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:var(--fg-soft);padding:10px 18px;transition:all .18s}.test-toggle:hover{border-color:var(--gold);color:var(--fg)}.test-toggle.on{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.1)}.test-start{margin-top:4px;padding:14px 36px;background:var(--charcoal);color:var(--cream);border:1px solid var(--charcoal);font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;transition:all .2s}.test-start:hover,html.dark .test-start{background:var(--gold);border-color:var(--gold);color:#1a1612}html.dark .test-start:hover{background:var(--gold-light);border-color:var(--gold-light)}.test-run{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%}.test-run-head{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.test-question{position:relative;width:100%;max-width:480px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 32px;text-align:center;background:var(--bg-alt);border:1px solid var(--line);border-radius:3px}.test-q-label{position:absolute;top:18px;left:0;right:0;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.test-q-cn{font-family:var(--serif-cn);font-size:clamp(52px,10vw,84px);font-weight:600;color:var(--fg);line-height:1}.test-q-ru{font-family:var(--serif);font-size:clamp(26px,4.5vw,38px);color:var(--fg);line-height:1.25}.test-q-tf-candidate{font-family:var(--serif);font-style:italic;font-size:clamp(20px,3.5vw,26px);color:var(--gold);line-height:1.3;padding-top:4px;border-top:1px dashed var(--line);width:100%;margin-top:4px}.test-option.selected{border-color:var(--gold);background:rgba(201,168,76,.12);color:var(--fg)}.test-option.selected:hover{background:rgba(201,168,76,.16)}.test-tf{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px}.test-tf-btn{padding:16px 20px;border:1px solid var(--line);background:var(--bg);font-family:var(--sans);font-size:15px;letter-spacing:.06em;color:var(--fg-soft);border-radius:2px;transition:all .18s}.test-tf-btn:hover{border-color:var(--gold);color:var(--fg)}.test-tf-btn.yes.selected{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.12)}.test-tf-btn.no.selected{border-color:var(--cinnabar);color:var(--cinnabar);background:rgba(139,32,32,.07)}.test-run-nav{display:flex;gap:12px;width:100%;max-width:480px;align-items:center}.test-run-nav .btn-ghost,.test-run-nav .btn-primary{padding:13px 20px;flex-shrink:0}.test-finish-early{flex:1;background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);border-bottom:1px dashed var(--line);padding:6px 4px;transition:color .15s}.test-finish-early:hover{color:var(--cinnabar);border-bottom-color:var(--cinnabar)}.test-run-nav .btn-ghost:disabled{opacity:.35;pointer-events:none}.test-results{gap:22px;width:100%;max-width:560px}.test-results,.test-results-head{display:flex;flex-direction:column;align-items:center}.test-results-head{gap:4px}.test-results-score{font-family:var(--serif);font-size:clamp(44px,9vw,64px);color:var(--gold);line-height:1}.test-results-score span{color:var(--fg-soft);font-size:.55em}.test-results-pct{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft)}.test-results-list{width:100%;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:3px;padding:10px}.test-result-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:2px;border:1px solid var(--line);background:var(--bg-alt)}.test-result-row.ok{border-color:rgba(201,168,76,.3)}.test-result-row.bad{border-color:rgba(139,32,32,.25)}.test-result-mark{font-size:16px;line-height:1.4;flex-shrink:0}.test-result-row.ok .test-result-mark{color:var(--gold)}.test-result-row.bad .test-result-mark{color:var(--cinnabar)}.test-result-body{flex:1;text-align:left;min-width:0}.test-result-word{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.trw-cn{font-family:var(--serif-cn);font-size:22px;font-weight:600;color:var(--fg)}.trw-py{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--gold)}.trw-ru{color:var(--fg-soft)}.test-result-ans,.trw-ru{font-family:var(--sans);font-size:13px}.test-result-ans{display:flex;flex-direction:column;gap:2px;margin-top:4px}.tra-yours{color:var(--fg-soft)}.test-result-row.bad .tra-yours{color:var(--cinnabar)}.tra-correct{color:var(--gold)}.test-results-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width:768px){.session-header{padding:0 12px;height:52px;gap:8px}.header-back{display:none}.header-center{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.header-center::-webkit-scrollbar{display:none}.main-area{padding:24px 14px;gap:20px}.card-back,.card-face{padding:32px 22px}.card-cn{font-size:clamp(48px,15vw,72px)}.card-nav,.srs-nav{flex-direction:column}.test-options{grid-template-columns:1fr}.test-run-nav{flex-wrap:wrap}.test-q-cn{font-size:clamp(44px,14vw,72px)}.match-grid{gap:8px}.kbd-hints{display:none}.session-progress-label{font-size:13px}.mode-seg-btn{padding:5px 9px;font-size:11px}.btn-end{padding:5px 10px;font-size:11px}.header-right{gap:8px}.theme-btn{display:none}}.learn-prompt-loading{opacity:.65}.study-confirm-overlay{position:fixed;inset:0;background:rgba(42,37,32,.6);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.study-confirm{background:var(--bg-alt);border:1px solid var(--line-strong);max-width:400px;width:100%;padding:36px 32px;text-align:center}.study-confirm-cn{font-family:var(--serif-cn);font-size:52px;color:var(--gold);line-height:1;margin-bottom:12px}.study-confirm h3{font-family:var(--serif);font-size:24px;color:var(--fg);margin:0 0 8px}.study-confirm p{font-family:var(--sans);font-size:14px;color:var(--fg-soft);margin:0 0 24px;line-height:1.5}.study-confirm-actions{display:flex;gap:12px;justify-content:center}.blitz-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:560px;font-family:var(--sans);font-size:14px;color:var(--fg-soft)}.blitz-score b{color:var(--fg);font-size:18px}.blitz-time{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--gold);min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.blitz-time.low{color:var(--cinnabar)}.blitz-prompt-ru{font-family:var(--serif);font-size:clamp(24px,5vw,36px);color:var(--cream);line-height:1.3;text-align:center;padding:0 16px}.blitz-cn-options .test-option{font-family:var(--serif-cn);font-size:22px}.complete-best{margin-top:4px;text-align:center}.complete-best-title{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft);margin-bottom:8px}.complete-best-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.complete-best-item{font-family:var(--sans);font-size:13px;color:var(--fg-soft);padding:6px 12px;border:1px solid var(--line-strong);border-radius:20px}.complete-best-item b{color:var(--fg);font-size:15px}.complete-best-item.top{border-color:var(--gold)}.complete-best-item.top b{color:var(--gold)}.learn-listen-card{position:relative;width:100%;max-width:440px;min-height:240px;background:var(--charcoal);border:1px solid rgba(201,168,76,.2);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:56px 28px 32px;text-align:center}.learn-listen-card .card-topic-tag{top:18px;left:20px}.learn-listen-label{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.5)}.learn-listen-btn{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.35);color:var(--gold-light);cursor:pointer;transition:all .18s}.learn-listen-btn:hover{background:rgba(201,168,76,.2);transform:scale(1.04)}.learn-listen-btn:active{transform:scale(.96)}.learn-listen-btn svg{width:42px;height:42px}.learn-listen-hint{font-family:var(--sans);font-size:11px;letter-spacing:.08em;color:hsla(41,35%,91%,.45)}.learn-listen-skip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:11px 18px;border:1px solid rgba(201,168,76,.55);border-radius:2px;background:rgba(201,168,76,.08);color:var(--gold-light);cursor:pointer;font:12px/1.35 var(--sans);letter-spacing:.04em;transition:background .18s,border-color .18s,color .18s,transform .18s}.learn-listen-skip:hover{background:var(--gold);border-color:var(--gold);color:#1a1612}.learn-listen-skip:active{transform:translateY(1px)}.learn-listen-skip:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.learn-listen-reveal{display:flex;flex-direction:column;align-items:center;gap:4px}.learn-listen-cn{font-family:var(--serif-cn);font-size:36px;color:var(--cream);line-height:1}.learn-listen-py{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold-light)}