.rp-flag-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid #E4DDCB;background:#fff;color:#b4433a;font-size:1rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;padding:0}.rp-flag-btn:hover,.rp-flag-btn:focus-visible{opacity:1;border-color:#b4433a}.rp-menu{position:fixed;z-index:200000;width:240px;max-width:calc(100vw - 16px);box-sizing:border-box;background:var(--card-bg, #fff);border:1px solid #E4DDCB;border-radius:12px;padding:12px;box-shadow:0 6px 18px #221a0f38;font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif;font-size:.85rem;color:var(--ink, #22262B)}.rp-menu[hidden]{display:none}.rp-title{margin-bottom:8px;font-weight:600}.rp-type{display:flex;align-items:center;gap:8px;padding:5px 2px;cursor:pointer}.rp-note{width:100%;box-sizing:border-box;margin-top:8px;padding:7px 9px;border:1.5px solid #E4DDCB;border-radius:8px;font-family:inherit;font-size:.85rem;resize:vertical}.rp-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.rp-actions button{padding:6px 14px;border-radius:16px;border:1.5px solid #DCD5C4;background:#fff;color:var(--ink-soft, #5B6470);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer}.rp-actions .rp-submit{background:var(--teal, #3A7A82);border-color:var(--teal, #3A7A82);color:#fff}.rp-actions button:disabled{opacity:.6;cursor:wait}.rp-status{min-height:1.1em;margin-top:6px;font-size:.78rem;color:var(--teal, #3A7A82)}.back-home{display:inline-block;margin-bottom:14px;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.85rem;font-weight:500;color:var(--ink-soft);text-decoration:none}.back-home:hover{color:var(--azure)}.play-all-btn{display:inline-flex;align-items:center;gap:7px;background:var(--azure);color:#fff;font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:500;font-size:.88rem;padding:9px 16px;border:none;border-radius:20px;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}.play-all-btn:hover{background:#2d5170;transform:translateY(-1px)}.play-all-btn.is-active{background:var(--ink)}.play-all-btn:disabled{background:var(--ink-soft);opacity:.45;cursor:not-allowed;transform:none}.play-all-btn:disabled:hover{background:var(--ink-soft);transform:none}.mode-tabs{display:flex;gap:6px;margin-bottom:14px}.mode-tabs[hidden]{display:none}.tvh-level-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px;background:var(--card-bg);border:1px solid #E4DDCB;border-radius:var(--radius);box-shadow:var(--shadow)}.tvh-level-bar[hidden]{display:none}.tvh-level-card{position:relative;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif;font-weight:600;font-size:.8rem;color:var(--ink-soft);background:#fff;border:1.5px solid #E4DDCB;border-radius:20px;padding:4px 13px;cursor:pointer;transition:all .15s}.tvh-level-card:not(:disabled):hover{border-color:var(--azure);color:var(--azure)}.tvh-level-card:disabled{cursor:not-allowed;opacity:.55}.tvh-level-card.is-active{background:var(--azure);border-color:var(--azure);color:#fff;cursor:default}.tvh-level-num{font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif;font-weight:700;font-size:.82rem;color:inherit}.mode-tab{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:20px;text-decoration:none;color:var(--ink-soft);background:transparent;border:1px solid transparent}a.mode-tab{color:var(--ink-soft);cursor:pointer}a.mode-tab:hover{color:var(--azure);border-color:var(--azure)}.mode-tab.is-active{background:var(--azure);color:#fff}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 10px}.toolbar[hidden]{display:none}.file-btn{background:var(--ink);color:#fff;font-weight:500;font-size:.88rem;padding:10px 18px;border-radius:7px;cursor:pointer;transition:background .15s;white-space:nowrap}.file-btn:hover{background:#000}.template-link-btn{background:none;border:1.5px solid #DCD5C4;color:var(--ink-soft);font-size:.78rem;padding:6px 10px;border-radius:7px;cursor:pointer;white-space:nowrap}.template-link-btn:hover{color:var(--ink);border-color:var(--ink-soft)}#file-name{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}#setup-row[hidden]{display:none}.toggle-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.toggle-group+.toggle-group{margin-top:10px}.toggle-group-label{flex-basis:100%;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.toggle-group button{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.82rem;font-weight:500;padding:6px 12px;border-radius:20px;cursor:pointer;background:#fff;border:1.5px solid #DCD5C4;color:var(--ink);transition:all .15s}.toggle-group button:hover{transform:translateY(-1px)}.toggle-group button.is-active{background:var(--azure);border-color:var(--azure);color:#fff}#empty-state{text-align:center;padding:70px 20px;color:var(--ink-soft)}#empty-state .stamp-lg{width:60px;height:60px;margin:0 auto 18px;background:var(--azure);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif SC",serif;font-size:28px;font-weight:700;border-radius:5px 10px 6px 9px;transform:rotate(-5deg);box-shadow:0 3px 10px #3f6c8c4d}#empty-state p{font-size:.94rem;line-height:1.6;max-width:420px;margin:0 auto}#progress-note{font-size:.8rem;padding:8px 12px;border-radius:8px;margin:8px 0 0;line-height:1.5}#progress-note:empty{display:none}#progress-note.progress-note--upgrade{background:var(--gold-soft);color:var(--gold)}#progress-note.progress-note--synced{background:var(--jade-soft);color:var(--jade)}.study-area{position:relative;max-width:460px;margin:26px auto}body.tvh-vocab-only .study-area{max-width:none;width:100%;margin:10px 0;display:flex;flex-direction:column}body.tvh-vocab-only .flash-card{max-width:none;width:100%;font-size:1.12em;box-sizing:border-box;height:480px;min-height:480px}body.tvh-vocab-only.has-site-header .app-shell.shell-grid{padding-bottom:12px}body.tvh-vocab-only header.brand{margin-bottom:6px}body.tvh-vocab-only .toolbar{margin:10px 0 6px}body.tvh-vocab-only .round-progress{display:none}body.tvh-vocab-only .control-panel{margin-top:0;top:0;gap:8px;padding:12px 16px}body.tvh-vocab-only .toggle-group+.toggle-group{margin-top:4px}body.tvh-vocab-only .play-all-btn{padding:6px 14px;font-size:.82rem}.round-progress{display:flex;align-items:center;justify-content:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--ink-soft);text-align:center;margin-bottom:14px}.round-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;padding:0;border-radius:50%;font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif;font-size:1.5rem;line-height:1;border:1.5px solid #DCD5C4;background:#fff;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);cursor:pointer;z-index:3;transition:all .15s}.round-nav-arrow:hover:not(:disabled){border-color:var(--azure);color:var(--azure);transform:translateY(-50%) scale(1.08)}.round-nav-arrow:disabled{opacity:.35;cursor:not-allowed}.round-nav-arrow--prev{left:-18px}.round-nav-arrow--next{right:-18px}.flash-report-btn{position:absolute;top:14px;left:14px;z-index:3}@media (max-width:520px){.round-nav-arrow{top:auto!important;bottom:14px;transform:none;width:44px;height:44px}.round-nav-arrow:hover:not(:disabled){transform:scale(1.06)}.round-nav-arrow--prev{left:14px}.round-nav-arrow--next{right:14px}.study-area .flash-card{padding-bottom:78px}}.flash-card{position:relative;max-width:460px;margin:0 auto;background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow);min-height:380px;padding:32px 28px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:default}.flash-card--flip{cursor:pointer}.flash-front-text{font-family:"Noto Serif SC",serif;font-size:4.2rem;color:var(--ink);line-height:1.3}.flash-radical-row{display:inline-flex;gap:4px;justify-content:center;align-items:center}.flash-radical-char{position:relative;display:inline-block}.flash-radical-char--plain{font-family:"Noto Serif SC",serif;font-size:.62em;display:inline-flex;align-items:center;justify-content:center}.flash-radical-hit{position:absolute;cursor:pointer;border:1.5px solid transparent;border-radius:4px;transition:border-color .12s,background-color .12s}.flash-radical-hit:hover{border-color:var(--hit-color, currentColor);background:color-mix(in srgb,var(--hit-color, #000) 12%,transparent)}.flash-radical-popover{position:fixed;z-index:60;pointer-events:none;background:var(--ink);color:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 6px 18px #0000004d;display:flex;align-items:center;gap:8px;font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif}.flash-radical-popover[hidden]{display:none}.flash-radical-popover-char{font-family:"Noto Serif SC",serif;font-size:1.6rem;line-height:1}.flash-radical-popover-info{display:flex;flex-direction:column;gap:1px}.flash-radical-popover-pinyin{font-family:IBM Plex Mono,monospace;font-size:.8rem;opacity:.85}.flash-radical-popover-meaning{font-size:.85rem}.flash-back{width:100%}.flash-answer{font-size:2.8rem;color:var(--azure);margin-bottom:14px}.flash-context{display:flex;flex-direction:column;gap:14px}.flash-context-line{font-size:.9rem;color:var(--ink-soft)}.flash-context-line b{color:var(--ink);font-weight:600}.flash-audio-btn{display:block;margin:14px auto 0;width:38px;height:38px;border-radius:50%;border:1.5px solid #DCD5C4;background:#fff;color:#c9c2b2;font-size:1.1rem;cursor:not-allowed;transition:all .15s}.flash-audio-btn.is-active{color:#fff;background:var(--azure);border-color:var(--azure);cursor:pointer}.flash-audio-btn.is-active:hover{transform:scale(1.08)}.flash-audio-btn--corner{position:absolute;top:14px;right:14px;margin:0;z-index:2}.flash-example-head{display:flex;justify-content:flex-end;margin:0 -14px 6px 0}.flash-audio-btn--example{margin:0}.flash-write-card{flex-direction:column;justify-content:flex-start}.flash-write-card>.flash-write-hint{margin-top:auto}.flash-write-card>.flash-write-repeat{margin-bottom:auto}body.tvh-vocab-only .flash-card.flash-write-card{height:auto}.flash-write-hint{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:1.1rem;color:var(--ink-soft);margin-bottom:16px}.flash-write-canvas{width:280px;height:280px;margin:0 auto;background:#fff;border:1.5px solid #DCD5C4;border-radius:12px}.flash-write-status{margin-top:10px;font-size:.85rem;color:var(--ink-soft)}.flash-write-rule{margin:8px auto 0;max-width:320px;padding:8px 12px;border-radius:8px;background:var(--gold-soft, #F5EBD8);color:#5a4210;font-size:.85rem;line-height:1.5;text-align:left}.flash-write-rule span{display:block;margin-top:2px}.flash-write-missing{color:var(--ink-soft);font-size:.9rem;padding:40px 0}.flash-example{margin-top:14px;padding-top:12px;border-top:1px dashed #DCD5C4;text-align:left}.flash-example-zh{font-family:"Noto Serif SC",serif;font-size:1.15rem;color:var(--ink)}.flash-example-target{color:var(--azure);font-weight:700}.flash-example-py{font-family:IBM Plex Mono;font-size:.85rem;color:var(--ink-soft)}.flash-example-vi{font-size:.9rem;color:var(--ink-soft)}.flash-example .card-lines{gap:18px}.flash-flip-hint{text-align:center;margin-top:10px;font-size:.8rem;color:var(--ink-soft);visibility:visible}.flash-flip-hint.is-hidden{visibility:hidden}.flash-rate-buttons{display:flex;justify-content:center;gap:14px;margin-top:18px}.flash-rate-buttons[hidden]{display:none}.flash-rate{font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:600;font-size:.92rem;padding:10px 22px;border-radius:20px;border:none;cursor:pointer;transition:transform .15s}.flash-rate:hover{transform:translateY(-1px)}.flash-rate--no{background:var(--seal-soft);color:var(--seal)}.flash-rate--yes{background:var(--jade-soft);color:var(--jade)}.flash-choices{max-width:460px;margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.flash-choice{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.95rem;font-weight:500;padding:14px 12px;border-radius:10px;border:1.5px solid #DCD5C4;background:#fff;cursor:pointer;transition:all .15s;color:var(--ink)}.flash-choice:hover:not(:disabled){border-color:var(--azure);transform:translateY(-1px)}.flash-choice:disabled{cursor:default}.flash-choice.is-correct{background:var(--jade-soft);border-color:var(--jade);color:var(--jade)}.flash-choice.is-wrong{background:var(--seal-soft);border-color:var(--seal);color:var(--seal)}.flash-choice1-answer{max-width:460px;margin:20px auto 0;text-align:center;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:1.15rem;font-weight:600;color:var(--ink);background:#fff;border:1.5px solid #DCD5C4;border-radius:10px;padding:16px 14px}.flash-choice1-buttons{max-width:460px;margin:14px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.flash-choice1{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.95rem;font-weight:600;padding:14px 12px;border-radius:10px;border:1.5px solid #DCD5C4;background:#fff;cursor:pointer;transition:all .15s;color:var(--ink)}.flash-choice1:hover:not(:disabled){border-color:var(--azure);transform:translateY(-1px)}.flash-choice1:disabled{cursor:default}.flash-choice1.is-correct{background:var(--jade-soft);border-color:var(--jade);color:var(--jade)}.flash-choice1.is-wrong{background:var(--seal-soft);border-color:var(--seal);color:var(--seal)}.flash-choice1-reveal{max-width:460px;margin:10px auto 0;text-align:center;font-size:.88rem;color:var(--ink-soft)}.flash-type-form{max-width:400px;margin:20px auto 0;display:flex;gap:8px}.flash-type-input{flex:1;padding:11px 14px;border-radius:8px;border:1.5px solid #DCD5C4;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.95rem;color:var(--ink)}.flash-type-input:focus{outline:none;border-color:var(--azure)}.flash-type-submit{background:var(--azure);color:#fff;border:none;border-radius:8px;padding:11px 18px;font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:500;font-size:.9rem;cursor:pointer}.flash-pinyin-palette{max-width:460px;margin:12px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px}.flash-pinyin-row{display:flex;flex-wrap:nowrap;gap:5px;justify-content:center;max-width:100%;overflow-x:auto;padding:2px}.flash-pinyin-key{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.98rem;color:var(--ink);background:#fff;border:1.5px solid #DCD5C4;border-radius:7px;flex:0 0 auto;min-width:27px;padding:6px 7px;cursor:pointer;transition:all .15s}.flash-pinyin-key:hover:not(:disabled){border-color:var(--azure);color:var(--azure)}.flash-pinyin-key:disabled{opacity:.4;cursor:not-allowed}.flash-pinyin-key--space{min-width:auto;font-size:.8rem;color:var(--ink-soft);padding:6px 12px}.flash-type-hint-row{max-width:400px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;min-height:1.2em}.flash-hint-btn{background:transparent;color:var(--ink-soft);border:1.5px solid #DCD5C4;border-radius:8px;width:42px;flex:0 0 auto;font-size:1.1rem;cursor:pointer}.flash-hint-btn:hover{border-color:var(--azure);color:var(--azure)}.flash-hint-btn:disabled{opacity:.45;cursor:not-allowed}.flash-type-hint{font-family:IBM Plex Mono;letter-spacing:2px;font-size:.95rem;color:var(--azure)}.flash-type-feedback{max-width:400px;margin:14px auto 0;text-align:center;font-size:.9rem;padding:10px 14px;border-radius:8px}.flash-type-feedback--correct{background:var(--jade-soft);color:var(--jade)}.flash-type-feedback--wrong{background:var(--seal-soft);color:var(--seal)}.flash-summary{text-align:center;padding:40px 20px}.flash-summary p{font-size:1rem;color:var(--ink);margin:16px 0 24px;line-height:1.6}.flash-summary .stamp-lg{width:60px;height:60px;margin:0 auto;background:var(--jade);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;border-radius:5px 10px 6px 9px;transform:rotate(-5deg);box-shadow:0 3px 10px #4c7a6d4d}.flash-restart-btn{background:var(--azure);color:#fff;border:none;border-radius:20px;padding:11px 24px;font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:500;font-size:.92rem;cursor:pointer}@keyframes statPulse{0%{box-shadow:0 0 #3f6c8c80}70%{box-shadow:0 0 0 10px #3f6c8c00}to{box-shadow:0 0 #3f6c8c00}}.stat-tile.level-up{animation:statPulse .9s ease}.fc-panel-toggle{display:none}@media (max-width:600px){.fc-panel-toggle{display:block;width:100%;padding:8px 12px;border:1.5px solid #E4DDCB;border-radius:20px;background:#fff;color:var(--ink);font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:600;font-size:.88rem;cursor:pointer}.fc-panel-toggle[aria-expanded=true]{background:var(--azure-soft);border-color:var(--azure);color:var(--azure)}.control-panel.fc-collapsed>*:not(.fc-panel-toggle){display:none}.control-panel.fc-collapsed{padding:8px 10px}.flash-choices{grid-template-columns:1fr}.flash-front-text{font-size:3rem}.flash-card{padding:24px 18px}}@media (prefers-reduced-motion: reduce){.stat-tile.level-up{animation:none}}.writing-pdf-btn{width:100%;padding:9px 14px;border-radius:22px;border:1.5px solid var(--seal);cursor:pointer;background:transparent;color:var(--seal);font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:600;font-size:.85rem}.writing-pdf-btn:hover{background:var(--seal);color:#fff}.writing-pdf-btn:focus-visible{outline:2px solid var(--azure);outline-offset:2px}#mouth-anim-btn{margin-bottom:8px}.mouth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:16px;background:#1c160e73}.mouth-box{width:100%;max-width:640px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--card-bg, #fff);border-radius:14px;box-shadow:0 18px 50px #00000040;padding:16px 18px 18px;font-family:Be Vietnam Pro,IBM Plex Sans}.mouth-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mouth-head h2{margin:0;font-size:1.05rem;color:var(--azure);font-weight:600}.mouth-zh{font-family:"Noto Serif SC",serif;font-size:1.4rem;color:var(--ink);margin-right:6px}.mouth-close{border:0;background:transparent;font-size:1.05rem;cursor:pointer;color:var(--ink-soft);padding:4px 8px}.mouth-actions{display:flex;justify-content:center;margin-top:12px}.mouth-play{font:inherit;font-weight:600;padding:10px 22px;border:0;border-radius:22px;background:var(--seal);color:#fff;cursor:pointer}.mouth-play:disabled{opacity:.6;cursor:default}.mouth-play:focus-visible{outline:2px solid var(--azure);outline-offset:2px}.mouth-note{margin:10px 0 0;text-align:center;font-size:.76rem;line-height:1.5;color:var(--ink-soft)}@media (prefers-reduced-motion: reduce){.mouth-syl{transition:none}}.vocab-tour-slot{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:-4px 0 6px;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.74rem;color:var(--ink-soft)}.mouth-box .mouth-anim{grid-template-columns:1fr 1fr}@media (max-width:520px){.mouth-box{padding:12px 12px 14px}.mouth-box .mouth-view-label{font-size:.68rem}}@media (min-width:1150px){body.vx-layout .app-shell.shell-grid{max-width:1440px;grid-template-columns:400px minmax(0,1fr);grid-template-areas:"top    top" "levels levels" "side   panel" "side   bottom";grid-template-rows:auto auto auto 1fr;column-gap:14px;row-gap:10px}body.vx-layout #vocab-level-bar{grid-area:levels;margin:0}body.vx-layout .vx-side{grid-area:side;position:sticky;top:68px;align-self:start;max-height:calc(100vh - 80px)}body.vx-layout .control-panel.vx-bar{grid-area:panel;position:relative;top:auto}body.vx-layout.vx-side-closed .app-shell.shell-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "levels" "panel" "bottom"}body.vx-layout.vx-side-closed .vx-side{display:none}}body.vx-layout .shell-top:empty,body.vx-layout .shell-top{min-height:0}body.vx-layout .study-area{margin:0}body.vx-layout .control-panel.vx-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:8px 10px;border-radius:14px}body.vx-layout .control-panel.vx-bar[hidden]{display:none}body.vx-layout .fc-panel-toggle{display:none!important}.vx-ib{position:relative;min-width:34px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:none;background:var(--teal);color:#fff;font-size:.95rem;line-height:1;cursor:pointer;font-family:Be Vietnam Pro,IBM Plex Sans;transition:background .15s,transform .15s}.vx-ib:hover:not(:disabled){transform:translateY(-1px)}.vx-ib:disabled{opacity:.4;cursor:not-allowed}.vx-ib--dark{background:var(--ink)}.vx-ib--dark[aria-pressed=false]{background:#e9e3d5;color:var(--ink-soft)}.vx-ib--light{background:var(--card-bg);border:1.5px solid #E2DBCB;color:var(--ink)}.vx-ib.is-active{background:var(--seal)}.vx-ib--switch[aria-checked=false]{background:#e9e3d5;color:var(--ink-soft)}.vx-ib--switch[aria-checked=true]{background:var(--teal);color:#fff}.vx-ib-han{font-family:"Noto Serif SC",serif;font-weight:700;font-size:.85rem}.vx-sep{width:1px;height:22px;background:#e2dbcb;margin:0 2px}body.vx-layout .delay-bar{margin:0}body.vx-layout .delay-field{height:30px;padding:0 8px;border-radius:16px;border:1.5px solid #E2DBCB;display:inline-flex;align-items:center;gap:3px;font-size:.8rem}body.vx-layout .delay-field input{width:34px}body.vx-layout .toggle-group.vx-seg{display:inline-flex;flex-direction:row;align-items:center;gap:2px;padding:2px;border-radius:16px;background:#e9e3d5;margin:0}body.vx-layout .toggle-group.vx-seg .toggle-group-label{display:none}body.vx-layout .toggle-group.vx-seg button{min-width:32px;height:26px;padding:0 6px;margin:0;border:none;border-radius:13px;background:transparent;color:var(--ink-soft);font-size:.95rem}body.vx-layout .toggle-group.vx-seg button.is-active{background:var(--azure);color:#fff}.vx-right{margin-left:auto;display:flex;align-items:center;gap:6px}body.vx-layout .vocab-tour-slot{margin:0;display:inline-flex;align-items:center}body.vx-layout .vocab-tour-slot>span{display:none}.vx-pop{position:absolute;right:10px;top:calc(100% + 6px);z-index:30;width:270px;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 30px #00000026;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.vx-pop[hidden]{display:none}.vx-pop .toggle-group{margin:0}.vx-side{display:flex;flex-direction:column;gap:10px;min-height:0}.vx-panel{background:var(--card-bg);border:1px solid #E4DDCB;border-radius:14px;box-shadow:var(--shadow);padding:10px 12px}.vx-panel-h{display:flex;align-items:baseline;gap:6px;font-family:Be Vietnam Pro,IBM Plex Sans;font-weight:600;font-size:.9rem;color:var(--ink);margin-bottom:6px}.vx-panel-word{margin-left:auto;font-family:"Noto Serif SC",serif;font-weight:600;font-size:.85rem;color:var(--ink-soft)}.vx-mouth-stage .mouth-anim{grid-template-columns:1fr 1fr}.vx-mouth-stage .mouth-view{min-width:0}.vx-mouth-stage .mouth-view>div{cursor:pointer;overflow:hidden;border-radius:12px}.vx-mouth-stage .mouth-view>div:hover{filter:brightness(1.03)}.vx-mouth-note{margin:4px 0 0;font-size:.74rem;line-height:1.45;color:var(--ink-soft)}.vx-origin{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.vx-origin-body{flex:1;min-height:0;overflow:hidden}.vx-char-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vx-clamp, 6);line-clamp:var(--vx-clamp, 6);overflow:hidden}.vx-origin-body.vx-no-parts .vx-parts{display:none}.vx-char-big{cursor:pointer;border-radius:10px}.vx-char-big:hover{background:var(--paper-deep, #F1EADC)}.vx-origin-back{display:none;margin-left:8px;padding:2px 9px;border:1.5px solid #E2DBCB;border-radius:12px;background:var(--card-bg);color:var(--ink);font:600 .74rem Be Vietnam Pro,IBM Plex Sans;cursor:pointer;white-space:nowrap}.vx-side.vx-guide-on .vx-origin-back{display:inline-block}.vx-side.vx-guide-on .vx-origin,.vx-side.vx-guide-on .vx-mouth-note{display:none}.vx-side.vx-guide-on .vx-mouth{overflow:auto;min-height:0}.vx-origin-empty{font-size:.85rem;color:var(--ink-soft);margin:4px 0}.vx-char{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 0;border-top:1px dashed #E4DDCB}.vx-char:first-child{border-top:none;padding-top:2px}.vx-char-big{font-family:"Noto Serif SC",serif;font-size:2.5rem;line-height:1;text-align:center;color:var(--ink)}.vx-char-big small{display:block;font-family:IBM Plex Mono;font-size:.7rem;color:var(--ink-soft);margin-top:5px}.vx-char-body{font-size:.85rem;line-height:1.55;color:var(--ink-soft)}.vx-char-body b{color:var(--ink)}.vx-type{display:inline-block;font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.7rem;font-weight:600;color:var(--ink);background:var(--paper-deep, #F1EADC);padding:1px 8px;border-radius:10px}.vx-parts{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0}.vx-part{font-family:Be Vietnam Pro,IBM Plex Sans;font-size:.75rem;padding:2px 8px;border-radius:10px}.vx-part .z{font-family:"Noto Serif SC",serif;font-size:.95rem;margin-right:3px}.vx-part--y{background:var(--seal-soft);color:var(--seal)}.vx-part--a{background:var(--azure-soft);color:var(--azure)}.vx-part--h{background:var(--jade-soft);color:var(--jade)}.vx-word-note{margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--gold-soft);font-size:.85rem;color:var(--ink)}@media (max-width:1149px){body.vx-layout .vx-side{margin-top:12px}body.vx-layout.vx-side-closed .vx-side{display:none}}.vx-break,.vx-collapse{display:none}@media (max-width:600px){body.vx-layout .control-panel.vx-bar{gap:5px;padding:7px 8px}body.vx-layout .control-panel.vx-bar>*{order:3}body.vx-layout .control-panel.vx-bar>.vx-seg-wrap,body.vx-layout .control-panel.vx-bar>.vx-ib--switch{order:1}body.vx-layout .control-panel.vx-bar>.vx-sep{display:none}body.vx-layout .control-panel.vx-bar>.vx-break{display:block;order:2;flex-basis:100%;height:0}body.vx-layout .vx-collapse{display:inline-flex}body.vx-layout .vx-ib{min-width:31px;height:30px;padding:0 5px}body.vx-layout .toggle-group.vx-seg button{min-width:28px;padding:0 4px}body.vx-layout .delay-field{padding:0 6px}body.vx-layout .delay-field input{width:22px}body.vx-layout .delay-field>span:last-child{display:none}body.vx-layout .vx-right{gap:5px}body.vx-layout.vx-bar-collapsed .control-panel.vx-bar>.vx-seg-wrap,body.vx-layout.vx-bar-collapsed .control-panel.vx-bar>.vx-ib--switch,body.vx-layout.vx-bar-collapsed .control-panel.vx-bar>.vx-break{display:none}}@media (min-width:1150px){body.vx-layout .study-area{height:calc(100vh - 250px);min-height:420px;display:flex;flex-direction:column}body.tvh-vocab-only.vx-layout .study-area .flash-card{height:auto;min-height:0;flex:1 1 auto}}.vx-char{grid-template-columns:78px 1fr}.vx-char-big small{font-size:.66rem;line-height:1.35}.vx-origin-src{margin:8px 0 0;font-size:.7rem;line-height:1.4;color:var(--ink-soft)}.vx-origin-src a{color:inherit}body.vx-layout #mouth-anim-btn{margin:0}.vx-seg-wrap{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:16px;background:#e9e3d5}body.vx-layout .vx-seg-wrap .toggle-group.vx-seg{background:transparent;padding:0}.vx-seg-wrap .vx-seg-radical{height:26px;min-width:32px;border-radius:13px}.vx-seg-wrap .vx-seg-radical[aria-checked=false]{background:transparent;color:var(--ink-soft)}.vx-seg-wrap .vx-seg-radical[aria-checked=true]{background:var(--azure);color:#fff}@media (min-width:1150px){body.vx-layout .flash-front-text{font-size:clamp(4.2rem,min(8vw,15vh),10rem)}body.vx-layout .flash-answer{font-size:clamp(2.8rem,min(4.5vw,8vh),5rem)}body.vx-layout .flash-context-line{font-size:clamp(.9rem,1.2vw,1.2rem)}}body.vx-layout .control-panel.vx-bar{position:relative}.vx-search{position:relative;display:flex;align-items:center;height:32px;flex:0 1 230px;min-width:110px;width:auto;border:1.5px solid #E2DBCB;border-radius:16px;background:var(--paper);padding:0 10px 0 30px;transition:border-color .15s,width .2s}.vx-search:focus-within{border-color:var(--azure);background:var(--card-bg)}@media (min-width:1150px){body.vx-layout .vx-right{flex:1 1 0;min-width:0;justify-content:flex-end}}.vx-search-ico{position:absolute;left:10px;font-size:.82rem;pointer-events:none}.vx-search input{border:none;outline:none;background:transparent;width:100%;min-width:0;font:500 .85rem Be Vietnam Pro,IBM Plex Sans,sans-serif;color:var(--ink)}.vx-search-kbd{font:500 .7rem IBM Plex Mono,monospace;color:var(--ink-soft);border:1px solid #DDD5C3;border-radius:5px;padding:0 5px;background:var(--card-bg)}.vx-search:focus-within .vx-search-kbd,.vx-search.has-text .vx-search-kbd{display:none}.vx-search-clear{display:none;border:none;background:none;color:var(--ink-soft);cursor:pointer;font-size:.85rem;padding:0 0 0 4px}.vx-search.has-text .vx-search-clear{display:inline}.vx-search-mob{display:none!important}.vx-search-results{position:absolute;z-index:40;top:calc(100% + 6px);right:8px;width:min(440px,calc(100vw - 32px));max-height:min(420px,70vh);overflow:auto;background:var(--card-bg);border:1px solid #E4DDCB;border-radius:14px;box-shadow:0 12px 30px #221a0f33;padding:6px}.vx-search-results[hidden]{display:none}.vx-sr-grp{font:600 .7rem Be Vietnam Pro,IBM Plex Sans,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:8px 10px 4px}.vx-sr-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;cursor:pointer}.vx-sr-row:hover,.vx-sr-row.is-sel{background:var(--azure-soft)}.vx-sr-zh{font:600 1.3rem "Noto Serif SC",serif;min-width:44px;color:var(--ink)}.vx-sr-txt{display:flex;flex-direction:column;min-width:0}.vx-sr-py{font:500 .8rem IBM Plex Mono,monospace;color:var(--azure)}.vx-sr-vi{font-size:.84rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-search-results mark{background:var(--gold-soft);color:inherit;border-radius:3px;padding:0 1px}.vx-sr-badge{font:600 .68rem Be Vietnam Pro,IBM Plex Sans,sans-serif;padding:2px 8px;border-radius:10px;background:var(--paper-deep);color:var(--ink-soft);white-space:nowrap}.vx-sr-badge.is-cur{background:var(--jade-soft);color:var(--jade)}.vx-sr-empty{padding:14px 12px;font-size:.86rem;color:var(--ink-soft)}.vx-sr-foot{padding:6px 10px 4px;font-size:.72rem;color:var(--ink-soft);border-top:1px dashed #E4DDCB;margin-top:4px}.vx-toast{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:1300;background:var(--ink);color:#fff;font-size:.82rem;padding:7px 14px;border-radius:18px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.vx-toast.is-on{opacity:1}.tvh-all-note{align-self:center;margin-left:6px;font-size:.8rem;color:var(--ink-soft)}.tvh-all-note a{color:var(--seal);font-weight:600}@media (max-width:1149px){body.vx-layout .vx-search{display:none}.vx-search-mob{display:inline-flex!important}body.vx-layout .control-panel.vx-bar>.vx-search-mob{order:1}body.vx-searching .control-panel.vx-bar>*:not(.vx-right):not(.vx-search-results):not(.vx-pop){display:none!important}body.vx-searching .control-panel.vx-bar>.vx-right{width:100%;margin-left:0}body.vx-searching .vx-right>*:not(.vx-search){display:none!important}body.vx-layout.vx-searching .vx-search{display:flex;width:100%}.vx-search-results{left:8px;right:8px;width:auto}}@media (max-width:380px){body.vx-layout .control-panel.vx-bar{gap:4px}body.vx-layout .vx-ib{min-width:28px;padding:0 3px}body.vx-layout .toggle-group.vx-seg button{min-width:25px;padding:0 3px}}@media (prefers-reduced-motion: reduce){.vx-search,.vx-toast{transition:none}}.flash-nostroke-note{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:calc(100% - 140px);padding:5px 12px;border-radius:14px;background:var(--gold-soft);color:var(--ink);font:500 .8rem Be Vietnam Pro,IBM Plex Sans,sans-serif;text-align:center;line-height:1.4;pointer-events:none}@media (max-width:600px){.flash-nostroke-note{font-size:.72rem;max-width:calc(100% - 110px)}}.flash-write-slots{display:flex;justify-content:center;gap:8px;margin:-6px 0 10px}.flash-write-slot{width:38px;height:38px;border:1.5px dashed #DCD5C4;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:600 1.4rem "Noto Serif SC",serif;color:var(--ink);background:#fff}.flash-write-slot.is-current{border-style:solid;border-color:var(--azure);box-shadow:0 0 0 3px var(--azure-soft)}.flash-write-slot.is-done{border-style:solid;border-color:var(--jade);background:var(--jade-soft)}body.vx-layout .flash-write-hint{color:var(--ink);font-weight:500}.flash-write-slot{color:#22262b;font-weight:700}.flash-write-slot.is-done{background:#fff}body.vx-infinity-on .flash-write-canvas{position:relative}body.vx-infinity-on .flash-write-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:default}.vx-mouth{container-type:inline-size}.vx-mouth-stage{min-height:150px;min-height:calc((100cqw - 10px)*.375 + 53px)}body.vx-layout #vocab-level-bar{min-height:41px;box-sizing:border-box}body.vx-layout #content{min-height:480px}@media (min-width:1150px){body.vx-layout #content{min-height:max(420px,calc(100vh - 250px))}}.flash-write-repeat{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-family:Be Vietnam Pro,IBM Plex Sans,sans-serif;font-size:.8rem;color:var(--ink-soft)}.flash-write-repeat select{font:inherit;padding:2px 6px;border:1px solid #DCD5C4;border-radius:8px;background:var(--card-bg);color:var(--ink)}body{--teal:var(--ink);--teal-soft:#ECEBE3;--azure:var(--ink);--azure-soft:#ECEBE3}.vx-ib{background:var(--card-bg, #fff);color:var(--ink);border:1.5px solid #E2DBCB}.vx-ib.is-active,.vx-ib--switch[aria-checked=true],.vx-ib--dark{background:var(--ink);border-color:var(--ink);color:#fff}.vx-ib--dark[aria-pressed=false],.vx-ib--switch[aria-checked=false]{background:var(--card-bg, #fff);color:var(--ink-soft);border-color:#e2dbcb}