:root{--ink:#2a2e33;--ink-soft:#6b7280;--jade:#1f6b5a;--jade-deep:#155244;--pinyin:#0b7a45;--mist:#f0f1f3;--paper:#f7f7f5;--paper-deep:#ecece8;--card:#ffffffeb;--line:#2a2e331a;--known:#1f6b5a;--known-bg:#1f6b5a1f;--unknown:#9a4a2e;--unknown-bg:#9a4a2e1f;--pending:#6a7380;--pending-bg:#6a73801a;--shadow:0 8px 24px #2a2e330f;--radius:16px;--top-h:64px;--bottom-h:76px;--font-ui:"IBM Plex Sans Thai", "Noto Sans SC", sans-serif;--font-hanzi:"Noto Serif SC", "Noto Sans SC", serif;--font-pinyin:"IBM Plex Sans Thai", "Noto Sans SC", sans-serif;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{background:radial-gradient(ellipse 90% 60% at 50% -20%, #ffffffe6, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 100%, #dcdee259, transparent 50%), linear-gradient(180deg, #fafaf8 0%, var(--paper) 45%, var(--paper-deep) 100%);background-attachment:fixed;min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.level-screen{flex-direction:column;gap:28px;max-width:720px;min-height:100dvh;margin:0 auto;padding:40px 20px 48px;animation:.45s both fade-up;display:flex}.level-hero{text-align:center}.brand-mark{font-family:var(--font-ui);letter-spacing:.02em;color:var(--jade-deep);text-wrap:balance;margin:0 0 12px;font-size:clamp(1.35rem,5.2vw,2.4rem);font-weight:700;line-height:1.25;animation:.6s cubic-bezier(.22,1,.36,1) both brand-in}.level-hero h1{margin:0;font-size:clamp(1.55rem,5vw,2rem);font-weight:700}.level-notes{gap:6px;max-width:36rem;margin:0 auto;display:grid}.level-sub{color:var(--ink-soft);margin:10px 0 0;font-size:1.05rem;line-height:1.45}.level-notes .level-sub{margin:0;font-size:.92rem}.level-sub.is-note{color:#7a8494;font-size:.88rem}.system-back{border:1px solid var(--line);color:var(--ink-soft);background:#fffc;border-radius:999px;margin:0 auto 14px;padding:6px 12px;font-size:.92rem;font-weight:600;display:inline-flex}.system-grid{gap:16px;display:grid}.system-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 22px;transition:transform .18s,border-color .18s;display:flex}.system-card:hover{border-color:#1f6b5a59;transform:translateY(-2px)}.system-card.is-v3:hover{border-color:#3d5a9e66}.system-name{color:var(--jade-deep);font-size:clamp(1.6rem,5vw,2rem);font-weight:700}.system-card.is-v3 .system-name{color:#2f4f8a}.system-desc{color:var(--ink-soft);font-size:1.02rem}.home-screen{flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;animation:.45s both fade-up;display:flex}.home-top-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fafaf8f0;flex-shrink:0;position:sticky;top:0}.home-top-bar .auth-bar{min-height:48px;padding:8px 14px}.home-main{flex-direction:column;flex:1;min-height:0;display:flex}.home-hero{flex-shrink:0;padding:24px 20px 12px}.home-swipe-viewport{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;overflow:auto hidden}.home-swipe-viewport::-webkit-scrollbar{display:none}.home-swipe-track{height:100%;min-height:min-content;display:flex}.home-swipe-panel{scroll-snap-align:start;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;flex:0 0 100%;padding:8px 20px 12px;overflow-y:auto}.home-panel-msg{padding:32px 12px}.home-compare-block{flex-direction:column;align-items:center;gap:8px;margin-top:14px;display:flex}.home-compare-btn{border:1px solid var(--line);height:44px;color:var(--ink);background:#ffffffc7;border-radius:14px;padding:0 18px;font-size:.92rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.home-compare-btn.is-active{color:var(--jade-deep);background:#1f6b5a24;border-color:#1f6b5a59;font-weight:700}.home-compare-summary{color:var(--ink-soft);text-align:center;margin:0;font-size:.88rem;line-height:1.4}.level-hsk2-meta{color:#2f4f8a;font-size:.82rem;font-weight:600;line-height:1.3}.level-hsk2-compare-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.level-hsk2-new{color:#5a6270;background:#c5c9d038;border:1.5px solid #9aa3ad;border-radius:8px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-flex}.level-hsk2-breakdown{flex-wrap:wrap;gap:4px;width:100%;display:flex}.level-hsk2-breakdown.is-compact{align-content:flex-start;min-height:2.35rem;margin-top:2px}.hsk2-lv-chip{border:1px solid #2a2e331f;border-radius:6px;justify-content:center;align-items:center;min-width:2.1rem;padding:2px 5px;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.hsk2-lv-chip.hsk2-lv-1{color:#5a4800;background:#ffe566}.hsk2-lv-chip.hsk2-lv-2{color:#0a4a78;background:#7ec8ff}.hsk2-lv-chip.hsk2-lv-3{color:#7a4200;background:#ffb347}.hsk2-lv-chip.hsk2-lv-4{color:#6b1515;background:#ef6b6b}.hsk2-lv-chip.hsk2-lv-5{color:#e8f0ff;background:#1e4f9c}.hsk2-lv-chip.hsk2-lv-6{color:#f5e8ff;background:#8e44ad}.home-compare-by-level{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:340px;display:flex}.home-compare-by-level-title{color:var(--ink-soft);margin:0;font-size:.78rem;font-weight:600}.system-bottom-nav{z-index:20;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fafaf8f0;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:sticky;bottom:0}.system-tab{border:1px solid var(--line);background:#ffffffbf;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:8px 10px;transition:background .2s,border-color .2s,color .2s;display:flex}.system-tab.is-active{color:var(--jade-deep);background:#1f6b5a24;border-color:#1f6b5a59}.system-tab.is-v3.is-active{color:#2f4f8a;background:#2f4f8a1f;border-color:#2f4f8a59}.system-tab-label{font-size:.95rem;font-weight:700}.system-tab-hint{opacity:.75;font-size:.68rem;font-weight:500}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.level-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);height:100%;min-height:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;flex-direction:column;align-items:stretch;gap:0;padding:20px 16px 16px;transition:transform .18s,border-color .18s,background .18s;animation:.5s both fade-up;display:flex}.level-card-body{flex-direction:column;flex:auto;align-items:flex-start;gap:6px;width:100%;min-height:0;display:flex}.level-card-foot{flex-direction:column;flex-shrink:0;gap:4px;width:100%;margin-top:auto;padding-top:8px;display:flex}.level-card:first-child{animation-delay:50ms}.level-card:nth-child(2){animation-delay:.1s}.level-card:nth-child(3){animation-delay:.15s}.level-card:nth-child(4){animation-delay:.2s}.level-card:nth-child(5){animation-delay:.25s}.level-card:nth-child(6){animation-delay:.3s}.level-card:nth-child(7){animation-delay:.35s}.level-card.is-split-board{background:#6a738014;border-color:#6a738066}.level-card.is-split-board .level-num{color:#5a6270}.level-card.is-split-board:hover{border-color:#6a73808c}.level-card.is-removed{background:#9a4a2e0f;border-color:#9a4a2e59}.level-card.is-removed .level-num{color:#9a4a2e}.level-card.is-removed:hover{border-color:#9a4a2e80}.level-removed-note{color:var(--ink-soft);text-align:center;width:100%;margin:0;font-size:.74rem;line-height:1.35}.level-removed-reasons{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.level-removed-reason{border:1px solid #2a2e3324;border-radius:7px;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.level-removed-reason.is-cut{color:#9a4a2e;background:#9a4a2e1f;border-color:#9a4a2e47}.level-removed-reason.is-split{color:#5a6270;background:#6a73801f;border-color:#6a738047}.level-card:active{transform:scale(.98)}.level-card-head{justify-content:space-between;align-items:baseline;gap:8px;width:100%;display:flex}.level-card-head .level-num{min-width:0}.level-card-head .level-count{white-space:nowrap;flex-shrink:0}.level-num{color:var(--jade-deep);font-size:1.25rem;font-weight:700}.level-count{color:var(--ink-soft);font-size:.88rem}.level-health-meta{color:var(--ink-soft);margin-top:0;font-size:.78rem;font-weight:600}.level-mini-bar{background:#14241f14;border-radius:999px;width:100%;height:6px;margin-top:0;display:block;overflow:hidden}.level-mini-bar i{background:var(--jade);border-radius:inherit;height:100%;display:block}.hsk2-color-bar{background:#14241f14;border-radius:999px;width:100%;height:8px;margin-top:0;display:flex;overflow:hidden}.hsk2-color-bar.is-summary{max-width:340px;height:12px;margin-top:8px}.hsk2-color-seg{min-width:0;height:100%;display:block}.hsk2-color-seg.hsk2-lv-1{background:#ffe566}.hsk2-color-seg.hsk2-lv-2{background:#7ec8ff}.hsk2-color-seg.hsk2-lv-3{background:#ffb347}.hsk2-color-seg.hsk2-lv-4{background:#ef6b6b}.hsk2-color-seg.hsk2-lv-5{background:#1e4f9c}.hsk2-color-seg.hsk2-lv-6{background:#8e44ad}.hsk2-color-seg.hsk2-lv-none{background:#c5c9d0}.app-shell{flex-direction:column;max-width:960px;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;overflow:hidden}.word-list.is-supermap{padding:8px 6px 16px}.word-list.is-supermap .word-grid{gap:3px}.word-list.is-supermap .word-card{aspect-ratio:1;min-height:0;box-shadow:none;border-radius:4px;gap:0;padding:2px;overflow:hidden}.word-list.is-supermap .word-hanzi{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:clamp(.45rem,1.8vw,.7rem);font-weight:600;line-height:1;overflow:hidden}.word-list.is-supermap .word-card.hsk2-lv-5 .word-hanzi,.word-list.is-supermap .word-card.hsk2-lv-6 .word-hanzi{color:inherit}.word-card.is-flash{z-index:2;animation:1.1s flash-target}@keyframes flash-target{0%,to{box-shadow:0 4px 14px #14241f0d}25%,75%{border-color:#1f6b5aa6;box-shadow:0 0 0 3px #1f6b5a8c}}.top-nav{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fafaf8eb;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.app-shell.is-supermap .top-nav{min-height:var(--top-h);justify-content:center}.top-nav-row{grid-template-columns:96px 1fr auto;align-items:center;gap:8px;display:grid}.nav-back,.nav-columns,.nav-supermap,.nav-sort,.nav-quiz,.nav-hsk2-color,.nav-sound{border:1px solid var(--line);background:#ffffffc7;border-radius:14px;height:48px;padding:0 12px;font-size:.98rem;font-weight:600}.nav-sound{width:48px;min-width:48px;color:var(--ink-soft);justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-sound.is-on{color:var(--jade-deep);background:#1f6b5a29;border-color:#1f6b5a66}.nav-sound svg{display:block}.top-nav-actions{justify-self:end;align-items:center;gap:8px;display:flex}.nav-sort{text-align:left;flex-direction:row;flex:auto;justify-content:space-between;align-items:center;gap:8px;min-width:0;height:auto;min-height:48px;padding:6px 12px;display:flex}.nav-columns{flex:none;min-width:64px}.nav-supermap{letter-spacing:.02em;min-width:56px;font-size:.92rem;font-weight:700;line-height:1}.nav-supermap.is-active{color:var(--jade-deep);background:#1f6b5a2e;border-color:#1f6b5a66}.top-nav-center{text-align:center;min-width:0}.top-nav-center h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.28rem;font-weight:700;overflow:hidden}.top-nav-center p{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:.8rem;overflow:hidden}.top-nav-tools{flex-flow:row;align-items:stretch;gap:8px;width:100%;display:flex}.top-nav-tools.has-compare{flex-direction:column}.top-nav-tools-start{flex:auto;align-items:stretch;gap:8px;min-width:0;display:flex}.top-nav-tools.has-compare .top-nav-tools-start{flex:none;width:100%}.top-nav-tools-end{flex:none;grid-template-columns:auto;align-items:stretch;gap:8px;display:grid}.top-nav-tools.has-compare .top-nav-tools-end{flex:none;grid-template-columns:1fr 1fr;width:100%}.top-nav-tools-end .nav-hsk2-color,.top-nav-tools-end .nav-quiz{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:48px;min-height:48px;max-height:48px;display:inline-flex}.nav-quiz{letter-spacing:.04em;color:#9a4f1c;background:#f3c9a3;border-color:#9a4f1c2e;min-width:72px;padding:0 14px;font-weight:700}.nav-quiz:active{color:#7e3e14;background:#ebb888}.nav-hsk2-color{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);border-color:var(--line);background:#ffffffc7;padding:0 8px;font-size:.78rem;line-height:1;overflow:hidden}.nav-hsk2-color.is-active{color:var(--jade-deep);background:#1f6b5a24;border-color:#1f6b5a59;font-weight:700}.nav-sort-title{color:var(--jade-deep);flex-shrink:0;font-size:.98rem;font-weight:700;line-height:1.15}.nav-sort-current{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:55%;margin-left:auto;font-size:.72rem;font-weight:500;line-height:1.15;overflow:hidden}.word-list{min-height:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.state-msg{text-align:center;color:var(--ink-soft);padding:48px 12px}.state-msg.error{color:var(--unknown)}.word-grid{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:clamp(6px, calc(12px - (var(--cols,2) - 1) * 1.2px), 12px);display:grid}.word-card{justify-content:center;align-items:center;gap:clamp(2px, calc(5px - (var(--cols,2) - 1) * .5px), 5px);min-height:clamp(64px, calc(132px - (var(--cols,2) - 1) * 12px), 132px);padding:clamp(6px, calc(14px - (var(--cols,2) - 1) * 1.4px), 14px) clamp(4px, calc(10px - (var(--cols,2) - 1) * 1px), 10px);border-radius:clamp(10px, calc(14px - (var(--cols,2) - 1) * .6px), 14px);background:var(--card);border:1px solid var(--line);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;transition:transform .15s,background .2s,border-color .2s;animation:.35s both card-in;display:flex;position:relative;box-shadow:0 4px 14px #14241f0d}.word-card.is-pressing{transform:scale(.97)}.word-card.status-known{background:var(--known-bg);border-color:#1f6b5a47}.word-card.status-unknown{background:var(--unknown-bg);border-color:#9a4a2e47}.track-dot{box-sizing:border-box;pointer-events:none;z-index:2;border:2px solid #1a1a1a;border-radius:50%;width:11px;height:11px;position:absolute;top:5px;right:5px}.track-dot.is-known{background:#22c55e}.track-dot.is-unknown{background:#ef4444}.word-list.is-supermap .track-dot{border-width:1px;width:6px;height:6px;top:2px;right:2px}.hsk2-level-badge{z-index:2;color:#fff;text-align:center;pointer-events:none;letter-spacing:0;background:#1a1f28c7;border-radius:4px;min-width:14px;height:14px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:14px;position:absolute;top:4px;left:5px}.word-list.is-supermap .hsk2-level-badge{border-radius:2px;min-width:9px;height:9px;padding:0 1px;font-size:.45rem;line-height:9px;top:1px;left:2px}.word-card.hsk2-lv-1{background:#ffe566;border-color:#c4a00073}.word-card.hsk2-lv-2{background:#7ec8ff;border-color:#0e74b466}.word-card.hsk2-lv-3{background:#ffb347;border-color:#c26b1273}.word-card.hsk2-lv-4{background:#ef6b6b;border-color:#aa282873}.word-card.hsk2-lv-5{color:#f5f8ff;background:#1e4f9c;border-color:#0f286480}.word-card.hsk2-lv-5 .word-pinyin,.word-card.hsk2-lv-5 .word-meaning{color:#ebf2ffe6}.word-card.hsk2-lv-6{color:#faf5ff;background:#8e44ad;border-color:#5a1e7880}.word-card.hsk2-lv-6 .word-pinyin,.word-card.hsk2-lv-6 .word-meaning{color:#f5ebffe6}.word-card.hsk2-lv-none{background:#e8eaed;border-color:#5a606e40}.word-hanzi{font-family:var(--font-hanzi);font-size:clamp(.95rem, calc(2.35rem - (var(--cols,2) - 1) * .28rem), 2.35rem);color:var(--ink);font-weight:700;line-height:1.15}.word-hanzi-wrap{justify-content:center;align-items:flex-start;gap:2px;max-width:100%;display:inline-flex}.word-dup-index{min-width:.95em;color:var(--ink-soft);font-family:var(--font-ui);font-size:clamp(.55rem, calc(.78rem - (var(--cols,2) - 1) * .04rem), .78rem);background:#2a2e331a;border-radius:4px;flex:none;margin-top:.1em;padding:0 3px;font-weight:700;line-height:1.3}.word-list.is-supermap .word-dup-index{border-radius:2px;min-width:.7em;padding:0 1px;font-size:.4rem}.word-card.hsk2-lv-5 .word-hanzi,.word-card.hsk2-lv-6 .word-hanzi{color:inherit}.word-pinyin{font-family:var(--font-pinyin);font-size:clamp(.58rem, calc(.92rem - (var(--cols,2) - 1) * .07rem), .92rem);color:var(--pinyin);font-weight:600;line-height:1.2}.word-meaning{font-size:clamp(.72rem, calc(1.05rem - (var(--cols,2) - 1) * .07rem), 1.05rem);color:var(--ink-soft);text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-weight:500;line-height:1.35}.detail-split-into{background:#6a738014;border:1px solid #6a73802e;border-radius:12px;margin-top:18px;padding:14px 16px}.detail-split-into h3{color:#5a6270;margin:0 0 8px;font-size:.88rem;font-weight:700}.detail-split-parts{font-family:var(--font-hanzi);color:var(--ink);margin:0;font-size:clamp(1.1rem,4vw,1.35rem);font-weight:700;line-height:1.4}.bottom-nav{z-index:60;height:var(--bottom-h);padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fafaf8f0;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;position:sticky;bottom:0}.nav-toggle{border:1px solid var(--line);background:#ffffffbf;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .2s,border-color .2s,color .2s;display:flex}.nav-toggle.is-on{color:var(--jade-deep);background:#1f6b5a24;border-color:#1f6b5a59}.nav-toggle-label{font-size:.82rem;font-weight:600}.nav-toggle-state{opacity:.75;font-size:.68rem}.track-menu{min-width:0;display:flex;position:relative}.track-menu>.track-toggle{flex:1;width:100%;min-width:0}.track-toggle.is-multi.is-on{color:var(--jade-deep);background:#1f6b5a29;border-color:#1f6b5a66}.track-toggle .nav-toggle-label{align-items:center;gap:5px;display:inline-flex}.track-dropdown{z-index:30;border:1px solid var(--line);background:#fcfcfbfa;border-radius:14px;gap:4px;width:min(220px,72vw);padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 28px #14241f29}.track-option{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.track-option:active,.track-option.is-active{background:#1f6b5a1a;border-color:#1f6b5a38}.track-option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.track-option-label{color:var(--ink);font-size:.92rem;font-weight:700}.track-option-hint{color:var(--ink-soft);font-size:.72rem}.word-card.is-multi-start{outline-offset:1px;z-index:1;outline:2px solid #1f6b5ab3}html.modal-scroll-lock{overscroll-behavior:none;overflow:hidden}html.modal-scroll-lock body{overflow:hidden}html.modal-scroll-lock .word-list,html.modal-scroll-lock .home-swipe-panel,html.modal-scroll-lock .home-swipe-viewport{overscroll-behavior:none;touch-action:none;overflow:hidden!important}.modal-backdrop{z-index:80;padding:16px;padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:max(16px, env(safe-area-inset-bottom,0px));overscroll-behavior:none;touch-action:none;pointer-events:auto;background:#0e181473;place-items:center;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.modal-sheet{overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(#fcfcfb,#f3f3f0);border-radius:22px;width:min(100%,440px);max-height:min(86dvh,720px);padding:22px 20px 24px;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up;position:relative;overflow:auto;box-shadow:0 20px 50px #00000038}.modal-sheet.detail-sheet{border-radius:26px;width:min(100%,560px);max-height:min(92dvh,860px);padding:28px 24px 32px}.modal-sheet.sort-sheet{border-radius:20px;width:min(100%,420px);max-height:min(88dvh,640px);padding:22px 52px 22px 20px}.modal-sheet.sort-sheet h2{margin:0;font-size:1.25rem}.sort-title-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin:0 0 8px;padding-right:4px;display:flex}.sort-compare-btn{border:1px solid var(--line);height:34px;color:var(--ink);white-space:nowrap;background:#ffffffd1;border-radius:999px;flex-shrink:0;padding:0 12px;font-size:.78rem;font-weight:700}.sort-compare-btn.is-active{color:var(--jade-deep);background:#1f6b5a24;border-color:#1f6b5a59}.sort-hint{margin:0 0 14px;font-size:.9rem}.sort-options{gap:8px;margin-bottom:0;display:grid}.sort-clear-block{border-top:none;justify-content:flex-start;margin:0 0 16px;padding:0 0 0 2px;display:flex}.sort-clear-btn{width:auto;min-width:0;height:38px;color:var(--unknown);background:#9a4a2e14;border:1px solid #9a4a2e59;border-radius:10px;margin-left:-2px;padding:0 14px;font-size:.88rem;font-weight:700}.sort-clear-confirm{gap:10px;width:100%;max-width:280px;display:grid}.sort-clear-confirm p{text-align:left;color:var(--ink);margin:0;font-size:1rem;font-weight:600}.sort-clear-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sort-clear-cancel,.sort-clear-yes{border-radius:10px;height:40px;font-size:.9rem;font-weight:700}.sort-clear-cancel{border:1px solid var(--line);color:var(--ink-soft);background:#fffc}.sort-clear-yes{background:var(--unknown);color:#fff;border:1px solid #0000}.sort-option{border:1px solid var(--line);text-align:left;background:#ffffffb8;border-radius:12px;padding:14px 16px;font-size:1.02rem;font-weight:600;transition:border-color .15s,background .15s;display:block}.sort-option.is-active{color:var(--jade-deep);background:#1f6b5a1f;border-color:#1f6b5a73}.modal-close{color:#c43030;background:#c430301f;border:1px solid #c4303047;border-radius:50%;width:36px;height:36px;font-size:1rem;font-weight:700;position:absolute;top:14px;right:14px}.modal-close:hover,.modal-close:active{color:#a01f1f;background:#c4303038;border-color:#c4303073}.detail-sheet .modal-close{width:44px;height:44px;font-size:1.15rem;top:16px;right:16px}.columns-sheet h2,.detail-sheet h3{margin:0 0 6px}.modal-hint{color:var(--ink-soft);margin:0 0 18px;font-size:.9rem}.columns-slider-wrap{gap:12px;margin-bottom:20px;display:grid}.columns-slider-value{text-align:center;color:var(--jade-deep);font-size:2rem;font-weight:700;line-height:1}.columns-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#1f6b5a40,#1f6b5a8c);border-radius:999px;outline:none;width:100%;height:8px}.columns-slider::-webkit-slider-thumb{appearance:none;background:var(--jade-deep);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #14241f40}.columns-slider::-moz-range-thumb{background:var(--jade-deep);cursor:pointer;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #14241f40}.columns-slider-labels{color:var(--ink-soft);text-align:center;grid-template-columns:repeat(6,1fr);font-size:.78rem;display:grid}.columns-done{background:var(--jade);color:#fff;border-radius:14px;width:100%;height:46px;font-size:1rem;font-weight:600}.columns-done:active{background:var(--jade-deep)}.detail-pos{color:var(--ink-soft);margin:0 0 8px;font-size:1rem}.detail-hanzi-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.detail-hanzi{min-width:0;font-family:var(--font-hanzi);letter-spacing:.02em;word-break:break-word;-webkit-user-select:text;user-select:text;flex:0 auto;margin:0;font-size:clamp(2.4rem,9vw,4.2rem);font-weight:700;line-height:1.2}.detail-dup-index{vertical-align:super;font-family:var(--font-ui);color:var(--ink-soft);background:#2a2e331a;border-radius:6px;margin-left:.2em;padding:.15em .4em;font-size:.38em;font-weight:700;line-height:1.2;display:inline-block}.detail-dup-siblings{background:#6a73800f;border:1px solid #6a738024;border-radius:12px;margin-top:18px;padding:14px 16px}.detail-dup-siblings h3{color:#8a93a0;margin:0 0 10px;font-size:.88rem;font-weight:700}.detail-dup-siblings ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.detail-dup-item{flex-wrap:wrap;align-items:baseline;gap:6px 8px;line-height:1.35;display:flex}.detail-dup-item-index{color:#9aa3ad;background:#2a2e3314;border-radius:4px;flex:none;padding:1px 5px;font-size:.75rem;font-weight:700}.detail-dup-item-hanzi{font-family:var(--font-hanzi);color:#8a93a0;flex:none;font-size:1.05rem;font-weight:600}.detail-dup-item-pinyin{color:#9ab5a8;flex:none;font-size:.82rem;font-weight:500}.detail-dup-item-meaning{color:#9aa3ad;flex:auto;min-width:0;font-size:.88rem}.detail-dup-item-level{color:#a0a8b3;flex:none;margin-left:auto;font-size:.78rem;font-weight:600}.detail-hanzi-row .ex-copy-btn{align-self:center;margin-top:.85em}.detail-pinyin{color:var(--pinyin);margin:10px 0 0;font-size:clamp(1.35rem,4.5vw,1.6rem);font-weight:600}.detail-meaning{margin:20px 0 0;font-size:clamp(1.25rem,4.2vw,1.45rem);font-weight:500;line-height:1.55}.detail-examples{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.detail-examples h3{color:var(--ink-soft);font-size:1.1rem;font-weight:600}.detail-examples ul{gap:18px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ex-zh-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.ex-zh{min-width:0;font-family:"Noto Sans SC", var(--font-ui);flex:0 auto;margin:0;font-size:clamp(1.2rem,4vw,1.4rem);font-weight:500;line-height:1.55}.ex-copy-btn{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;background:#ffffffe6;border-radius:10px;flex:none;margin-top:2px;padding:6px 10px;font-size:.85rem;font-weight:600;line-height:1.2}.ex-copy-btn:active{transform:scale(.97)}.ex-copy-btn.is-copied{background:var(--known-bg);color:var(--known);border-color:#1f6b5a59}.ex-th{color:var(--ink-soft);margin:8px 0 0;font-size:clamp(1.05rem,3.5vw,1.2rem);line-height:1.5}.ex-hl{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e8913e47;border-radius:4px;padding:0 .12em;font-weight:700}.quiz-setup-sheet{width:min(100%,520px);max-height:min(92dvh,860px);padding-top:18px;padding-right:20px}.quiz-setup-title-row{align-items:center;gap:10px;min-width:0;margin:0 0 14px;display:flex}.quiz-setup-title-row h2{flex-shrink:0;margin:0;line-height:1.2}.quiz-setup-pool{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.88rem;font-weight:600;overflow:hidden}.quiz-setup-close{flex-shrink:0;position:static;top:auto;right:auto}.quiz-seg{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.quiz-seg-btn{border:1px solid var(--line);background:#ffffffb3;border-radius:12px;height:44px;font-size:.9rem;font-weight:700}.quiz-seg-btn.is-active{color:var(--jade-deep);background:#1f6b5a29;border-color:#1f6b5a66}.quiz-setup-section{margin-bottom:16px}.quiz-setup-section h3{color:var(--ink-soft);margin:0 0 8px;font-size:.92rem;font-weight:600}.quiz-chip-row{flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.quiz-setup-note{color:var(--jade-deep);margin:-4px 0 10px;font-size:.88rem;font-weight:600}.quiz-chip-row.wrap{flex-wrap:wrap;overflow:visible}.quiz-chip{border:1px solid var(--line);background:#ffffffbf;border-radius:999px;flex:none;height:40px;padding:0 14px;font-size:.9rem;font-weight:600}.quiz-chip.is-active{color:var(--jade-deep);background:#1f6b5a29;border-color:#1f6b5a66}.quiz-chip:disabled{opacity:.4;cursor:not-allowed}.quiz-setup-warn{color:var(--unknown);margin:0 0 12px;font-size:.9rem}.columns-done:disabled{opacity:.45;cursor:not-allowed}.quiz-screen{background:radial-gradient(ellipse 90% 60% at 50% -20%, #ffffffd9, transparent 55%), linear-gradient(180deg, #fafaf8 0%, var(--paper) 45%, var(--paper-deep) 100%);grid-template-rows:auto 1fr;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;display:grid;overflow:hidden}.quiz-bar{z-index:50;min-height:56px;padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf8f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;position:sticky;top:0}.quiz-bar .nav-back{white-space:nowrap;min-width:64px;height:40px;padding:0 10px;font-size:.9rem}.quiz-bar .nav-sound{width:40px;min-width:40px;height:40px}.quiz-bar-center{text-align:center;min-width:0;overflow:hidden}.quiz-bar-center h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;line-height:1.2;overflow:hidden}.quiz-bar-center p{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.72rem;overflow:hidden}.quiz-bar-actions{flex-wrap:nowrap;justify-self:end;align-items:center;gap:4px;max-width:none;display:flex}.quiz-sound-btn{border:1px solid var(--line);white-space:nowrap;background:#ffffffbf;border-radius:12px;height:40px;padding:0 8px;font-size:.72rem;font-weight:700}.quiz-sound-btn.is-on{color:var(--jade-deep);background:#1f6b5a29;border-color:#1f6b5a66}.quiz-score{color:var(--jade-deep);text-align:right;white-space:nowrap;min-width:2rem;font-size:.9rem;font-weight:700}.quiz-bar-spacer{width:64px;height:40px}.quiz-body{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:0;padding:16px 16px 28px;display:flex;overflow:auto}.choice-body{box-sizing:border-box;align-content:center;justify-items:stretch;gap:12px;width:min(100%,720px);max-width:720px;margin:0 auto;display:grid}.quiz-prompt-card{border:1px solid var(--line);min-height:140px;box-shadow:var(--shadow);box-sizing:border-box;background:#fffffff2;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:24px 16px;display:flex}.quiz-choices{gap:10px;width:100%;min-height:0;display:grid}.quiz-choice{border:1px solid var(--line);text-align:center;box-sizing:border-box;background:#fffffff2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:60px;padding:14px 16px;font-size:1.05rem;font-weight:600;line-height:1.4;display:flex}.quiz-prompt-text{text-align:center;font-size:clamp(1.9rem,6vw,2.45rem);font-weight:700;line-height:1.35}.quiz-prompt-text.is-hanzi,.is-hanzi{font-family:var(--font-hanzi)}.quiz-prompt-text.is-hanzi{font-size:clamp(3.2rem,12vw,4.2rem)}.quiz-prompt-pinyin{color:var(--pinyin);font-size:1.35rem;font-weight:600}.quiz-prompt-hint{color:var(--ink-soft);margin-top:8px;font-size:1rem}.quiz-choice .is-hanzi{font-size:1.45rem}.quiz-choice-pinyin{color:var(--pinyin);font-size:.95rem;font-weight:600}.quiz-choice-pair{color:var(--ink);margin-top:2px;font-size:.98rem;font-weight:700;line-height:1.35}.quiz-choice-pair.is-hanzi{font-size:1.25rem;font-weight:700}.quiz-direction{text-align:center;color:var(--ink-soft);margin:0;font-size:1.05rem;font-weight:600}.quiz-choices.is-locked{background:#ffffff59;border:1px dashed #14241f2e;border-radius:16px;place-items:center}.quiz-choices-placeholder{color:var(--ink-soft);margin:0;font-size:1.05rem}.quiz-choice.is-correct{background:var(--known-bg);color:var(--known);border-color:#1f6b5a73}.quiz-choice.is-wrong{background:var(--unknown-bg);color:var(--unknown);border-color:#9a4a2e66}.quiz-result{text-align:center;place-content:center;gap:10px;width:100%;padding:40px 20px;display:grid}.choice-body .columns-done{width:100%}.quiz-result-score{color:var(--jade-deep);margin:0;font-size:3.4rem;font-weight:700;line-height:1}.quiz-result-label{color:var(--ink-soft);margin:0 0 16px;font-size:1.1rem}.match-body{box-sizing:border-box;justify-content:center;align-items:center;width:min(100%,720px);max-width:720px;margin:0 auto;padding:0;display:flex}.match-board{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.match-column{flex-direction:column;gap:8px;min-width:0;display:flex}.match-column-label{text-align:center;color:var(--ink-soft);margin:0;font-size:.9rem;font-weight:700}.match-column-tiles{gap:10px;display:grid}.match-tile{border:1px solid var(--line);background:#ffffffeb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;min-height:78px;padding:12px 14px;font-size:1.25rem;font-weight:600;line-height:1.35;transition:transform .15s,background .15s,border-color .15s;display:flex}.match-tile.side-th{text-align:center;font-size:.92rem;font-weight:500;line-height:1.35}.match-tile.side-th span{-webkit-line-clamp:4;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.match-tile.side-zh{font-size:1.75rem}.match-tile-pinyin{color:var(--pinyin);font-size:.78rem;font-weight:600;line-height:1.2}.match-tile.is-selected{background:#1f6b5a1f;border-color:#1f6b5a80;transform:scale(.98)}.match-tile.is-matched{opacity:.35;background:var(--known-bg);border-color:#1f6b5a47}.match-tile.is-wrong{background:var(--unknown-bg);border-color:#9a4a2e66}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.modal-backdrop{padding:24px}.modal-sheet.detail-sheet{width:min(100%,620px)}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=380px){.top-nav-row{grid-template-columns:84px 1fr auto}.nav-back,.nav-columns,.nav-supermap{height:44px;font-size:.9rem}}.level-card.is-locked{opacity:.72;border-style:dashed}.level-card.is-locked .level-num{align-items:center;gap:6px;display:inline-flex}.level-lock-badge{font-size:.85rem;line-height:1}.login-unlock-sheet{text-align:center;width:min(100%,400px);padding:22px 20px 18px}.login-unlock-sheet h2{margin:0 0 12px;font-size:1.15rem}.login-unlock-text{color:#555;margin:0 0 18px;font-size:.95rem;line-height:1.55}.login-unlock-btn{width:100%;margin-bottom:10px}.premium-unlock-error{margin:8px 0 0;font-size:.85rem}.auth-premium-btn{font:inherit;color:#7a5c00;cursor:pointer;background:linear-gradient(#fff9e6 0%,#ffe9a8 100%);border:1px solid #c9a227;border-radius:999px;padding:8px 14px;font-weight:600}.auth-premium-btn:hover:not(:disabled){background:linear-gradient(#fff3cc 0%,#ffdf80 100%)}.auth-premium-btn:disabled{opacity:.6;cursor:wait}.auth-premium-badge{color:#7a5c00;white-space:nowrap;background:#fff3cc;border:1px solid #e6c84a;border-radius:999px;padding:4px 10px;font-size:.8rem}.premium-plan-sheet{width:min(100%,420px)}.premium-plan-picker{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.premium-plan-bonus{text-align:left;background:linear-gradient(135deg,#eefbf3 0%,#f5fff8 100%);border:1px solid #b8e6c8;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.premium-plan-bonus-tag{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#2d8a4e;border-radius:6px;flex-shrink:0;padding:3px 7px;font-size:.72rem;font-weight:800;line-height:1.2}.premium-plan-bonus-text{color:#1f5c38;font-size:.88rem;line-height:1.45}.premium-plan-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.premium-plan-card{cursor:pointer;font:inherit;text-align:center;background:#fff;border:2px solid #e8dfc0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 10px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.premium-plan-card:hover{background:#fffdf5;border-color:#d4bc5a}.premium-plan-card.is-selected{background:#fff9e6;border-color:#c9a227;box-shadow:0 0 0 1px #c9a227}.premium-plan-save{color:#fff;white-space:nowrap;background:#2d8a4e;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.premium-plan-price{color:#5c4800;font-size:1.25rem;font-weight:800;line-height:1.2}.premium-plan-period{color:#666;font-size:.85rem}.premium-plan-per-month{color:#888;margin-top:4px;font-size:.75rem}.premium-plan-checkout{width:100%;margin-top:4px}.premium-plan-picker.is-compact{margin-bottom:0}.premium-modal-backdrop{z-index:1000;background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.premium-modal-sheet{max-height:min(88dvh,560px);margin:0;overflow:auto}.premium-contact-cta{text-align:center;flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.premium-contact-cta.is-compact{margin-bottom:0}.premium-contact-text{color:#444;margin:0;font-size:.95rem;line-height:1.5}.premium-contact-sub{color:#666;margin:0;font-size:.88rem;line-height:1.45}.premium-facebook-btn{color:#fff;width:100%;min-height:48px;font:inherit;background:linear-gradient(#1877f2 0%,#0d65d9 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #1877f259}.premium-facebook-btn:hover{filter:brightness(1.06)}.premium-facebook-btn:active{transform:scale(.98)}.premium-facebook-icon{background:#fff3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:800;line-height:1;display:inline-flex}.modal-close-text{color:#666;font:inherit;cursor:pointer;background:0 0;border:none;padding:8px}.auth-free-hint{color:#666;margin-right:auto;font-size:.82rem}.auth-bar{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px 0;display:flex}.auth-bar.is-signed-in{justify-content:flex-end}.auth-profile-wrap{position:relative}.auth-profile-btn{border:1px solid var(--line);cursor:pointer;height:40px;font:inherit;background:#ffffffe0;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;display:inline-flex}.auth-profile-btn.is-open,.auth-profile-btn:hover{background:#fff;border-color:#1f6b5a59}.auth-bar.is-signed-in .auth-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(32vw,140px);color:var(--ink);font-size:.92rem;font-weight:600;overflow:hidden}.auth-profile-popup{z-index:80;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(92vw,300px);padding:14px;animation:.18s both fade-up;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000024}.auth-profile-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.auth-profile-avatar{width:44px;height:44px}.auth-profile-meta{min-width:0}.auth-profile-fullname{color:var(--ink);word-break:break-word;margin:0;font-size:1rem;font-weight:700;line-height:1.25}.auth-profile-email{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.8rem;overflow:hidden}.auth-profile-rows{background:#1f6b5a0f;border-radius:12px;gap:8px;margin-bottom:12px;padding:10px 12px;display:grid}.auth-profile-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.auth-profile-label{color:var(--ink-soft);font-size:.82rem}.auth-profile-value{color:var(--ink);font-size:.88rem;font-weight:700}.auth-profile-value.is-premium{color:#7a5c00}.auth-profile-value.is-free{color:var(--ink-soft)}.auth-profile-actions{gap:8px;display:grid}.auth-profile-action{justify-content:center;width:100%}.auth-google-btn,.auth-signout,.auth-admin-btn,.session-take-control,.admin-refresh,.admin-back{border:1px solid var(--border,#ddd);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px}.auth-google-btn:hover,.auth-signout:hover,.auth-admin-btn:hover,.session-take-control:hover,.admin-refresh:hover,.admin-back:hover{background:#f5f5f5}.auth-signout{color:#a01f1f;background:#c4303014;border-color:#c4303047;font-weight:600}.auth-signout:hover{background:#c4303029}.auth-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.auth-avatar-fallback{background:#eee;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.auth-name{color:#444;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.9rem;overflow:hidden}.session-blocker{z-index:10000;pointer-events:all;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.app-sync-blocked{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.45;filter:grayscale(.15)}.session-blocker-card{background:#fff;border-radius:16px;width:min(100%,420px);padding:24px;box-shadow:0 12px 40px #0003}.session-blocker-card h2{margin:0 0 10px;font-size:1.15rem}.session-blocker-card p{color:#555;margin:0 0 14px;line-height:1.5}.session-device-list{color:#333;margin:0 0 18px;padding-left:18px}.session-take-control{width:100%;font-weight:600}.session-sync-hint{color:#555;text-align:center;margin:0 0 12px;line-height:1.5}.session-countdown{width:88px;height:88px;color:var(--jade-deep);background:#1f6b5a1f;border:2px solid #1f6b5a59;border-radius:50%;place-items:center;margin:8px auto 12px;font-size:2.4rem;font-weight:800;line-height:1;animation:.35s both session-count-pop;display:grid}.session-sync-sub{text-align:center;color:#777;margin:0;font-size:.9rem}@keyframes session-count-pop{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.admin-screen{max-width:1100px;min-height:100dvh;margin:0 auto;padding:16px}.admin-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.admin-header h1{margin:0;font-size:1.35rem}.admin-header p{color:#666;margin:4px 0 0}.admin-header-actions{gap:8px;display:flex}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.admin-stat-label{color:#666;font-size:.82rem}.admin-stat-card strong{font-size:1.4rem}.admin-table-wrap{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:10px 12px}.admin-table th{white-space:nowrap;background:#fafafa;font-weight:600}.admin-user-cell{align-items:center;gap:8px;min-width:140px;display:flex}.admin-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.admin-user-avatar-fallback{background:#eee;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.admin-badge{background:#f0f0f0;border-radius:999px;padding:2px 8px;font-size:.78rem;display:inline-block}.admin-badge.is-live{color:#18794e;background:#e8f8ec}@media (width<=720px){.admin-stats{grid-template-columns:1fr}.admin-header{flex-direction:column}.admin-progress-body{grid-template-columns:1fr}}.admin-view-progress{font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 12px;font-size:.82rem}.admin-view-progress:hover{background:#f5f5f5}.admin-progress-backdrop{z-index:2100}.admin-progress-sheet{width:min(100%,960px);max-height:min(92dvh,900px);padding:18px;overflow:auto}.admin-progress-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.admin-progress-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-danger-btn{color:#c62828;font:inherit;cursor:pointer;white-space:nowrap;background:#fff5f5;border:1px solid #e57373;border-radius:999px;padding:6px 12px;font-size:.82rem}.admin-danger-btn:hover:not(:disabled){background:#ffebee}.admin-danger-btn:disabled{opacity:.6;cursor:not-allowed}.admin-danger-btn-small{padding:5px 10px;font-size:.78rem}.admin-progress-detail-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-progress-header h2{margin:0;font-size:1.2rem}.admin-progress-header p{color:#666;margin:4px 0 0}.admin-progress-updated{font-size:.85rem}.admin-progress-body{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}.admin-progress-section-title{color:#666;margin:0 0 8px;font-size:.85rem}.admin-progress-levels{flex-direction:column;gap:8px;display:flex}.admin-progress-level-btn{text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 12px}.admin-progress-level-btn.is-active{background:#fafafa;border-color:#333}.admin-progress-level-name{margin-bottom:4px;font-weight:600;display:block}.admin-progress-level-stats,.admin-progress-level-meta{color:#666;font-size:.82rem;display:block}.admin-progress-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-progress-detail-head h3{margin:0;font-size:1rem}.admin-progress-filters{flex-wrap:wrap;gap:6px;display:flex}.admin-progress-filter{font:inherit;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:5px 10px;font-size:.82rem}.admin-progress-filter.is-active{color:#fff;background:#222;border-color:#222}.admin-progress-table-wrap{border:1px solid #eee;border-radius:10px;max-height:52dvh;overflow:auto}.admin-progress-word-table td{vertical-align:top}.admin-word-hanzi{font-size:1.05rem;font-weight:600}.admin-word-meaning{color:#555;max-width:220px;font-size:.82rem}.admin-status-chip{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.78rem;display:inline-block}.admin-status-chip.status-known{color:#18794e;background:#e8f8ec}.admin-status-chip.status-unknown{color:#b42318;background:#fdecec}.admin-manual-premium{background:#fafafa;border:1px solid #e4e4e4;border-radius:14px;margin:0 0 20px;padding:16px}.admin-manual-premium-hint{color:#666;margin:0 0 12px;font-size:.9rem}.admin-manual-field{color:#555;flex-direction:column;flex:1;gap:4px;min-width:0;font-size:.82rem;display:flex}.admin-manual-input{font:inherit;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px 10px}.admin-manual-input:focus{border-color:#88a8ff;outline:2px solid #c9d7ff}.admin-manual-days{max-width:120px}.admin-manual-status{color:#666;margin:8px 0 0;font-size:.88rem}.admin-manual-results{flex-direction:column;gap:6px;max-height:180px;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.admin-manual-result{text-align:left;cursor:pointer;width:100%;font:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:8px 10px}.admin-manual-result.is-selected{background:#fff9e6;border-color:#7a5c00}.admin-manual-result-email{font-size:.92rem;font-weight:600;display:block}.admin-manual-result-meta{color:#666;margin-top:2px;font-size:.8rem;display:block}.admin-manual-form{border-top:1px solid #e8e8e8;margin-top:14px;padding-top:14px}.admin-manual-selected{margin:0 0 12px;font-size:.9rem;line-height:1.5}.admin-manual-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.admin-manual-quick{flex-wrap:wrap;gap:8px;display:flex}.admin-manual-quick-btn{font:inherit;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 12px;font-size:.85rem}.admin-manual-quick-btn:hover:not(:disabled){background:#f3f3f3}.admin-manual-quick-btn.is-reduce{color:#9b2c2c;border-color:#e8b4b4}.admin-manual-quick-btn.is-reduce:hover:not(:disabled){background:#fdecec}.admin-manual-reduce-btn{font:inherit;color:#9b2c2c;cursor:pointer;background:#fff5f5;border:1px solid #e8b4b4;border-radius:999px;padding:8px 14px;font-weight:600}.admin-manual-reduce-btn:hover:not(:disabled){background:#fdecec}.admin-manual-reduce-btn:disabled{opacity:.6;cursor:wait}.admin-manual-ok{color:#18794e;margin:10px 0 0;font-size:.88rem}.admin-manual-error{margin:8px 0 0}.admin-table-filter{color:#555;flex-direction:column;gap:4px;max-width:360px;margin-bottom:10px;font-size:.82rem;display:flex}