:root{--paper: #f7f4ee;--paper-2: #fffdf8;--surface: #ffffff;--surface-2: #eef0f5;--ink: #29251f;--ink-2: #5a5142;--muted: #8a8377;--muted-2: #bfb8ae;--line: #e4ddd0;--navy: #444f66;--navy-hover: #3a4459;--on-navy: #ffffff;--accent: #af3535;--accent-soft: #f6efc3;--learned: #89a193;--learned-bg: #e8f7ee;--learned-line: #89a193;--learning: #6178aa;--learning-bg: #e8f0ff;--learning-line: #6178aa;--unknown: #a8a297;--unknown-bg: #efece6;--unknown-line: #c2bdb4;--title-font: "Noto Serif", "Noto Serif SC", serif;--shadow: 0 1px 2px rgba(40, 35, 25, .06), 0 6px 18px -10px rgba(40, 35, 25, .18);--pinyin-font: "Noto Sans", "Hanken Grotesk", system-ui, sans-serif;--hanzi-font: "Noto Sans SC", "Microsoft YaHei", sans-serif;--sidebar-w: 280px;--topbar-h: 54px;--results-glass: rgba(255, 253, 248, .5);--question: var(--accent)}:root.dark{--paper: #1e1e1e;--paper-2: #252526;--surface: #2f2f33;--surface-2: #1b1b1d;--ink: #e6e4e1;--ink-2: #c9c5bd;--muted: #94918b;--muted-2: #5f5f66;--line: #3a3a3f;--navy: #6d82ad;--navy-hover: #7d92bd;--on-navy: #ffffff;--accent: #d97b76;--accent-soft: #3b3628;--learned: #8fb89f;--learned-bg: #24332a;--learned-line: #4e6d59;--learning: #7f96c4;--learning-bg: #262f47;--learning-line: #4a5c80;--unknown: #8e8a82;--unknown-bg: #2a2a2b;--unknown-line: #4a4a4c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px -10px rgba(0, 0, 0, .55);--results-glass: rgba(37, 37, 38, .6);--question: #f1c232}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{height:100%;overflow:hidden;font-family:Hanken Grotesk,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"logo search" "sidebar main"}.logo-cell{grid-area:logo;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--paper-2);border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);overflow:hidden}.logo-cell h1{font-family:var(--title-font);font-weight:700;font-size:20px;line-height:1;white-space:nowrap}.logo-cell h1 .hz-a{color:var(--accent)}.logo-cell h1 .hz-b{color:var(--ink)}.logo-cell .brand-py{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.search-cell{grid-area:search;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--paper-2);border-bottom:1.5px solid var(--line);box-shadow:0 1px 4px #28231908;position:relative;z-index:10}.search-container{flex:1;display:flex;align-items:center;gap:8px;position:relative;margin-right:16px;min-width:0}.search-container input{flex:1;min-width:0;height:36px;padding:0 14px 0 36px;font-size:14px;font-family:var(--hanzi-font),"Hanken Grotesk",system-ui,sans-serif;border:1.5px solid var(--line);border-radius:10px;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8377' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat 11px center;color:var(--ink);outline:none;transition:all .15s ease}.search-container input:focus{border-color:var(--navy);background-color:var(--surface)}.search-clear{flex-shrink:0;height:36px;padding:0 16px;font-size:12px;font-weight:700;font-family:inherit;border-radius:9px;cursor:pointer;background:var(--surface);color:var(--muted);border:1.5px solid var(--line);transition:border-color .15s;display:none}@media (hover: hover){.search-clear:hover{border-color:var(--accent)}}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:360px;overflow-y:auto;background:var(--results-glass);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px 10px;z-index:100;display:none;grid-template-columns:max-content max-content 1fr max-content max-content;column-gap:16px;align-content:start}.search-result-item{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .12s}.search-no-match{grid-column:1 / -1}@media (hover: hover){.search-result-item:hover{background:var(--accent-soft)}}.search-result-item:focus{background:var(--accent-soft);outline:none}.search-result-word{font-family:var(--hanzi-font);font-size:24px;text-align:left;line-height:1;white-space:nowrap}.search-result-pinyin{font-family:var(--pinyin-font);font-size:15px;font-weight:600;color:var(--muted);text-align:left;white-space:nowrap}.search-result-meaning{font-size:12.5px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-lesson,.search-result-pos{font-size:10px;color:var(--muted-2);white-space:nowrap;text-align:left}.utilities{display:flex;align-items:center;gap:8px}.utility-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--muted);border:1.5px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s ease}.utility-btn:hover{border-color:var(--navy);color:var(--navy)}#theme-toggle .icon-sun{display:none}:root.dark #theme-toggle .icon-moon{display:none}:root.dark #theme-toggle .icon-sun{display:block}.sidebar{grid-area:sidebar;background:var(--paper-2);border-right:1.5px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.sb-section{padding:16px;border-bottom:1.5px solid var(--line);flex-shrink:0;transition:padding .2s ease}.sb-section:last-child{border-bottom:none}.sb-label{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:0;padding-bottom:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.sb-label:after{content:"";display:block;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s ease;margin-right:4px}.sb-body{max-height:1000px;opacity:1;transition:max-height .25s cubic-bezier(0,1,0,1),opacity .2s ease,padding .2s ease;overflow:hidden;padding:4px;margin:-4px}.sb-section.collapsed{padding-bottom:0;flex:none!important;height:auto!important}.sb-section.collapsed .sb-label:after{transform:rotate(-135deg)}.sb-section.collapsed .sb-body{max-height:0!important;opacity:0;padding:0!important;margin:0;overflow:hidden;flex:none!important}.stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.stat-card{padding:8px 6px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-align:center;box-shadow:var(--shadow);transition:transform .2s ease}.stat-card:hover{transform:translateY(-1px)}.stat-card .num{font-family:var(--title-font);font-weight:900;font-size:22px;line-height:1;margin-bottom:4px}.stat-card .lbl{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;color:var(--muted)}.stat-card.l .num{color:var(--learned)}.stat-card.g .num{color:var(--learning)}.stat-card.n .num{color:var(--ink-2)}.stat-card.t .num{color:var(--navy)}.quiz-seg{display:flex;background:var(--surface-2);border-radius:8px;padding:3px}.q-type{flex:1;border:none;background:none;font-family:inherit;font-size:10.5px;font-weight:700;color:var(--muted);padding:5px 3px;border-radius:6px;cursor:pointer;transition:all .12s;text-align:center;white-space:nowrap}@media (hover: hover){.q-type:hover:not(.active){color:var(--ink)}}.q-type.active{background:var(--surface);box-shadow:0 1px 3px #2823191a}.q-type[data-state=learned].active{color:var(--learned)}.q-type[data-state=learning].active{color:var(--learning)}.q-type[data-state=unknown].active{color:var(--navy)}.start-btn{width:100%;height:32px;border:none;border-radius:8px;background:var(--navy);color:var(--on-navy);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;transition:background .12s,transform .08s;box-shadow:0 2px 6px #444f6638}@media (hover: hover){.start-btn:hover{background:var(--navy-hover);transform:translateY(-1px)}}.start-btn:active{transform:translateY(0)}.session-btns{display:flex;gap:8px}.session-btn{flex:1;height:32px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-family:inherit;font-size:11.5px;font-weight:700;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .12s}@media (hover: hover){.session-btn:hover{border-color:var(--navy);color:var(--navy)}.session-btn-reset:hover{border-color:var(--accent);color:var(--accent)}}.quiz-feedback{margin-top:14px;font-size:12.5px;font-weight:700;min-height:18px}.sb-status{font-size:12px;font-weight:600;color:var(--learned);display:block;max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:opacity .2s,max-height .2s,margin-top .2s}.sb-status.show{max-height:40px;opacity:1;margin-top:6px}.lesson-list-container{flex:1;overflow-y:auto}.lesson-progress{display:flex;height:3px;border-radius:2px;overflow:hidden;background:var(--surface-2);margin-top:5px}.lesson-progress .lp-learned{background:var(--learned)}.lesson-progress .lp-learning{background:var(--learning)}.lesson-item{display:flex;align-items:center;padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--line);transition:all .15s ease;text-align:left}.lesson-item:hover{background-color:var(--paper)}.lesson-item.active{background-color:var(--navy);color:var(--on-navy)}.lesson-item-number{font-family:var(--title-font);font-size:16px;font-weight:700;margin-right:12px;width:24px;text-align:right;opacity:.7;position:relative;top:-4px}.lesson-item.active .lesson-item-number{opacity:1}.lesson-item-title-wrap{flex:1;min-width:0}.lesson-item-title{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-item-subtitle{font-size:10.5px;opacity:.6}.main-area{grid-area:main;display:flex;flex-direction:column;overflow:hidden}.main-header{padding:16px 24px 12px;background:var(--paper-2);border-bottom:1.5px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.lesson-info h2{font-family:var(--title-font);font-size:22px;font-weight:700}.lesson-info p{font-size:12px;color:var(--muted);font-weight:500}.tabs-nav{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:8px}.tab-btn{padding:8px 16px;background:none;border:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;border-radius:6px;transition:all .15s ease}.tab-btn:hover{color:var(--ink)}.tab-btn.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #0000000d}.tab-content-container{flex:1;overflow:hidden;position:relative}.tab-panel{display:none;height:100%;width:100%;overflow-y:auto;padding:24px}.tab-panel.active{display:block}.pdf-tab-layout{display:flex;flex-direction:column;height:100%;gap:16px;padding:16px}.pdf-control-bar{background:var(--paper-2);border:1.5px solid var(--line);border-radius:10px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.audio-controls{display:flex;align-items:center;gap:12px}.audio-select{padding:6px 10px;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:12px;outline:none}.audio-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--navy);color:var(--on-navy);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.audio-btn:hover{background-color:var(--navy-hover)}.audio-timeline-wrap{flex:1;display:flex;align-items:center;gap:8px;margin:0 16px;min-width:120px}.audio-time{font-size:11px;color:var(--muted);width:36px;text-align:center}.audio-progress{flex:1;height:6px;border-radius:3px;background:var(--line);position:relative;cursor:pointer}.audio-progress-bar{height:100%;border-radius:3px;background:var(--navy);width:0%}.audio-speed{padding:4px 8px;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.pdf-iframe-container{flex:1;background:var(--surface-2);border:1.5px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.pdf-iframe-container iframe{width:100%;height:100%;border:none}body.cards-m{--card-h: 152px;--card-minw: 215px;--card-gap: 14px;--card-pad: 14px}body.cards-s{--card-h: 132px;--card-minw: 190px;--card-gap: 10px;--card-pad: 10px}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-minw, 260px),1fr));gap:var(--card-gap, 20px)}.card-container{height:calc(var(--card-h, 180px) * max(1,var(--hzoom, 1)));perspective:1000px;cursor:pointer}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:var(--shadow)}.card-container.flipped .flashcard{transform:rotateY(180deg)}.card-container.found{z-index:6;position:relative}.card-container.found .flashcard{animation:found 2.2s ease forwards}@keyframes found{0%{box-shadow:0 0 #af353500}10%{box-shadow:0 0 0 4px var(--accent),0 8px 22px -4px #af35358c;transform:translateY(-3px) scale(1.03)}75%{box-shadow:0 0 0 4px var(--accent),0 8px 22px -4px #af35358c;transform:translateY(-3px) scale(1.03)}to{box-shadow:0 0 #af353500}}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;border:1.5px solid var(--line);padding:var(--card-pad, 16px);display:flex;flex-direction:column;justify-content:space-between;background:var(--surface)}.card-front{z-index:2;align-items:center;justify-content:center}.card-front .word-hanzi{font-family:var(--pref-hanzi-font),var(--hanzi-font),sans-serif;font-size:calc(36px * var(--hzoom, 1) * var(--chzoom, 1));font-weight:700;color:var(--ink);max-width:100%;line-height:1.15}.card-front .word-pinyin-peek{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:13px;color:var(--muted);opacity:0;transition:opacity .2s}body.py-hint .card-container:hover .card-front .word-pinyin-peek{opacity:.6}body.show-states .card-container.st-learned .card-front{background:var(--learned-bg);border-color:var(--learned-line)}body.show-states .card-container.st-learning .card-front{background:var(--learning-bg);border-color:var(--learning-line)}.card-back{transform:rotateY(180deg);background:var(--paper-2)}.card-header-back{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.word-details{display:flex;flex-direction:column}.word-details .hanzi-sm{font-family:var(--title-font);font-size:calc(20px * var(--hzoom, 1));font-weight:700}.word-details .pinyin-sm{font-family:var(--pinyin-font);font-size:13px;color:var(--navy);font-weight:600}.word-pos{font-size:11px;font-weight:700;color:var(--muted);background:var(--line);padding:2px 6px;border-radius:4px}.word-meaning{flex:1;display:flex;align-items:center;font-size:14px;line-height:1.4;margin:12px 0;color:var(--ink)}body.cards-m .card-back .word-meaning,body.cards-s .card-back .word-meaning{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0}body.cards-m .card-back .word-meaning{-webkit-line-clamp:3}body.cards-s .card-back .word-meaning{-webkit-line-clamp:2}.word-meaning.truncated{cursor:zoom-in}.card-back.full-text .word-meaning{cursor:zoom-out}.card-back.full-text .card-header-back,.card-back.full-text .card-actions{display:none!important}.card-back.full-text .word-meaning,body.cards-m .card-back.full-text .word-meaning,body.cards-s .card-back.full-text .word-meaning{display:block;-webkit-line-clamp:unset;overflow-y:auto;flex:1;margin:0}.card-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.card-speak-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.card-speak-btn:hover{color:var(--navy)}.card-state-switcher{display:flex;gap:4px}.state-dot-btn{width:28px;height:20px;border-radius:7px;border:1.5px dashed var(--line);cursor:pointer;position:relative;background:transparent;transition:all .12s}.state-dot-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--muted-2);transition:background .12s}@media (hover: hover){.state-dot-btn:not(.active):hover{border-color:var(--muted)}}.state-dot-btn.active{border-style:solid}.state-dot-btn.l.active{background:var(--learned-bg);border-color:var(--learned)}.state-dot-btn.g.active{background:var(--learning-bg);border-color:var(--learning)}.state-dot-btn.n.active{background:transparent;border-color:var(--muted)}.state-dot-btn.l.active:after{background:var(--learned)}.state-dot-btn.g.active:after{background:var(--learning)}.state-dot-btn.n.active:after{background:var(--muted)}.wb-md{white-space:normal;line-height:1.7}.wb-md .wbmd-title{font-family:var(--title-font);font-size:1.35em;font-weight:700;color:var(--ink)}.wb-md .wbmd-title-en{font-size:.95em;color:var(--muted);margin-bottom:14px}.wb-md .wbmd-h2{font-family:var(--title-font);font-size:1.25em;font-weight:700;color:var(--navy);border-bottom:1.5px solid var(--line);padding-bottom:6px;margin:22px 0 10px}.wb-md .wbmd-part{display:inline-block;font-size:.85em;font-weight:700;color:var(--navy);background:var(--surface-2);border-radius:999px;padding:3px 12px;margin:14px 0 6px}.wb-md .wbmd-inst{font-weight:700;margin-top:6px}.wb-md .wbmd-inst-en{font-size:.9em;color:var(--muted);font-style:italic;margin-bottom:8px}.wb-md .wbmd-ex{color:var(--muted);background:var(--surface-2);border-radius:6px;padding:2px 8px;margin:8px 0 2px}.wb-md .wbmd-star{display:flex;gap:8px;align-items:baseline;background:var(--accent-soft);border-radius:6px;padding:2px 8px 2px 0;margin:2px 0 8px 32px;font-weight:600;width:fit-content}.wb-md .starlbl{flex:0 0 34px;text-align:center}.wb-md .wbmd-q{display:flex;gap:8px;align-items:baseline;color:var(--question);opacity:.85;font-weight:700;margin:0 0 8px 32px}.wb-md .qlbl{flex:0 0 34px;text-align:center}.wb-md .wbmd-dlg{display:flex;gap:8px;align-items:baseline;margin-left:32px}.wb-md .wbmd-item .wbmd-dlg{margin-left:0;display:flex;flex:1}.wb-md .spk{flex:0 0 34px;box-sizing:border-box;text-align:center;font-weight:700;padding:0 4px}.wb-md .spk.m{color:var(--learning)}.wb-md .spk.f{color:var(--accent)}.wb-md .wbmd-item{display:flex;gap:8px;align-items:baseline;margin-top:8px}.wb-md .wbmd-item .inum{flex:0 0 24px;min-width:0;text-align:right;font-weight:800;color:var(--navy)}.wb-md .wbmd-p{margin:2px 0 2px 32px}.wb-md .wbmd-ans{flex-shrink:0;font-weight:800;color:var(--learned);display:none}body.wb-answers #workbook-md-panel .wbmd-ans,#answers-panel .wbmd-ans{display:inline-block}body.wb-simple .wb-md:not(.tbmd) .spk{background:transparent;color:var(--muted)}body.wb-simple .wb-md:not(.tbmd) .wbmd-q,body.wb-simple .wb-md:not(.tbmd) .wbmd-q .qlbl{color:var(--ink-2);font-weight:600}body.wb-simple .wb-md:not(.tbmd) .wbmd-star{background:transparent;font-weight:500}body.wb-simple .wb-md:not(.tbmd) .wbmd-ex{background:transparent;padding-left:0;padding-right:0}body.wb-simple .wb-md:not(.tbmd) .wbmd-item .inum{color:var(--muted)}body.wb-simple .wb-md:not(.tbmd) .wbmd-part{background:transparent;color:var(--muted);padding-left:0;padding-right:0}body.wb-simple .wb-md:not(.tbmd) .wbmd-h2{color:var(--ink)}.tbmd .tbmd-key{font-weight:800;color:var(--learned)}.tbmd .tbmd-fill{color:var(--learned);font-weight:600;border-bottom:2px solid var(--learned-line)}body.tb-simple .tbmd .spk{background:transparent;color:var(--muted)}body.tb-simple .tbmd .wbmd-item .inum{color:var(--muted)}body.tb-simple .tbmd .wbmd-h2{color:var(--ink)}body.tb-simple .tbmd .tbmd-key{color:var(--ink-2)}body.tb-simple .tbmd .tbmd-fill{color:inherit;font-weight:inherit;border-bottom-color:var(--line)}body:not(.tb-answers) .tbmd .tbmd-fill,body:not(.tb-answers) .tbmd .tbmd-key{color:transparent;border-bottom:2px solid var(--learned-line);-webkit-user-select:none;user-select:none}body:not(.tb-answers) .tbmd .tbmd-key{display:inline-block;transform:translateY(-5px)}body.tb-simple:not(.tb-answers) .tbmd .tbmd-fill,body.tb-simple:not(.tb-answers) .tbmd .tbmd-key{border-bottom-color:var(--line)}body.tb-hard:not(.tb-answers) .tbmd .tbmd-fill,body.tb-hard:not(.tb-answers) .tbmd .tbmd-key{display:inline-block;width:4em;overflow:hidden;vertical-align:bottom}.mdsec>.wbmd-h2,.mdsec>.wbmd-part,.mdsec>.answers-section-header{cursor:pointer;-webkit-user-select:none;user-select:none}.mdsec>.wbmd-h2:after,.mdsec>.wbmd-part:after,.mdsec>.answers-section-header:after{content:"▾";display:inline-block;margin-left:8px;font-size:.75em;color:var(--muted);transition:transform .15s ease}.mdsec.collapsed>.wbmd-h2:after,.mdsec.collapsed>.wbmd-part:after,.mdsec.collapsed>.answers-section-header:after{transform:rotate(-90deg)}.mdsec.collapsed>.mdsec-body{display:none}.wb-md .wbmd-answers{margin-top:26px;border:1.5px solid var(--learned-line);background:var(--learned-bg);border-radius:10px;padding:12px 16px}.wb-md .wbmd-answers-head{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--learned);cursor:pointer;-webkit-user-select:none;user-select:none}.wb-md .wbmd-answers-head kbd{font-family:var(--pinyin-font);font-size:.7em;font-weight:700;color:var(--learned);background:var(--surface);border:1px solid var(--learned-line);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.wb-md .wbmd-answers-hint{color:var(--muted);font-size:.9em;margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.wb-md .wbmd-key{font-weight:700;letter-spacing:.06em}#workbook-md-panel .wbmd-answers-body{display:none;margin-top:8px}body.wb-answers #workbook-md-panel .wbmd-answers-body{display:block}body.wb-answers #workbook-md-panel .wbmd-answers-hint{display:none}#answers-panel .wbmd-answers-body{margin-top:8px}#answers-panel .wbmd-answers-hint,#answers-panel .wbmd-answers-head kbd{display:none}.answers-layout{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.answers-section{background:var(--surface);border:1.5px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.answers-section-header{padding:14px 20px;background:var(--paper-2);border-bottom:1.5px solid var(--line);font-family:var(--title-font);font-size:16px;font-weight:700;color:var(--navy)}.answers-body{padding:20px;font-size:calc(14px * var(--hzoom, 1));line-height:1.6;white-space:pre-wrap;font-family:var(--hanzi-font),"Hanken Grotesk",sans-serif;color:var(--ink);max-height:600px;overflow-y:auto}.quiz-container{max-width:600px;margin:0 auto;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:30px;text-align:center}.quiz-start-screen h3{font-family:var(--title-font);font-size:20px;margin-bottom:10px}.quiz-start-screen p{font-size:13px;color:var(--muted);margin-bottom:24px}.quiz-btn{padding:10px 24px;background:var(--navy);color:var(--on-navy);border:none;border-radius:8px;font-family:inherit;font-weight:700;cursor:pointer;font-size:14px;transition:background-color .15s}.quiz-btn:hover{background-color:var(--navy-hover)}.quiz-progress-bar-wrap{width:100%;height:6px;background:var(--line);border-radius:3px;margin-bottom:20px}.quiz-progress-bar{height:100%;background:var(--navy);border-radius:3px;width:0%;transition:width .3s}.quiz-stats-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:20px}.quiz-question-card{margin:30px 0}.quiz-question-prompt{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.quiz-question-word{font-family:var(--title-font);font-size:calc(63px * var(--hzoom, 1));font-weight:700;margin-bottom:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.quiz-opt-py{color:var(--muted);font-size:11px;display:none}body.quiz-py .quiz-opt-py{display:inline}.quiz-options-list{display:grid;grid-template-columns:1fr;gap:12px}.quiz-option-btn{padding:14px 20px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s ease;display:flex;align-items:center}.quiz-option-btn:hover{border-color:var(--navy);background-color:var(--paper)}.quiz-option-btn.correct{border-color:var(--learned);background-color:transparent;color:var(--learned)}.quiz-option-btn.wrong{border-color:var(--accent);background-color:transparent;color:var(--accent)}.quiz-option-index{width:24px;height:24px;border-radius:50%;background:var(--line);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-right:12px}.quiz-option-btn.correct .quiz-option-index{background:var(--learned);color:var(--on-navy)}.quiz-option-btn.wrong .quiz-option-index{background:var(--accent);color:var(--on-navy)}.quiz-results-screen h3{font-family:var(--title-font);font-size:22px;margin-bottom:12px}.quiz-score-circle{width:100px;height:100px;border-radius:50%;border:5px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px auto}.quiz-score-circle.perfect{border-color:var(--learned);color:var(--learned)}.quiz-score-circle .score-num{font-size:28px;font-weight:700}.quiz-score-circle .score-lbl{font-size:10px;color:var(--muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}:root{--pref-hanzi-font: "Noto Sans SC", "Microsoft YaHei", sans-serif}.word-hanzi,.hanzi-sm,.search-result-word,.answers-body,.quiz-question-word,.hanzi-font-preview{font-family:var(--pref-hanzi-font),var(--hanzi-font),sans-serif}.app-ver{position:fixed;bottom:12px;right:14px;font-size:10px;font-weight:600;opacity:.6;color:var(--muted);z-index:150;pointer-events:none}.wb-zoom-indicator{position:fixed;right:16px;bottom:16px;z-index:180;background:var(--paper-2);border:1.5px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:10px 16px;font-size:13px;font-weight:800;color:var(--navy);pointer-events:none;display:none}.sb-nav-btn{position:fixed;left:12px;bottom:12px;z-index:150;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--paper-2);color:var(--muted);border:1.5px solid var(--line);border-radius:10px;box-shadow:var(--shadow);cursor:pointer;opacity:0;transform:translate(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,border-color .15s,color .15s}.sb-nav-btn.sb-nav-visible{opacity:1;transform:none;pointer-events:auto}.sb-nav-btn svg{fill:currentColor}@media (hover: hover){.sb-nav-btn:hover{border-color:var(--navy);color:var(--navy)}}.sb-nav-btn .icon-expand,body.sidebar-disabled .sb-nav-btn .icon-collapse{display:none}body.sidebar-disabled .sb-nav-btn .icon-expand{display:block}body.sidebar-disabled{grid-template-columns:0 1fr}body.sidebar-disabled .logo-cell,body.sidebar-disabled .sidebar,.sb-section.sb-section-hidden{display:none!important}.sb-grip{flex-shrink:0;display:inline-flex;align-items:center;color:var(--muted-2);cursor:grab;touch-action:none;padding:4px 2px;margin-left:-4px}@media (hover: hover){.sb-grip:hover{color:var(--navy)}}#pref-sb-order .set-ctl.dragging{opacity:.45;background:var(--surface-2);border-radius:8px}.set-ctl.set-disabled{opacity:.4;pointer-events:none;transition:opacity .2s ease}.card-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;line-height:1;font-family:inherit;z-index:5}@media (hover: hover){.card-close:hover{color:var(--accent)}}.size-ctl{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.size-ctl button{width:26px;height:26px;border-radius:7px;font-weight:800;cursor:pointer;font-family:inherit;font-size:14px;display:flex;align-items:center;justify-content:center;transition:border-color .1s;background:var(--surface);color:var(--ink-2);border:1.5px solid var(--line)}@media (hover: hover){.size-ctl button:hover{border-color:var(--navy)}}.size-ctl span{font-size:12px;font-weight:700;min-width:38px;text-align:center;color:var(--muted);cursor:pointer}.pref-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000026;display:flex;justify-content:flex-end;animation:qfade .2s ease}.pref-box{position:relative;width:100%;max-width:400px;height:100vh;height:100dvh;background:var(--paper-2);border-left:1.5px solid var(--line);box-shadow:-5px 0 30px #28231926;display:flex;flex-direction:column;animation:slideInRight .28s cubic-bezier(.16,1,.3,1)}.pref-header{flex-shrink:0;height:var(--topbar-h);display:flex;align-items:center;padding:0 22px;box-sizing:border-box;border-bottom:1.5px solid var(--line)}.pref-title{font-family:var(--title-font);font-weight:900;font-size:20px}.pref-scroll{flex:1;overflow-y:auto;padding:22px;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper-2)}.pref-scroll::-webkit-scrollbar{width:6px}.pref-scroll::-webkit-scrollbar-track{background:var(--paper-2)}.pref-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.pref-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin:24px 0 12px;padding-top:16px;border-top:1.5px solid var(--line)}.set-block{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.set-ctl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.set-label{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;color:var(--ink)}.set-label small{display:block;font-weight:500;color:var(--muted);font-size:11px;margin-top:1px}.hanzi-font-preview{font-size:26px;line-height:1.3;color:var(--ink);text-align:center;background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;margin:-2px 0 10px;height:68px;overflow:hidden;display:flex;align-items:center;justify-content:center}.pref-custom-select{position:relative;width:100%;flex-shrink:0}.pref-select-trigger{padding:6px 12px;background:var(--surface);border:1.5px solid var(--line);border-radius:8px;font:600 12px/1.3 Hanken Grotesk,system-ui,sans-serif;color:var(--ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;height:32px;box-sizing:border-box}.pref-select-trigger:focus{border-color:var(--navy)}.pref-select-arrow{font-size:9px;color:var(--muted);transition:transform .2s}.pref-custom-select.open .pref-select-arrow{transform:rotate(180deg)}.pref-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:250;margin-top:4px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:10px;box-shadow:0 10px 25px -5px #28231933;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;padding:4px 0}.pref-select-dropdown{background:#fffdf8e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root.dark .pref-select-dropdown{background:#1e1e1ee6}.pref-select-option{padding:8px 12px;font:400 13px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.pref-select-option:hover,.pref-select-option.highlighted{background:var(--surface-2);color:var(--navy)}.pref-select-option.selected{color:var(--on-navy);background:var(--navy)}.toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.sw{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--line);transition:.2s;border-radius:34px;border:1px solid var(--line)}.sw:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--surface);transition:.2s;border-radius:50%;box-shadow:0 1px 3px #00000026}.toggle input:checked+.sw{background-color:var(--navy);border-color:var(--navy)}.toggle input:checked+.sw:before{transform:translate(18px)}.card-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#23201b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:qfade .2s ease}.card-box{position:relative;width:100%;max-width:min(var(--fcw, 420px),92vw);max-height:88vh;max-height:88dvh;overflow:auto;background:var(--paper-2);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px -15px #2823198c;padding:24px 22px 20px;text-align:center;display:flex;flex-direction:column}.card-hz{font-family:var(--pref-hanzi-font),var(--hanzi-font),sans-serif;line-height:1;color:var(--ink);margin:0 0 10px;display:inline-block;align-self:center;cursor:zoom-in;user-select:none;-webkit-user-select:none}.hz-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#23201b59;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);pointer-events:none;animation:qfade .12s ease}.hz-zoom-char{font-family:var(--pref-hanzi-font),var(--hanzi-font),sans-serif;font-size:min(420px,calc(90vw / var(--zlen, 1)),85vh);line-height:1;white-space:nowrap;color:var(--ink);text-shadow:0 4px 30px rgba(0,0,0,.25)}.card-py-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.card-py{font-family:var(--pinyin-font);font-size:22px;font-weight:600;color:var(--accent)}.card-audio{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .12s}@media (hover: hover){.card-audio:hover{border-color:var(--navy);color:var(--navy)}}.card-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.card-meta .cm-tag{font-size:11px;font-weight:700;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:3px 7px}.card-meta .cm-state{font-size:11px;font-weight:700;border-radius:6px;padding:3px 7px}.card-meta .cm-state.learned{background:var(--learned-bg);color:var(--learned)}.card-meta .cm-state.learning{background:var(--learning-bg);color:var(--learning)}.card-meta .cm-state.unknown{background:var(--paper);color:var(--muted);border:1px solid var(--line)}.card-sec{text-align:left;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.card-sec-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.card-def{font-size:14px;line-height:1.45;color:var(--ink);text-align:left}.card-def-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 16px;counter-reset:sense}.card-def-grid .def-item{padding-left:16px;position:relative}.card-def-grid .def-item:before{counter-increment:sense;content:counter(sense);position:absolute;left:0;top:.3em;font-size:10px;font-weight:700;color:var(--muted)}.uc-src{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);opacity:.75;margin:8px 0 2px;text-align:left}.uc-src:first-of-type{margin-top:0}.uc-item{display:flex;align-items:baseline;gap:8px;text-align:left;padding:5px 6px;margin:0 -6px;border-radius:8px;cursor:pointer}.uc-item:hover{background:var(--paper)}.uc-item.sel{box-shadow:inset 0 0 0 1.5px var(--learning)}.uc-item+.uc-item{border-top:1px dashed var(--line)}.uc-item:hover+.uc-item,.uc-item.sel+.uc-item{border-top-color:transparent}.uc-n{flex:0 0 14px;font-size:10px;font-weight:700;color:var(--muted);text-align:right}.uc-body{flex:1;min-width:0}.uc-hz{font-family:var(--hanzi-font);font-size:17px;line-height:1.5;color:var(--ink)}.uc-hz .uc-hit{color:var(--accent);font-weight:600}.uc-py{font-family:var(--pinyin-font);font-size:11.5px;line-height:1.4;color:var(--muted);margin-top:1px}.uc-jump-hit{background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft),inset 0 -2px 0 var(--accent);border-radius:4px}.card-box .card-actions{display:flex;gap:8px;margin-top:14px}.ca-btn{flex:1;height:34px;font-size:12px;font-weight:700;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;cursor:pointer;font-family:inherit;transition:all .12s}.ca-btn.on{background:var(--paper);color:var(--ink);border-color:var(--muted)}.ca-btn.learning.on{background:var(--surface);color:var(--learning);border-color:var(--learning)}.ca-btn.learned.on{background:var(--surface);color:var(--learned);border-color:var(--learned)}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;background:#23201b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:qfade .2s ease}.help-box{position:relative;width:100%;max-width:400px;transition:max-width .25s ease;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px -15px #2823198c}.help-modal.help-notes-on .help-box{max-width:480px}.help-scroll{flex:1;min-height:0;overflow-y:auto;padding:24px 16px 20px 22px;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper-2)}.help-scroll::-webkit-scrollbar{width:6px}.help-scroll::-webkit-scrollbar-track{background:var(--paper-2)}.help-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.help-title{font-family:var(--title-font);font-weight:900;font-size:20px;margin-bottom:14px}body.mode-basic .adv-only{display:none!important}body:not(.is-local) .local-only{display:none!important}body.tier2-off .tier-2{display:none!important}.data-error{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:400;padding:10px 18px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 24px -6px #0006}.help-context{font-size:12px;font-weight:700;color:var(--navy);margin:-10px 0 4px}.help-ctx-note{font-size:11.5px;color:var(--muted);margin:0 0 6px;display:none}.help-notes-on .help-ctx-note{display:block}.help-subtitle{font:700 11px Hanken Grotesk,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 10px}.help-states-legend{display:flex;flex-direction:column;gap:8px;background:var(--paper);border-radius:8px;padding:12px;border:1px solid var(--line);width:fit-content}.legend-row{display:grid;grid-template-columns:8px 78px 1fr;align-items:center;gap:8px;font-size:12px}.color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.color-dot.learned{background:var(--learned)}.color-dot.learning{background:var(--learning)}.color-dot.unknown{background:var(--muted-2)}.set-sec-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px}.set-row{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;font-size:13px;color:var(--ink);margin-bottom:6px}.set-row .hk{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;white-space:nowrap;opacity:.9}.set-row .hd{opacity:.8}.set-row .hd-note{display:none;font-size:12px;color:var(--muted);margin-top:1px}.help-notes-on .set-row .hd-note{display:block}.help-notes-on .set-row{align-items:start}.set-row kbd{font-family:var(--pinyin-font);font-size:11px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:2px 7px;min-width:14px;text-align:center}.set-row kbd.kbd-wide{width:44px;box-sizing:border-box;padding-left:0;padding-right:0}.set-row .set-act{font-weight:700;color:var(--accent);font-size:12px}.set-row.key-hit{background:var(--surface-2);border-radius:6px;transition:background .15s}.set-row.key-hit kbd{border-color:var(--navy);color:var(--navy)}.help-notes-row{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 22px 14px;font-size:12px;font-weight:600;color:var(--muted)}@keyframes qfade{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.seg{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:8px;border:1px solid var(--line)}.chip{padding:5px 12px;background:none;border:none;font-family:inherit;font-size:11px;font-weight:700;color:var(--ink-2);cursor:pointer;border-radius:6px;transition:all .15s ease;outline:none}.chip:hover{color:var(--ink)}.chip.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #00000014}.tabs-nav{overflow-x:auto;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0}.sb-drawer-btn,#sb-backdrop{display:none}@media (max-width: 768px){body,body.sidebar-disabled{grid-template-columns:max-content 1fr;grid-template-areas:"logo search" "main main"}.sidebar,body.sidebar-disabled .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);z-index:150;display:flex;transform:translate(-105%);transition:transform .22s ease;border-right:1.5px solid var(--line);box-shadow:12px 0 32px #00000040}body.sb-open .sidebar{transform:translate(0)}body.sb-open #sb-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#00000059}.sb-drawer-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:36px;border:1.5px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:16px;cursor:pointer}.logo-cell{padding:0 10px}.logo-cell .brand-py{display:none}.logo-cell h1{font-size:18px}.search-cell{padding:0 10px;gap:8px}}@media (pointer: coarse){.state-dot-btn:before{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px}.chip{padding:9px 14px}.tab-btn{padding:10px 16px}.card-close{padding:10px;top:4px;right:6px}.audio-speed{padding:8px 10px}.size-ctl button{min-width:36px;min-height:36px}.card-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}body.focus-mode,body.focus-mode.sidebar-disabled{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}body.focus-mode .logo-cell,body.focus-mode .search-cell,body.focus-mode .sidebar,body.focus-mode .main-header{display:none!important}.card-front .word-hanzi.hz-l{font-size:calc(26px * var(--hzoom, 1) * var(--chzoom, 1))}.card-front .word-hanzi.hz-xl{font-size:calc(20px * var(--hzoom, 1) * var(--chzoom, 1));line-height:1.3;text-align:center;padding:0 8px}.card-front .word-hanzi{text-align:center}body:not(.tb-answers) .tbmd .tbmd-fill,body:not(.tb-answers) .tbmd .tbmd-key{cursor:pointer}body:not(.tb-answers) .tbmd .tbmd-fill.revealed,body:not(.tb-answers) .tbmd .tbmd-key.revealed{color:var(--learned)}body.tb-simple:not(.tb-answers) .tbmd .tbmd-fill.revealed,body.tb-simple:not(.tb-answers) .tbmd .tbmd-key.revealed{color:var(--ink-2)}body.tb-hard:not(.tb-answers) .tbmd .tbmd-fill.revealed,body.tb-hard:not(.tb-answers) .tbmd .tbmd-key.revealed{width:auto}@media (max-width: 768px){.main-area,.search-cell,.main-header,.tabs-nav{min-width:0}.search-container{margin-right:0}.search-container input{flex:1;width:100%;min-width:0}.main-header{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.tabs-nav{max-width:100%}}.pref-select{max-width:180px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:600;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:9px;cursor:pointer}.pref-select:focus-visible{outline:none;border-color:var(--navy)}.set-ctl.set-ctl-stack{flex-direction:column;align-items:stretch;gap:8px}.set-ctl-stack .pref-select{max-width:none;width:100%}@media (max-width: 768px){body,body.sidebar-disabled{grid-template-columns:1fr max-content;grid-template-rows:var(--topbar-h) auto 1fr;grid-template-areas:"logo utils" "search search" "main main"}.logo-cell{border-right:none}.search-cell{display:contents}.utilities{grid-area:utils;padding:0 10px;background:var(--paper-2);border-bottom:1.5px solid var(--line)}.search-container{grid-area:search;margin:0;padding:8px 10px;background:var(--paper-2);border-bottom:1.5px solid var(--line)}.search-container input{font-size:16px}#help-toggle{display:none}}.answers-section.digit-target>.answers-section-header{color:var(--navy);box-shadow:inset 3px 0 0 var(--navy);padding-left:10px}.set-row.tg-on>.hd{color:var(--learned)}.tg-on-mark{display:none;font-weight:700}.help-notes-on .set-row.tg-on .tg-on-mark{display:inline}body.py-always .card-front .word-pinyin-peek{opacity:.6}#copy-toast{position:fixed;bottom:46px;left:50%;transform:translate(-50%) translateY(6px);z-index:400;padding:6px 14px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}#copy-toast.show{opacity:.92;transform:translate(-50%) translateY(0)}