:root{--paper:#F4EEDC;--paper-2:#E9DFC2;--paper-3:#FBF7EC;--ink:#201F1A;--ink-soft:#58564C;--ink-faint:#8B8878;--seal:#AE3428;--seal-dark:#7C2219;--seal-soft:rgba(174,52,40,0.10);--gold:#B9924A;--gold-soft:rgba(185,146,74,0.16);--jade:#4B6B5C;--jade-soft:rgba(75,107,92,0.12);--line:rgba(32,31,26,0.13);--line-soft:rgba(32,31,26,0.07);--shadow-sm:0 1px 2px rgba(32,24,10,0.06),0 1px 1px rgba(32,24,10,0.04);--shadow-md:0 2px 8px rgba(32,24,10,0.08),0 8px 24px rgba(32,24,10,0.08);--shadow-lg:0 4px 16px rgba(32,24,10,0.10),0 16px 40px rgba(32,24,10,0.12);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--tr-font:'Amiri',serif;--tr-dir:rtl;--header-h:0px;--font-display:'Noto Serif SC',serif;--font-body:'Source Serif 4',Georgia,serif;--font-ui:'Zilla Slab',Georgia,serif}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body,html{margin:0;padding:0;overflow-x:hidden}body{background:radial-gradient(1100px 560px at 8% -8%,rgba(185,146,74,.09),transparent 58%),radial-gradient(900px 520px at 102% 0,rgba(174,52,40,.06),transparent 55%),var(--paper);color:var(--ink);font-family:var(--font-body);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:inherit}p{margin:0}:focus{outline:0}:focus-visible{outline:2.5px solid var(--seal);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:8px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:6px;font-family:var(--font-ui);font-size:14px;text-decoration:none}.skip-link:focus{top:8px}.app-shell{max-width:1400px;margin:0 auto;display:flex;min-height:100vh}.app-main-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.content-wrap{width:100%;max-width:680px;margin:0 auto;padding:0 16px 64px}.sidebar{display:none;flex:none;width:272px;padding:28px 18px 28px 24px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.sidebar-seal{width:42px;height:42px;border-radius:8px;border:2px solid var(--seal);color:var(--seal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:17px;transform:rotate(-4deg);flex:none}.sidebar-brand h1{font-family:var(--font-display);font-weight:900;font-size:19px;color:var(--ink)}.sidebar-brand .sub{font-family:var(--font-ui);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);margin-top:1px}.sidebar-block{margin-bottom:24px}.sidebar-label{font-family:var(--font-ui);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;padding-left:2px}.sidebar-levels{display:flex;flex-direction:column;gap:4px}.sidebar-level-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:0 0;cursor:pointer;text-align:left;font-family:var(--font-ui);font-size:14.5px;color:var(--ink-soft);transition:background-color .15s,color .15s}.sidebar-level-btn:hover{background:var(--paper-2);color:var(--ink)}.sidebar-level-btn.active{background:var(--ink);color:var(--paper)}.sidebar-level-btn .lvl-badge{font-family:var(--font-display);font-weight:700;font-size:13px}.sidebar-level-btn .lvl-count{font-size:11.5px;opacity:.7}.sidebar-categories{display:flex;flex-direction:column;gap:2px;max-height:44vh;overflow-y:auto;padding-right:4px}.sidebar-cat-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border-radius:var(--radius-sm);border:none;background:0 0;cursor:pointer;text-align:left;width:100%}.sidebar-cat-btn:hover{background:var(--paper-2)}.sidebar-cat-btn.active{background:var(--seal-soft);box-shadow:inset 2.5px 0 0 var(--seal)}.sidebar-cat-btn .cn{font-family:var(--font-ui);font-size:13.5px;color:var(--ink);font-weight:500}.sidebar-cat-btn .cn-tr{font-family:var(--tr-font);font-size:12px;color:var(--ink-faint);direction:var(--tr-dir)}.topbar{position:sticky;top:0;z-index:40;background:rgba(244,238,220,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 16px}.topbar-row{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:10px;justify-content:space-between}.topbar-brand{display:flex;align-items:center;gap:9px;min-width:0}.topbar-seal{width:30px;height:30px;border-radius:7px;border:2px solid var(--seal);color:var(--seal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12.5px;flex:none}.topbar-brand h1{font-family:var(--font-display);font-weight:900;font-size:16px;white-space:nowrap}.topbar-controls{display:flex;align-items:center;gap:8px;flex:none}.pill-btn{display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--line);border-radius:20px;padding:7px 12px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background-color .15s,transform .1s}.pill-btn:hover{border-color:var(--seal);background:var(--paper-3)}.pill-btn:active{transform:scale(.96)}.pill-btn svg{width:14px;height:14px;flex:none}.pill-btn .chevron{width:9px;height:9px;transition:transform .15s}.pill-btn[aria-expanded=true]{border-color:var(--seal);background:var(--paper-3);color:var(--seal)}.pill-btn[aria-expanded=true] .chevron{transform:rotate(180deg)}.dropdown-wrap{position:relative}.dropdown-panel{position:absolute;top:calc(100% + 8px);z-index:50;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;max-height:min(60vh,340px);overflow-y:auto;padding:6px;display:none}.dropdown-wrap.right .dropdown-panel{right:0}.dropdown-wrap.left .dropdown-panel{left:0}.dropdown-wrap.open .dropdown-panel{display:block}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:0 0;border:none;cursor:pointer;padding:10px 12px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:14px;color:var(--ink)}.dropdown-item:hover{background:var(--paper-2)}.dropdown-item.selected{background:var(--ink);color:var(--paper)}.dropdown-item .native{font-weight:600}.dropdown-item .eng{font-size:11px;opacity:.65;margin-left:8px}.dropdown-item .dot{width:6px;height:6px;border-radius:50%;background:var(--seal);opacity:0;flex:none}.dropdown-item.selected .dot{opacity:1;background:var(--paper)}.status-bar{max-width:680px;margin:14px auto 0;padding:0 16px;display:flex;flex-direction:column;gap:8px}.breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--font-ui);font-size:12.5px;color:var(--ink-soft)}.breadcrumb .seg{white-space:nowrap}.breadcrumb .seg.current{color:var(--seal);font-weight:600}.breadcrumb .sep{color:var(--ink-faint);opacity:.6}.status-progress-track{height:5px;border-radius:3px;background:var(--paper-2);overflow:hidden}.status-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--seal));border-radius:3px;transition:width .35s cubic-bezier(.4,.1,.2,1);width:0%}.voice-note{font-family:var(--font-ui);font-size:11px;color:var(--ink-faint);display:flex;align-items:center;gap:5px;margin-top:2px}.voice-note::before{content:"♪";color:var(--seal);font-size:12px}.category-strip-wrap{max-width:680px;margin:16px auto 0;padding:0 16px}.category-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.category-strip::-webkit-scrollbar{height:5px}.category-strip::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.cat-chip{scroll-snap-align:start;flex:none;display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:9px 14px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper-3);cursor:pointer;min-width:120px;transition:border-color .15s,background-color .15s}.cat-chip:hover{border-color:var(--seal)}.cat-chip.active{background:var(--ink);border-color:var(--ink)}.cat-chip .cn{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.cat-chip.active .cn{color:var(--paper)}.cat-chip .meta{display:flex;align-items:center;gap:6px}.cat-chip .cn-tr{font-family:var(--tr-font);direction:var(--tr-dir);font-size:11.5px;color:var(--ink-faint);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.cat-chip.active .cn-tr{color:rgba(244,238,220,.65)}.cat-chip .count{font-family:var(--font-ui);font-size:10px;color:var(--ink-faint);border:1px solid var(--line);border-radius:10px;padding:1px 6px;flex:none}.cat-chip.active .count{color:rgba(244,238,220,.8);border-color:rgba(244,238,220,.3)}@media (min-width:1024px){.category-strip-wrap{display:none}}.mode-switch{max-width:680px;margin:16px auto 0;padding:0 16px;display:flex;gap:8px}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.3px;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper-3);color:var(--ink-soft);cursor:pointer;transition:.15s}.mode-tab svg{width:17px;height:17px}.mode-tab:hover{border-color:var(--seal);color:var(--seal)}.mode-tab.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.view-panel{display:none;max-width:680px;margin:0 auto;padding:20px 16px 60px}.view-panel.active{display:block;animation:.25s panelIn}@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.coming-soon{text-align:center;padding:70px 24px;margin:20px auto 0;max-width:520px;border:1.5px dashed var(--line);border-radius:var(--radius-lg)}.coming-soon-seal{width:64px;height:64px;margin:0 auto 18px;border-radius:14px;border:3px solid var(--seal);color:var(--seal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:24px;transform:rotate(-4deg)}.coming-soon-big{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--ink);letter-spacing:1px}.coming-soon p{font-family:var(--font-ui);font-size:14px;color:var(--ink-soft);margin-top:10px;line-height:1.6}.fc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.fc-header-left{display:flex;flex-direction:column;gap:2px;min-width:0}.fc-cat-name{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-cat-tr{font-family:var(--tr-font);direction:var(--tr-dir);font-size:12px;color:var(--ink-faint)}.fc-count{font-family:var(--font-ui);font-size:13px;color:var(--ink-soft);flex:none}.fc-tools{display:flex;gap:6px;flex:none}.icon-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper-3);color:var(--ink-soft);cursor:pointer;transition:.15s}.icon-btn:hover{border-color:var(--seal);color:var(--seal)}.icon-btn svg{width:17px;height:17px}.icon-btn.wide{width:auto;padding:0 14px;border-radius:20px;font-family:var(--font-ui);font-size:12.5px}.bead-trail{display:flex;gap:5px;margin-bottom:18px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}.bead-trail::-webkit-scrollbar{display:none}.bead{flex:none;width:9px;height:9px;border-radius:50%;background:var(--paper-2);border:1.5px solid var(--line);cursor:pointer;transition:.15s;padding:0}.bead.done{background:var(--jade);border-color:var(--jade)}.bead.learning{background:var(--gold);border-color:var(--gold)}.bead.current{width:13px;height:13px;background:var(--seal);border-color:var(--seal);box-shadow:0 0 0 3px var(--seal-soft)}.fc-stage{perspective:1600px;margin-bottom:14px}.fc-card{position:relative;height:min(58vh,400px);min-height:300px;border-radius:var(--radius-lg);cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.15,.2,1);touch-action:pan-y}.fc-card.dragging{transition:none}.fc-card.flipped{transform:rotateY(180deg)}.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(155deg,var(--paper-3) 0,var(--paper-2) 100%);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px;text-align:center}.fc-face.back{transform:rotateY(180deg)}.fc-tag{position:absolute;top:16px;left:16px;font-family:var(--font-ui);font-size:11px;color:var(--seal);border:1px solid var(--seal);padding:2px 9px;border-radius:10px;letter-spacing:.5px;text-transform:uppercase}.fc-idx{position:absolute;top:16px;right:16px;font-family:var(--font-ui);font-size:11px;color:var(--ink-faint)}.fc-hanzi{font-family:var(--font-display);font-weight:700;font-size:clamp(54px,15vw,84px);line-height:1;color:var(--ink)}.fc-pinyin{font-family:var(--font-ui);font-size:20px;color:var(--jade);margin-top:16px;letter-spacing:.4px}.fc-hint{position:absolute;bottom:16px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-size:11px;color:var(--ink-faint);letter-spacing:.6px;text-transform:uppercase}.fc-hint svg{width:13px;height:13px;opacity:.7}.fc-face.back .fc-english{font-family:var(--font-body);font-size:22px;font-weight:600;color:var(--ink);max-width:88%}.fc-face.back .fc-translation{font-family:var(--tr-font);direction:var(--tr-dir);font-size:22px;font-weight:700;color:var(--seal-dark);max-width:88%;margin-top:10px;line-height:1.5}.fc-face.back .fc-pinyin2{margin-top:12px}.speak-btn{position:absolute;bottom:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--seal);background:var(--paper-3);color:var(--seal);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;flex:none}.speak-btn:hover{background:var(--seal);color:var(--paper-3)}.speak-btn:active{transform:scale(.92)}.speak-btn svg{width:19px;height:19px}.speak-btn.pulse{animation:2.2s ease-in-out infinite pulseRing}@keyframes pulseRing{0%,100%{box-shadow:0 0 0 0 var(--seal-soft)}50%{box-shadow:0 0 0 8px transparent}}.fc-actions{display:flex;gap:10px;margin-bottom:10px}.know-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:14px;font-weight:600;padding:13px;border-radius:var(--radius-md);cursor:pointer;transition:.15s;border:1.5px solid var(--line);background:var(--paper-3)}.know-btn svg{width:18px;height:18px}.know-btn.learning{color:var(--ink-soft)}.know-btn.learning:hover{border-color:var(--gold);color:var(--gold)}.know-btn.learning.pressed,.know-btn.learning:active{background:var(--gold-soft);border-color:var(--gold);color:#8a6a1f}.know-btn.known{color:var(--ink-soft)}.know-btn.known:hover{border-color:var(--jade);color:var(--jade)}.know-btn.known.pressed,.know-btn.known:active{background:var(--jade-soft);border-color:var(--jade);color:var(--jade)}.fc-nav{display:flex;gap:10px}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:14.5px;font-weight:600;letter-spacing:.3px;padding:14px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:var(--radius-md);transition:.15s}.nav-btn svg{width:17px;height:17px}.nav-btn:hover{background:var(--ink);color:var(--paper)}.nav-btn:active{transform:scale(.98)}.nav-btn:disabled{opacity:.3;cursor:default;background:var(--paper);color:var(--ink);pointer-events:none}.quiz-types{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.qtype-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.2px;padding:9px 8px;border:1.5px solid var(--line);background:var(--paper-3);color:var(--ink-soft);border-radius:var(--radius-md);cursor:pointer;transition:.15s;min-width:88px}.qtype-btn .lbl-tr{font-family:var(--tr-font);direction:var(--tr-dir);font-size:11.5px;font-weight:400;opacity:.75}.qtype-btn:hover{border-color:var(--seal);color:var(--seal)}.qtype-btn.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.qtype-btn.active .lbl-tr{color:rgba(244,238,220,.75)}.quiz-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quiz-progress-wrap{flex:1;display:flex;flex-direction:column;gap:5px}.quiz-progress-label{display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:12px;color:var(--ink-soft)}.quiz-progress-track{height:6px;border-radius:3px;background:var(--paper-2);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--seal);border-radius:3px;transition:width .3s}.quiz-score-chip{display:flex;align-items:center;gap:6px;flex:none;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink);background:var(--gold-soft);border:1px solid var(--gold);border-radius:16px;padding:6px 12px}.quiz-score-chip svg{width:14px;height:14px;color:var(--gold)}.quiz-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(155deg,var(--paper-3) 0,var(--paper-2) 100%);box-shadow:var(--shadow-md);padding:32px 22px;text-align:center;margin-bottom:18px;position:relative;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:.3s quizIn}@keyframes quizIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.q-instruction{font-family:var(--font-ui);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft);margin-bottom:16px;line-height:1.6}.q-hanzi{font-family:var(--font-display);font-weight:700;font-size:clamp(42px,12vw,64px);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.q-pinyin{font-family:var(--font-ui);font-size:17px;color:var(--jade);margin-top:10px}.q-pinyin-big{font-family:var(--font-ui);font-weight:600;font-size:clamp(26px,8vw,36px);color:var(--jade);display:flex;align-items:center;justify-content:center;gap:12px}.q-meaning-hint{font-family:var(--font-body);font-size:14.5px;color:var(--ink-soft);margin-top:12px}.q-meaning-hint .tr{font-family:var(--tr-font);direction:var(--tr-dir);font-size:15px}.stamp{position:absolute;top:16px;right:18px;font-family:var(--font-display);font-weight:900;font-size:14px;border:2.5px solid var(--jade);color:var(--jade);padding:3px 9px;border-radius:5px;transform:rotate(-8deg) scale(.7);opacity:0;transition:opacity .2s,transform .2s}.stamp.show{opacity:.92;transform:rotate(-8deg) scale(1)}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;font-family:var(--font-body);font-size:15px;padding:16px 12px;min-height:64px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper-3);cursor:pointer;color:var(--ink);transition:.15s;position:relative;line-height:1.4}.opt:hover:not(.disabled){border-color:var(--seal);background:var(--paper)}.opt:active:not(.disabled){transform:scale(.98)}.opt .opt-en{display:block}.opt .opt-tr{display:block;font-family:var(--tr-font);direction:var(--tr-dir);font-size:14px;color:var(--ink-soft);margin-top:2px}.opt .feedback-icon{display:none;width:18px;height:18px}.opt.correct{background:var(--jade);border-color:var(--jade);color:#fff}.opt.correct .opt-tr{color:rgba(255,255,255,.85)}.opt.correct .feedback-icon.check{display:block}.opt.wrong{background:var(--seal);border-color:var(--seal);color:#fff}.opt.wrong .opt-tr{color:rgba(255,255,255,.85)}.opt.wrong .feedback-icon.cross{display:block}.opt.disabled{pointer-events:none}.opt.disabled:not(.correct):not(.wrong){opacity:.55}.opt-hanzi{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,8vw,36px)}.opt-pinyin-choice .opt-en{font-family:var(--font-ui);font-size:21px;font-weight:600;color:var(--jade)}.opt-pinyin-choice.correct .opt-en,.opt-pinyin-choice.wrong .opt-en{color:#fff}.quiz-next{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;letter-spacing:.3px;padding:15px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:var(--radius-md);cursor:pointer;transition:.15s}.quiz-next svg{width:16px;height:16px}.quiz-next:disabled{opacity:0;pointer-events:none}.quiz-next:not(:disabled){animation:.25s nextIn}@keyframes nextIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-next:hover:not(:disabled){background:var(--seal);border-color:var(--seal)}.quiz-done{text-align:center;padding:36px 20px}.score-ring-wrap{position:relative;width:132px;height:132px;margin:0 auto 18px}.score-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--paper-2);stroke-width:9}.score-ring-fill{fill:none;stroke:var(--seal);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,.1,.2,1)}.score-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring-pct{font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--ink)}.score-ring-frac{font-family:var(--font-ui);font-size:11px;color:var(--ink-soft)}.quiz-done-msg{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--seal);margin-bottom:4px}.quiz-done p{font-family:var(--font-ui);color:var(--ink-soft);font-size:13.5px;margin-top:4px}.quiz-done-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.btn-primary,.btn-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:14.5px;font-weight:600;letter-spacing:.2px;padding:14px;border-radius:var(--radius-md);cursor:pointer;transition:.15s}.btn-primary{border:1.5px solid var(--ink);background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--seal);border-color:var(--seal)}.btn-secondary{border:1.5px solid var(--line);background:var(--paper-3);color:var(--ink)}.btn-secondary:hover{border-color:var(--seal);color:var(--seal)}footer{max-width:680px;margin:8px auto 40px;padding:0 16px;text-align:center;font-family:var(--font-ui);font-size:11px;color:var(--ink-faint)}.footer-levels{margin-bottom:6px}.footer-levels a{color:var(--ink-faint);text-decoration:underline;text-underline-offset:2px}.footer-levels a:focus-visible,.footer-levels a:hover{color:var(--ink)}@media (max-width:374px){.fc-hanzi{font-size:48px}.topbar-brand h1{display:none}.options{grid-template-columns:1fr}}@media (max-width:599px){.content-wrap{padding:0 14px 56px}.category-strip-wrap,.mode-switch,.status-bar{padding:0 14px}.view-panel{padding:18px 14px 56px}.fc-card{height:min(52vh,340px);min-height:270px}.fc-actions{flex-direction:row}.know-btn{font-size:13px;padding:12px 8px}.options{grid-template-columns:1fr}.quiz-card{padding:26px 16px;min-height:220px}.qtype-btn{min-width:0;font-size:12px;padding:8px 6px}.qtype-btn .lbl-tr{font-size:10.5px}}@media (min-width:600px) and (max-width:1023px){.category-strip-wrap,.content-wrap,.mode-switch,.status-bar,.view-panel{max-width:640px}}.desktop-header{display:none}@media (min-width:1024px){.topbar{display:none}.sidebar{display:block}.app-main-col{padding-top:8px}.desktop-header{display:flex;align-items:center;justify-content:space-between;max-width:680px;margin:20px auto 0;padding:0 16px}.status-bar{margin-top:14px}.content-wrap,.mode-switch,.status-bar,.view-panel{max-width:680px}}@media (min-width:1440px){.sidebar{width:296px;padding:34px 22px 34px 30px}.content-wrap,.desktop-header,.mode-switch,.status-bar,.view-panel{max-width:720px}}@media (max-height:480px) and (orientation:landscape){.fc-card{height:min(70vh,260px);min-height:200px}.fc-hanzi{font-size:40px}}.seo-page{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-body)}.seo-header{max-width:820px;margin:0 auto;padding:28px 20px 0;display:flex;align-items:center;justify-content:space-between}.seo-header a.seo-brand{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}.seo-header .seo-brand-seal{width:28px;height:28px;border-radius:6px;background:var(--seal);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;line-height:1}.seo-header .seo-back{font-family:var(--font-ui);font-size:13px;color:var(--ink-faint);text-decoration:none}.seo-header .seo-back:hover{color:var(--seal)}.seo-main{max-width:820px;margin:0 auto;padding:24px 20px 60px}.seo-main h1{font-family:var(--font-display);font-size:clamp(28px,5vw,40px);margin:0 0 8px;line-height:1.15}.seo-lede{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--ink);max-width:640px;margin:0 0 24px}.seo-main h2{font-family:var(--font-display);font-size:22px;margin:36px 0 12px}.seo-cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:14px;font-weight:600;padding:12px 22px;border-radius:24px;text-decoration:none;margin:4px 0 8px}.seo-cta:hover{background:var(--seal)}.seo-vocab-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:14px;margin:12px 0}.seo-vocab-table th{text-align:left;padding:8px 10px;border-bottom:2px solid var(--ink-faint);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint)}.seo-vocab-table td{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.seo-vocab-table .seo-hanzi{font-family:var(--font-display);font-size:20px}.seo-vocab-table .seo-pinyin{color:var(--ink-faint);font-style:italic}.seo-levels-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.seo-levels-nav a{font-family:var(--font-ui);font-size:13px;padding:8px 14px;border:1px solid var(--ink-faint);border-radius:20px;text-decoration:none;color:var(--ink)}.seo-levels-nav a.current,.seo-levels-nav a:hover{border-color:var(--seal);color:var(--seal)}.seo-footer{max-width:820px;margin:20px auto 40px;padding:0 20px;text-align:center;font-family:var(--font-ui);font-size:11px;color:var(--ink-faint)}.seo-footer a{color:var(--ink-faint)}@media (max-width:600px){.seo-vocab-table{font-size:13px}.seo-vocab-table .seo-hanzi{font-size:18px}}