:root{--bg-paper:#faf7f2;--bg-card:#ffffff;--bg-subtle:#f3ede2;--text-ink:#1e1b18;--text-muted:#5c5346;--seal-red:#9e2a2b;--seal-red-light:#fdf2f2;--jade-green:#1f6f50;--jade-bg:#edf7f2;--amber-gold:#b45309;--amber-bg:#fef7ec;--indigo-blue:#1d4ed8;--border-warm:#e4dacb;--hinge-gutter-size:24px}.high-contrast{--bg-paper:#ffffff;--bg-card:#ffffff;--bg-subtle:#eeeeee;--text-ink:#000000;--text-muted:#1f1f1f;--seal-red:#8b0000;--border-warm:#222222}.eink-mode{--bg-paper:#ffffff;--bg-card:#ffffff;--bg-subtle:#f4f4f5;--text-ink:#000000;--text-muted:#111111;--seal-red:#8b0000;--seal-red-light:#ffffff;--jade-green:#064e3b;--jade-bg:#ffffff;--amber-gold:#78350f;--amber-bg:#ffffff;--indigo-blue:#1e3a8a;--border-warm:#000000}.eink-mode *,.eink-mode :after,.eink-mode :before{transition:none!important;animation:none!important;box-shadow:none!important;text-shadow:none!important}.eink-mode .day-ribbon-bar,.eink-mode .knowledge-card,.eink-mode .lab-card,.eink-mode .session-steps-bar,.eink-mode .top-command-bar,.eink-mode .writing-pad-card{border-width:2px!important;border-color:#000000!important}.eink-mode .blurred-crutch{filter:none!important;background:#000000!important;color:transparent!important;border-radius:4px;padding:0 6px}.eink-refresh-flash-overlay{position:fixed;inset:0;z-index:99999;background:#000000;pointer-events:all}.eink-refresh-flash-overlay.phase-white{background:#ffffff}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-paper);color:var(--text-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button{font:inherit;cursor:pointer}.hanzi-app-shell{min-height:100dvh;display:flex;flex-direction:column;max-width:1680px;margin:0 auto;padding:10px 14px 36px}.top-command-bar{flex-wrap:wrap;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-warm);border-radius:14px;box-shadow:0 2px 6px rgba(30,27,24,.04)}.brand-group,.top-command-bar{display:flex;align-items:center;gap:12px}.brand-seal{width:42px;height:42px;border-radius:10px;background:var(--seal-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.brand-title{font-size:1.05rem;font-weight:800;color:var(--text-ink)}.brand-subtitle{font-size:.78rem;color:var(--text-muted)}.posture-and-timer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.session-timer-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--amber-bg);color:var(--amber-gold);font-size:.82rem;font-weight:700;border:1px solid rgba(180,83,9,.25)}.posture-switcher-group{display:inline-flex;flex-wrap:wrap;background:var(--bg-subtle);padding:3px;border-radius:10px;gap:3px}.ergonomic-btn,.posture-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;transition:all .15s ease}.ergonomic-btn.active,.posture-btn.active{background:var(--bg-card);color:var(--seal-red);border-color:var(--border-warm);box-shadow:0 1px 3px rgba(0,0,0,.06)}.day-ribbon-bar{margin-top:10px;background:var(--bg-card);border:1px solid var(--border-warm);border-radius:12px;padding:8px 10px}.day-ribbon-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.day-ribbon-chip{display:flex;flex-direction:column;align-items:center;min-width:78px;padding:5px 8px;border-radius:9px;border:1px solid var(--border-warm);background:var(--bg-paper);color:var(--text-ink);flex-shrink:0;transition:all .15s ease}.day-ribbon-chip.active{background:var(--seal-red);color:#ffffff;border-color:var(--seal-red)}.day-ribbon-chip.completed:not(.active){background:var(--jade-bg);border-color:var(--jade-green)}.day-chip-num{font-size:.72rem;font-weight:700}.day-chip-chars{font-size:.82rem;opacity:.9}.primary-nav-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.nav-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-card);color:var(--text-muted);font-size:.85rem;font-weight:700}.nav-tab-btn.active{background:var(--text-ink);color:#ffffff;border-color:var(--text-ink)}.session-container{margin-top:10px;display:flex;flex-direction:column;gap:10px}.session-steps-bar{justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-warm);border-radius:12px;padding:10px 14px}.day-headline-info,.session-steps-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.day-headline-info h2{font-size:1rem;font-weight:800}.phase-badge{background:var(--seal-red-light);color:var(--seal-red);border:1px solid rgba(158,42,43,.25);font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px}.four-steps-pills{display:flex;flex-wrap:wrap;gap:6px}.step-pill-btn{padding:6px 11px;border-radius:8px;border:1px solid var(--border-warm);background:var(--bg-paper);color:var(--text-muted);font-size:.78rem;font-weight:700}.step-pill-btn.active{background:var(--seal-red);color:#ffffff;border-color:var(--seal-red)}.step-pill-btn.done:not(.active){background:var(--jade-bg);color:var(--jade-green);border-color:var(--jade-green)}.ten-chars-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));grid-gap:6px;gap:6px}.ten-char-pill{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-card);transition:all .15s ease}.ten-char-pill.active{border-color:var(--seal-red);background:var(--seal-red-light);box-shadow:0 0 0 2px rgba(158,42,43,.2)}.ten-char-pill.mastered{border-bottom:3px solid var(--jade-green)}.pill-idx{font-size:.68rem;color:var(--text-muted)}.pill-hanzi{font-size:1.35rem;font-weight:700;line-height:1.2}.pill-hv{font-size:.7rem;font-weight:700;color:var(--seal-red)}.foldable-dual-workspace{display:flex;flex-direction:column;gap:14px}.hinge-safe-gutter{display:none}.hanzi-app-shell.posture-book .foldable-dual-workspace{flex-direction:row;align-items:flex-start;gap:0}.hanzi-app-shell.posture-book.left-handed .foldable-dual-workspace{flex-direction:row-reverse}.hanzi-app-shell.posture-book .pane-left-knowledge{flex:1 1 54%;min-width:0}.hanzi-app-shell.posture-book .hinge-safe-gutter{display:flex;align-items:center;justify-content:center;width:var(--hinge-gutter-size);min-width:var(--hinge-gutter-size);align-self:stretch;pointer-events:none;flex-shrink:0}.hinge-fold-line{width:2px;height:92%;background:repeating-linear-gradient(180deg,rgba(158,42,43,.25) 0,rgba(158,42,43,.25) 6px,transparent 0,transparent 12px)}.hanzi-app-shell.posture-book .pane-right-writing{flex:0 0 430px;max-width:100%;position:-webkit-sticky;position:sticky;top:12px}.hanzi-app-shell.posture-flex .foldable-dual-workspace{flex-direction:column;gap:0}.hanzi-app-shell.posture-flex .pane-left-knowledge{max-height:46dvh;overflow-y:auto;padding-right:4px}.hanzi-app-shell.posture-flex .hinge-safe-gutter{display:flex;height:var(--hinge-gutter-size);width:100%;align-items:center;justify-content:center;pointer-events:none}.hanzi-app-shell.posture-flex .hinge-fold-line{width:95%;height:2px}@media (horizontal-viewport-segments:2){.hanzi-app-shell .foldable-dual-workspace{flex-direction:row}.hanzi-app-shell .pane-left-knowledge{width:env(viewport-segment-width 0 0,50%)}.hanzi-app-shell .hinge-safe-gutter{display:flex;width:calc(env(viewport-segment-left 1 0, 24px) - env(viewport-segment-right 0 0, 0px) + 24px)}.hanzi-app-shell .pane-right-writing{width:env(viewport-segment-width 1 0,50%)}}@media (vertical-viewport-segments:2){.hanzi-app-shell .foldable-dual-workspace{flex-direction:column}.hanzi-app-shell .pane-left-knowledge{height:env(viewport-segment-height 0 0,48dvh);overflow-y:auto}.hanzi-app-shell .pane-right-writing{height:env(viewport-segment-height 1 0,48dvh)}}@media (max-width:860px){.hanzi-app-shell.posture-book .foldable-dual-workspace{flex-direction:column}.hanzi-app-shell.posture-book .pane-right-writing{flex:1 1 auto;width:100%;position:static}.hanzi-app-shell.posture-book .hinge-safe-gutter{display:none}}.knowledge-card,.lab-card,.writing-pad-card{background:var(--bg-card);border:1px solid var(--border-warm);border-radius:16px;padding:16px;box-shadow:0 3px 10px rgba(30,27,24,.04)}.knowledge-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.meta-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--bg-subtle);color:var(--text-muted)}.crutch-toggle-btn{margin-left:auto;border:1px solid var(--border-warm)}.crutch-toggle-btn.active{background:var(--seal-red);color:#fff}.four-layer-hero{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px;border-radius:14px;background:var(--bg-paper);border:1px solid var(--border-warm)}.hero-hanzi-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:118px;border-radius:14px;background:var(--bg-card);border:2px solid var(--seal-red);flex-shrink:0}.hero-hanzi-glyph{font-size:4.1rem;font-weight:700;line-height:1.05;font-family:"Noto Serif SC",Kaiti,STKaiti,serif}.hero-stroke-badge{font-size:.72rem;font-weight:700;color:var(--text-muted);margin-top:2px}.hero-linguistic-layers{flex:1 1 240px;display:flex;flex-direction:column;gap:8px}.layer-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hero-pinyin{font-size:1.55rem;font-weight:800;color:var(--seal-red)}.blurred-crutch{filter:blur(6px);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.tone-tag{font-size:.76rem;padding:3px 8px;border-radius:6px;background:var(--bg-subtle);color:var(--text-muted);font-weight:600}.speak-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;border:1px solid var(--border-warm);background:var(--bg-card);color:var(--text-ink);font-size:.78rem;font-weight:700}.hanviet-label{font-size:.76rem;font-weight:700;color:var(--text-muted)}.hanviet-value{font-size:1.15rem;font-weight:900;color:var(--jade-green);background:var(--jade-bg);padding:2px 10px;border-radius:8px;border:1px solid rgba(31,111,80,.25)}.radical-tag{font-size:.8rem;font-weight:700;color:var(--amber-gold)}.meaning-vi-text{font-size:1.12rem;font-weight:700;color:var(--text-ink)}.compounds-and-example-box,.decomposition-box,.phonetic-family-box{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-warm)}.section-subhead{gap:7px;font-size:.84rem;font-weight:800;color:var(--text-muted)}.ids-components-flow,.section-subhead{display:flex;align-items:center;margin-bottom:10px}.ids-components-flow{flex-wrap:wrap;gap:8px}.ids-part-chip{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:10px;background:var(--bg-paper);border:1px solid var(--border-warm)}.ids-part-symbol{font-size:1.55rem;font-weight:800;color:var(--seal-red)}.ids-part-info{display:flex;flex-direction:column}.ids-part-desc{font-size:.82rem;font-weight:700}.ids-part-role{font-size:.7rem;color:var(--text-muted)}.ids-plus-sign{font-size:1.2rem;font-weight:800;color:var(--text-muted)}.mnemonic-story-text{font-size:.9rem;background:var(--amber-bg);border-left:4px solid var(--amber-gold);padding:9px 12px;border-radius:8px;color:var(--text-ink)}.compounds-list,.related-chars-grid{display:flex;flex-wrap:wrap;gap:8px}.compound-word-card,.related-char-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper);font-size:.82rem}.comp-word,.rel-hanzi{font-size:1.15rem;font-weight:800;color:var(--seal-red)}.comp-hv{font-weight:700;color:var(--jade-green)}.example-sentence-banner{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:var(--bg-subtle)}.example-hanzi{font-size:1.2rem;font-weight:700}.example-pinyin{font-size:.85rem;color:var(--seal-red);font-weight:600}.example-vi{font-size:.85rem;color:var(--text-muted)}.writing-mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px;margin-bottom:10px}.mode-tab-btn{padding:7px 8px;border-radius:9px;border:1px solid var(--border-warm);background:var(--bg-paper);color:var(--text-muted);font-size:.78rem;font-weight:700}.mode-tab-btn.active{background:var(--seal-red);color:#fff;border-color:var(--seal-red)}.writing-pad-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.writing-char-badge{display:flex;flex-direction:column;gap:2px}.blind-prompt-badge,.target-char-mini{font-size:.92rem;font-weight:800}.stroke-counter-pill{font-size:.73rem;color:var(--text-muted)}.writing-pad-actions{display:flex;align-items:center;gap:6px}.icon-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:8px;border:1px solid var(--border-warm);background:var(--bg-paper);color:var(--text-ink);font-size:.76rem;font-weight:700}.icon-action-btn:disabled{opacity:.45;cursor:not-allowed}.mizige-stage-wrapper{display:flex;justify-content:center;margin:8px 0}.mizige-grid-box{position:relative;width:312px;height:312px;max-width:100%;background:#fdfbf7;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 12px rgba(158,42,43,.05)}.mizige-bg-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hanzi-writer-mount{position:relative;z-index:2;width:312px;height:312px}.hanzi-writer-mount.hidden{display:none}.freehand-spen-canvas{position:relative;z-index:3;width:312px;height:312px;touch-action:none;cursor:crosshair}.compound-slots-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.compound-slot-chip{padding:4px 10px;border-radius:8px;border:1px solid var(--border-warm);background:var(--bg-paper);font-size:.8rem}.compound-slot-chip.active{background:var(--seal-red);color:#fff}.compound-meaning-tag{font-size:.76rem;color:var(--text-muted)}.recognition-candidates-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-paper);border-radius:10px;margin-bottom:8px;font-size:.78rem}.rec-label{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--text-muted)}.rec-candidate-pill{padding:3px 8px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-warm)}.rec-candidate-pill.matched{background:var(--jade-bg);border-color:var(--jade-green);color:var(--jade-green)}.writing-status-banner{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:10px;background:var(--bg-subtle);font-size:.8rem;font-weight:600;margin-bottom:10px}.status-icon-success{color:var(--jade-green);flex-shrink:0}.status-icon-pen{color:var(--seal-red);flex-shrink:0}.fsrs-rating-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-warm)}.fsrs-section-header{font-size:.76rem;color:var(--text-muted);margin-bottom:8px}.fsrs-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.fsrs-rate-btn{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper);transition:transform .1s ease}.fsrs-rate-btn:active{transform:scale(.97)}.fsrs-rate-btn.rate-1{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.fsrs-rate-btn.rate-2{border-color:#fcd34d;background:#fffbeb;color:#92400e}.fsrs-rate-btn.rate-3{border-color:#86efac;background:#f0fdf4;color:#166534}.fsrs-rate-btn.rate-4{border-color:#93c5fd;background:#eff6ff;color:#1e40af}.fsrs-rate-btn.suggested-ring{box-shadow:0 0 0 2.5px var(--seal-red)}.rate-title{font-size:.78rem;font-weight:800}.rate-interval{font-size:.68rem;opacity:.85}.analytics-backup-panel,.phonetic-hv-explorer,.radicals-explorer,.single-pane-container,.story-dictation-lab,.vocab-ime-lab{display:flex;flex-direction:column;gap:14px;margin-top:10px}.lab-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.lab-card-header h3{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:800}.subhead-caption{font-size:.82rem;color:var(--text-muted);margin-top:4px}.score-pill{padding:4px 10px;border-radius:999px;background:var(--jade-bg);color:var(--jade-green);font-size:.78rem;font-weight:800}.grammar-callout-box{background:var(--amber-bg);border:1px solid rgba(180,83,9,.25);border-radius:12px;padding:12px;margin-bottom:14px}.grammar-pattern-badge{font-size:.88rem;color:var(--seal-red);margin-bottom:4px}.grammar-explanation{font-size:.86rem}.day-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-gap:8px;gap:8px}.vocab-tile-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px;border-radius:11px;border:1px solid var(--border-warm);background:var(--bg-paper);text-align:left}.vocab-tile-top{display:flex;width:100%;align-items:center;justify-content:space-between}.vocab-word-hanzi{font-size:1.3rem;font-weight:800;color:var(--text-ink)}.vocab-word-pinyin{font-size:.82rem;font-weight:700;color:var(--seal-red)}.vocab-word-hv{font-size:.75rem;font-weight:700;color:var(--jade-green)}.vocab-word-vi{font-size:.8rem;color:var(--text-muted)}.ime-prompt-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--bg-paper);border-radius:12px;margin-bottom:10px}.hv-highlight{color:var(--jade-green);font-weight:800}.ime-text-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper);font-size:.92rem;color:var(--text-ink)}.ime-candidates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.ime-candidate-btn{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:12px;border:1px solid var(--border-warm);background:var(--bg-paper)}.ime-candidate-btn.correct{border-color:var(--jade-green);background:var(--jade-bg)}.ime-candidate-btn.wrong{border-color:var(--seal-red);background:var(--seal-red-light)}.ime-cand-hanzi{font-size:1.9rem;font-weight:800}.ime-cand-rad{font-size:.72rem;color:var(--text-muted)}.drill-feedback-banner{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:.85rem}.drill-feedback-banner.ok{background:var(--jade-bg);color:var(--jade-green);border:1px solid rgba(31,111,80,.3)}.drill-feedback-banner.err{background:var(--seal-red-light);color:var(--seal-red);border:1px solid rgba(158,42,43,.3)}.next-question-btn{margin-left:auto;padding:5px 12px;border-radius:8px;border:none;background:var(--text-ink);color:#fff;font-weight:700;font-size:.78rem}.sentence-answer-tray,.sentence-pool-tray{min-height:54px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-radius:12px;border:1px dashed var(--border-warm);background:var(--bg-paper);margin-top:8px}.tray-placeholder{font-size:.82rem;color:var(--text-muted)}.sentence-token-chip{padding:7px 14px;border-radius:9px;border:1px solid var(--border-warm);background:var(--bg-card);font-size:1.05rem;font-weight:700}.sentence-token-chip.picked{background:var(--seal-red);color:#fff;border-color:var(--seal-red)}.backup-actions-row,.sentence-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.primary-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;background:var(--seal-red);color:#fff;font-weight:700;font-size:.85rem}.primary-action-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper);color:var(--text-ink);font-weight:700;font-size:.84rem}.complete-step-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-warm);display:flex;justify-content:flex-end}.complete-step-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;border:none;background:var(--jade-green);color:#ffffff;font-weight:800;font-size:.88rem}.reader-toolbar{display:flex;flex-wrap:wrap;gap:6px}.toolbar-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--border-warm);background:var(--bg-paper);font-size:.78rem;font-weight:700}.toolbar-toggle-btn.active{background:var(--seal-red);color:#fff}.tap-to-peek-popover{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--text-ink);color:#ffffff;margin-bottom:12px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.peek-glyph{font-size:2.1rem;font-weight:800;color:#fcd34d}.peek-top-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.peek-pinyin{font-size:1.05rem;color:#fca5a5}.peek-hv{font-size:.82rem;color:#86efac;font-weight:700}.peek-badge{font-size:.7rem;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.15)}.peek-timer-tag{margin-left:auto;font-size:.7rem;opacity:.75}.story-sentences-list{display:flex;flex-direction:column;gap:10px}.story-sentence-block{padding:12px;border-radius:12px;background:var(--bg-paper);border:1px solid var(--border-warm)}.sentence-main-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.interactive-hanzi-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px}.story-char-token{padding:2px 4px;border-radius:6px;border:none;background:transparent;font-size:1.55rem;font-weight:700;color:var(--text-ink);transition:background .12s ease}.story-char-token:hover{background:var(--bg-subtle)}.story-char-token.today-highlight{color:var(--seal-red);background:var(--seal-red-light)}.story-char-token.aux-underline{-webkit-text-decoration:underline dotted var(--amber-gold);text-decoration:underline dotted var(--amber-gold)}.story-punct{font-size:1.4rem;padding:0 2px}.story-sentence-pinyin{margin-top:6px;font-size:.9rem;color:var(--seal-red);font-weight:600}.story-sentence-vi{margin-top:4px;font-size:.88rem;color:var(--text-muted)}.support-glossary-box{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--amber-bg)}.glossary-title{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:var(--amber-gold);margin-bottom:6px}.glossary-chips-row{display:flex;flex-wrap:wrap;gap:6px}.glossary-chip{padding:4px 9px;border-radius:7px;border:1px solid rgba(180,83,9,.25);background:var(--bg-card);font-size:.78rem}.dictation-list,.questions-stack{display:flex;flex-direction:column;gap:12px}.comprehension-q-box,.dictation-row-card{padding:12px;border-radius:12px;background:var(--bg-paper);border:1px solid var(--border-warm)}.q-title{font-weight:800;font-size:.92rem;margin-bottom:8px}.q-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px}.q-option-btn{padding:9px 12px;border-radius:9px;border:1px solid var(--border-warm);background:var(--bg-card);text-align:left;font-size:.85rem;font-weight:600}.q-option-btn.correct{background:var(--jade-bg);border-color:var(--jade-green);color:var(--jade-green)}.q-option-btn.wrong{background:var(--seal-red-light);border-color:var(--seal-red);color:var(--seal-red)}.q-explanation{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600}.q-explanation.ok{color:var(--jade-green)}.q-explanation.err{color:var(--seal-red)}.dictation-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.dictation-fill-btn{margin-left:auto;font-size:.74rem;padding:4px 9px;border-radius:6px;border:1px solid var(--border-warm);background:var(--bg-card);color:var(--text-muted)}.dictation-input-group{display:flex;gap:8px}.filter-pills-row{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{padding:5px 10px;border-radius:999px;border:1px solid var(--border-warm);background:var(--bg-paper);font-size:.76rem;font-weight:700}.filter-pill.active{background:var(--seal-red);color:#fff}.radical-quiz-body{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.radical-quiz-prompt{display:flex;flex-direction:column;align-items:center;padding:14px 20px;border-radius:14px;background:var(--bg-paper);border:2px solid var(--seal-red);min-width:170px}.quiz-rad-symbol{font-size:3.2rem;font-weight:800}.quiz-rad-examples,.quiz-rad-variants{font-size:.76rem;color:var(--text-muted)}.radical-quiz-options{flex:1 1 280px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:8px;gap:8px}.hv-rules-grid,.phonetic-trees-grid,.radicals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.hv-rule-card,.phonetic-tree-card,.radical-item-card{padding:12px;border-radius:12px;background:var(--bg-paper);border:1px solid var(--border-warm);display:flex;flex-direction:column;gap:8px}.rad-top-row,.tree-root-banner{display:flex;align-items:center;gap:10px}.rad-main-glyph,.tree-root-char{font-size:2rem;font-weight:800;color:var(--seal-red);background:var(--bg-card);width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-warm)}.rad-hv-title{font-weight:800;font-size:.95rem}.rad-mnemonic{font-size:.8rem;color:var(--text-muted)}.hv-examples-row,.rad-examples-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.hv-example-chip,.rad-ex-chip{padding:3px 8px;border-radius:6px;border:1px solid var(--border-warm);background:var(--bg-card);font-size:.76rem}.tree-branches-list{display:flex;flex-direction:column;gap:6px}.tree-branch-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;border:1px solid var(--border-warm);background:var(--bg-card);text-align:left;font-size:.8rem}.branch-char{font-size:1.5rem;font-weight:800;color:var(--seal-red);min-width:36px;text-align:center}.dict-search-bar{position:relative;display:flex;align-items:center;margin-bottom:12px}.search-icon{position:absolute;left:12px;color:var(--text-muted)}.dict-search-bar .ime-text-input{padding-left:38px}.dict-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:8px;gap:8px}.dict-char-tile{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper);text-align:left}.dict-tile-glyph{font-size:1.8rem;font-weight:800;color:var(--seal-red)}.dict-tile-vi{font-size:.8rem;font-weight:600}.dict-tile-meta{font-size:.7rem;color:var(--text-muted)}.dual-track-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:12px;gap:12px}.track-stat-box{padding:14px;border-radius:12px;border:1px solid var(--border-warm);background:var(--bg-paper)}.track-stat-box h4{font-size:.92rem;margin-bottom:10px;color:var(--seal-red)}.stat-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.stat-metric{display:flex;flex-direction:column;padding:8px;border-radius:8px;background:var(--bg-card)}.metric-val{font-size:1.25rem;font-weight:900}.metric-lbl{font-size:.74rem;color:var(--text-muted)}.days-heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:8px;gap:8px}.day-heatmap-cell{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper)}.day-heatmap-cell.steps-4{background:var(--jade-bg);border-color:var(--jade-green)}.cell-day-num{font-size:.75rem;font-weight:800}.cell-chars{font-size:.9rem;font-weight:700;color:var(--seal-red)}.cell-progress-tag{font-size:.68rem;color:var(--text-muted)}.backup-textarea{width:100%;margin-top:10px;padding:10px;border-radius:10px;border:1px solid var(--border-warm);background:var(--bg-paper);font-family:monospace;font-size:.8rem}.cloud-sync-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:8px;gap:8px;margin-bottom:12px}.scope-disclaimer-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--amber-bg);font-size:.8rem;margin-bottom:10px}.licenses-list{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--text-muted)}.licenses-list a{color:var(--seal-red);font-weight:700}.fsrs-warmup-banner{background:var(--bg-card);border:1px solid var(--border-warm);border-radius:12px;padding:10px 12px;margin-bottom:10px}.warmup-header{display:flex;align-items:center;gap:6px;font-size:.82rem;margin-bottom:8px}.due-cards-scroller{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.due-card-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid var(--border-warm);background:var(--bg-paper);font-size:.76rem;flex-shrink:0}.due-card-chip.active{border-color:var(--seal-red);background:var(--seal-red-light)}.toast-notification{position:fixed;bottom:18px;right:18px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--text-ink);color:#ffffff;font-size:.85rem;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.22)}.error-screen,.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.scholar-motivation-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-warm);color:var(--text-ink);font-size:.78rem;font-weight:700}.pill-streak-tag{background:var(--seal-red)}.pill-streak-tag,.pill-xp-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;color:#ffffff;font-size:.72rem;font-weight:800}.pill-xp-tag{background:var(--jade-green)}.session-timer-pill.timer-state-running{background:var(--jade-bg);color:var(--jade-green);border-color:var(--jade-green)}.session-timer-pill.timer-state-paused_inactive{background:var(--seal-red-light);color:var(--seal-red);border-color:var(--seal-red)}.timer-inline-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;border:1px solid;font-size:.74rem;font-weight:800;margin-left:4px}.timer-inline-btn.start{background:var(--seal-red);color:#ffffff;border-color:var(--seal-red)}.timer-inline-btn.pause{background:var(--bg-card);color:var(--text-ink);border-color:var(--border-warm)}.timer-inline-btn.reset{background:transparent;padding:3px 6px}.idle-pause-alert-banner{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:var(--seal-red-light);border:2px solid var(--seal-red);color:var(--text-ink);font-size:.85rem}.modal-backdrop-layer{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.55);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}.eink-mode .modal-backdrop-layer{background:rgba(255,255,255,.96)}.account-motivation-dialog{width:100%;max-width:1180px;background:var(--bg-paper);border:2px solid var(--border-warm);border-radius:16px;padding:16px;margin:auto 0}.dialog-top-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-warm)}.dialog-body-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:12px;gap:12px}.account-auth-form,.logged-in-profile-box{display:flex;flex-direction:column;gap:10px}.profile-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;background:var(--bg-paper);border:1px solid var(--border-warm)}.form-fields-grid,.timer-rules-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px}.field-label{display:block;font-size:.78rem;font-weight:700;margin-bottom:4px}.accuracy-guarantee-box{margin-top:12px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:var(--jade-bg);border:1px solid var(--jade-green)}.scholar-rank-banner{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:var(--bg-paper);border:1px solid var(--border-warm)}.rank-seal-large{width:64px;height:64px;border-radius:14px;background:var(--seal-red);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:800;flex-shrink:0}.streak-flame-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--amber-bg);color:var(--amber-gold);border:1px solid rgba(180,83,9,.3);font-size:.78rem;font-weight:800}.xp-progress-track{width:100%;height:10px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-warm);overflow:hidden}.xp-progress-fill{height:100%;background:var(--seal-red)}.xp-progress-fill.jade{background:var(--jade-green)}.daily-goal-progress-card{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--bg-paper);border:1px solid var(--border-warm)}.daily-quote-box{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--amber-bg);border-left:4px solid var(--amber-gold)}.badges-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:10px;gap:10px}.achievement-badge-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-warm);background:var(--bg-paper)}.achievement-badge-card.unlocked{border-color:var(--jade-green);background:var(--jade-bg)}.achievement-badge-card.locked{opacity:.75}.badge-seal-icon{width:42px;height:42px;border-radius:10px;background:var(--bg-subtle);color:var(--text-ink);border:1px solid var(--border-warm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0}.achievement-badge-card.unlocked .badge-seal-icon{background:var(--seal-red);color:#ffffff;border-color:var(--seal-red)}.badge-xp-tag{font-size:.72rem;font-weight:800;color:var(--amber-gold);white-space:nowrap}