:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;justify-content:center;align-items:center}#app{display:block;padding:0 2rem}}.header[data-v-f795d1f0]{display:flex;flex-direction:row;justify-content:center;margin-top:32px;margin-bottom:32px}.header-logo[data-v-f795d1f0]{width:100px;height:100px}.header-text-container[data-v-f795d1f0]{display:flex;flex-direction:column;margin-left:15px;margin-bottom:8px}.header-text-english[data-v-f795d1f0]{margin-bottom:-1rem;font-size:1.75rem;padding:0;font-weight:700;color:#00bd7e;align-self:start}.header-text-mandarin[data-v-f795d1f0]{margin-top:.5rem;font-size:1.75rem;padding:0;font-weight:500;color:#181818;align-self:start}@media (prefers-color-scheme: dark){.header-text-mandarin[data-v-f795d1f0]{color:#f0f0f0}}@media only screen and (max-width: 1023px){.header[data-v-f795d1f0]{margin-top:0;margin-bottom:10px}}body,html,#app{margin:0;padding:0;width:100%;height:100%}.main-wrapper{display:flex;flex-direction:column;height:100vh;//width: 100vw;width:100%}.header-wrapper{justify-content:center;align-items:center;width:100%;margin-top:20px}.content-wrapper{display:flex;flex-direction:column;justify-content:center;flex-grow:.75}.main-wrapper--video{width:80%;margin:0 auto}.content-wrapper--video{//display: inline}@media only screen and (max-width: 600px){.content-wrapper{justify-content:flex-start}.main-wrapper--video{display:flex;flex-direction:column;height:100vh;width:100%}}.leaderboard-container[data-v-93faf36d]{max-width:600px;margin:0 auto;padding:20px}h2[data-v-93faf36d]{font-size:1.5rem;text-align:center;margin-bottom:1rem;color:#333}.leaderboard-list[data-v-93faf36d]{list-style:none;padding:0;margin:0}.leaderboard-list li[data-v-93faf36d]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.leaderboard-list li[data-v-93faf36d]:first-child{border-top:1px solid #e0e0e0}.rank[data-v-93faf36d]{width:10%;font-weight:700;color:#333}.score-time[data-v-93faf36d]{width:20%;font-weight:700;color:#333;text-align:right;margin-right:10px}.score-name[data-v-93faf36d]{width:50%;color:#666;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-quiz[data-v-93faf36d]{width:30%;color:#888;text-align:left;margin-right:10px;font-size:.9rem}.score-type[data-v-93faf36d]{width:50%;color:#888;font-size:.9rem;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}@media only screen and (max-width: 600px){.leaderboard-container[data-v-93faf36d]{padding:10px;max-width:100%}h2[data-v-93faf36d]{font-size:1.25rem}.leaderboard-list li[data-v-93faf36d]{flex-wrap:wrap;padding:6px 0}.rank[data-v-93faf36d],.score-time[data-v-93faf36d]{text-align:left}.score-name[data-v-93faf36d],.score-type[data-v-93faf36d]{text-align:right}}@media (prefers-color-scheme: dark){.leaderboard-title[data-v-93faf36d],.rank[data-v-93faf36d],.score-time[data-v-93faf36d],.score-name[data-v-93faf36d],.score-type[data-v-93faf36d],.score-quiz[data-v-93faf36d]{color:#f0f0f0}}.quiz-navigation{display:flex;justify-content:center;margin:20px 20px 30px}nav{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:600px;margin-top:32px}.hsk-button{background-color:#00bd7e;color:#fff;padding:20px;text-decoration:none;font-size:1.5rem;font-weight:600;border-radius:5px;text-align:center;transition:background-color .3s ease;width:100%}.hsk-button:hover{background-color:#008a5c}.hsk-button.locked{background-color:#ccc;color:#666;pointer-events:none}.hsk-button.locked:hover{background-color:#ccc}.video-button-container{display:flex;justify-content:center;margin:30px auto 20px;max-width:600px}svg[data-v-bff21bdf]{width:24px;height:24px}.question-box[data-v-1b531ca0]{max-width:500px;margin:auto;padding:20px;border-style:hidden;border-radius:5px}.question-content[data-v-1b531ca0]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.question-content.hanyu-question .question-text[data-v-1b531ca0]{font-size:2.5rem}.choice-button.hanyuoption[data-v-1b531ca0]{font-size:2rem}.choice-button[data-v-1b531ca0]:active{transform:scale(.98);box-shadow:0 4px 8px #0003}.audio-button-option[data-v-1b531ca0]:active{transform:scale(.95)}.question-wrapper[data-v-1b531ca0]{display:inline-flex;justify-content:center;align-items:center;position:relative}.question-text[data-v-1b531ca0]{font-size:1.75rem;font-weight:500;text-align:center}.audio-button.audio-centered[data-v-1b531ca0]{margin-top:10px;font-size:1.5rem;cursor:pointer;background:none;border:none;display:flex;justify-content:center;align-items:center}.audio-button.audio-next[data-v-1b531ca0]{font-size:1.5rem;cursor:pointer;background:none;border:none;position:absolute;right:-50px}.choices[data-v-1b531ca0]{display:flex;flex-direction:column}.choice-wrapper[data-v-1b531ca0]{display:flex;justify-content:center;margin-bottom:10px}.choice-content[data-v-1b531ca0]{display:flex;justify-content:center;width:100%}.button-wrapper[data-v-1b531ca0]{display:flex;justify-content:center;align-items:center;position:relative}.choice-button[data-v-1b531ca0]{background-color:#00bd7e;color:#fff;padding:20px;font-size:1.5rem;font-weight:500;border-radius:5px;border:none;width:300px;text-align:center;transition:background-color .3s ease}@media (hover: hover){.choice-button[data-v-1b531ca0]:hover{background-color:#218838}}.choice-button.correct[data-v-1b531ca0]{background-color:green}.choice-button.incorrect[data-v-1b531ca0]{background-color:#ee1b26}.choice-button.disabled[data-v-1b531ca0]{pointer-events:none}.audio-button-option[data-v-1b531ca0]{position:absolute;right:-60px;font-size:1.5rem;cursor:pointer;background:none;border:none}.audio-button-option[data-v-1b531ca0]:hover{color:#ccc}@media (prefers-color-scheme: dark){.question-text[data-v-1b531ca0]{color:#f0f0f0}}@media only screen and (max-width: 600px){.choice-button[data-v-1b531ca0]{width:250px}.audio-button-option[data-v-1b531ca0]{right:-50px}}.center-text[data-v-42293562]{text-align:center}.name-input-container[data-v-42293562]{display:flex;flex-direction:column;align-items:center;margin-top:20px}.name-input-container input[type=text][data-v-42293562]{padding:10px;font-size:1.2rem;margin-bottom:10px;width:200px}.submit-button[data-v-42293562]{padding:10px 20px;font-size:1.2rem;background-color:#00bd7e;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-button[data-v-42293562]:disabled{background-color:#064;cursor:not-allowed}.submit-button[data-v-42293562]:hover:not(:disabled){background-color:#096}.quiz-indicator[data-v-42293562]{display:flex;justify-content:center;margin-bottom:20px;font-weight:600}.menu[data-v-42293562]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.columns[data-v-42293562]{display:flex;flex-direction:row;justify-content:center;gap:15px;margin-bottom:20px}.column h2[data-v-42293562]{text-align:center}.radio-option[data-v-42293562]{margin-bottom:15px;position:relative}label[data-v-42293562]{display:block;background-color:#00bd7e;color:#fff;margin:0;padding:20px 40px;font-size:1.5rem;font-weight:600;border-radius:5px;text-align:center;transition:background-color .3s ease;cursor:pointer}label[data-v-42293562]:hover{background-color:#096}input[type=radio][data-v-42293562]{display:none}input[type=radio]:checked+label[data-v-42293562]{background-color:#008055}button[data-v-42293562]{display:block;margin:20px auto;padding:15px 60px;font-size:1.2rem;background-color:#00bd7e;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease;cursor:pointer}button[data-v-42293562]:disabled{background-color:#064;cursor:not-allowed}button[data-v-42293562]:hover:not(:disabled){background-color:#096}.loading-container[data-v-42293562]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.spinner[data-v-42293562]{border:8px solid #f3f3f3;border-top:8px solid hsla(160,100%,37%,1);border-radius:50%;width:60px;height:60px;animation:spin-42293562 1s linear infinite;margin-bottom:10px}.progress-info[data-v-42293562]{text-align:center;font-size:1.25rem;color:#00bd7e;margin-bottom:-20px;font-weight:700}.progress-bar[data-v-42293562]{flex-grow:1;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;max-width:600px;margin:20px auto 5px}.progress[data-v-42293562]{height:100%;background-color:#00bd7e;transition:width .3s ease}.total-questions[data-v-42293562]{transition:width .3s ease;color:#ccc;margin-left:5px;margin-right:5px}.correct-questions[data-v-42293562]{transition:width .3s ease;margin-left:5px;margin-right:5px}.incorrect-questions[data-v-42293562]{transition:width .3s ease;color:#ee1b26;margin-left:5px;margin-right:5px}.start-button[data-v-42293562]{font-size:1.5rem;font-weight:600;width:100%;height:70px;margin:5px auto;max-width:300px}@keyframes spin-42293562{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.quiz-indicator[data-v-42293562],.total-questions[data-v-42293562],.darkmode-white-text[data-v-42293562]{color:#f0f0f0}}@media only screen and (max-width: 600px){label[data-v-42293562]{padding:20px}button[data-v-42293562]{padding:15px 40px}}.trainer-page[data-v-fc9876eb]{min-height:100vh;padding:24px 16px 40px;background:radial-gradient(circle at top,rgba(20,184,166,.08),transparent 35%),linear-gradient(to bottom,#f8fafc,#eef2f7)}.trainer-shell[data-v-fc9876eb]{max-width:980px;margin:0 auto;display:grid;gap:20px}.video-card[data-v-fc9876eb],.panel-card[data-v-fc9876eb]{background:#ffffffd1;border:1px solid rgba(255,255,255,.75);border-radius:24px;box-shadow:0 10px 30px #0f172a14,0 2px 10px #0f172a0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-frame[data-v-fc9876eb]{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;border-radius:24px}#youtube-player-container[data-v-fc9876eb]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.panel-card[data-v-fc9876eb]{padding:20px}.panel-top[data-v-fc9876eb]{margin-bottom:18px}.progress-meta[data-v-fc9876eb]{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.95rem;margin-bottom:10px}.progress-bar[data-v-fc9876eb]{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-fill[data-v-fc9876eb]{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#14b8a6);transition:width .25s ease}.subtitle-stage[data-v-fc9876eb]{min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 10px}.subtitle-block[data-v-fc9876eb]{width:100%}.state-title[data-v-fc9876eb]{font-size:1.45rem;font-weight:800;color:#0f172a;margin:0 0 10px}.state-subtitle[data-v-fc9876eb]{font-size:1.05rem;color:#64748b;margin:0;line-height:1.6}.zh[data-v-fc9876eb]{font-size:2.55rem;line-height:1.35;font-weight:800;color:#0f766e;margin:0 0 14px;letter-spacing:.01em}.pinyin[data-v-fc9876eb]{font-size:1.35rem;line-height:1.5;color:#334155;margin:0 0 18px}.meaning-shell[data-v-fc9876eb]{min-height:72px;display:flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s ease}.meaning-shell.revealed[data-v-fc9876eb]{background:linear-gradient(180deg,#f8fffe,#f0fdfa);border-color:#99f6e4}.meaning-placeholder[data-v-fc9876eb]{margin:0;font-size:.98rem;color:#94a3b8}.en[data-v-fc9876eb]{margin:0;font-size:1.06rem;line-height:1.65;color:#475569;font-style:italic}.actions[data-v-fc9876eb]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn[data-v-fc9876eb]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:.95rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.btn[data-v-fc9876eb]:hover:not(:disabled){transform:translateY(-1px)}.btn[data-v-fc9876eb]:disabled{opacity:.55;cursor:not-allowed}.btn-primary[data-v-fc9876eb]{color:#fff;background:linear-gradient(135deg,#22c55e,#14b8a6);box-shadow:0 10px 20px #14b8a62e}.btn-secondary[data-v-fc9876eb]{color:#fff;background:#0f172a}.btn-ghost[data-v-fc9876eb]{color:#334155;background:#f1f5f9}.btn-large[data-v-fc9876eb]{min-width:160px}@media (max-width: 768px){.trainer-page[data-v-fc9876eb]{padding:14px 10px 28px}.panel-card[data-v-fc9876eb]{padding:16px}.subtitle-stage[data-v-fc9876eb]{min-height:220px;padding:10px 4px}.zh[data-v-fc9876eb]{font-size:1.95rem}.pinyin[data-v-fc9876eb]{font-size:1.15rem}.en[data-v-fc9876eb]{font-size:1rem}.meaning-shell[data-v-fc9876eb]{min-height:84px}.actions[data-v-fc9876eb]{gap:10px}.btn[data-v-fc9876eb]{width:100%}}.videos-list-page[data-v-3259fa8d]{max-width:1000px;margin:0 auto;padding:20px}.error[data-v-3259fa8d]{color:red;text-align:center;margin-bottom:20px}.difficulty-section[data-v-3259fa8d]{margin-bottom:40px}.difficulty-section h2[data-v-3259fa8d]{margin-bottom:15px;font-size:1.8rem;color:#333}.videos-grid[data-v-3259fa8d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.video-card[data-v-3259fa8d]{background-color:#f6f6f6;padding:10px;border-radius:5px;text-align:center}.video-thumbnail[data-v-3259fa8d]{width:100%;height:auto;border-radius:5px}.loading-container[data-v-3259fa8d]{display:flex;flex-direction:column;align-items:center;margin:20px 0}.spinner[data-v-3259fa8d]{border:8px solid #f3f3f3;border-top:8px solid hsla(160,100%,37%,1);border-radius:50%;width:60px;height:60px;animation:spin-3259fa8d 1s linear infinite;margin-bottom:10px}@keyframes spin-3259fa8d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}