.pk.svelte-1rg83wg{background:var(--color-elevated, #fff);border:1px solid var(--color-border-subtle, #d6d3d1);border-radius:12px;padding:8px;max-width:480px;margin:0 auto;box-shadow:0 4px 16px #00000014}.pk-candidates.svelte-1rg83wg{display:flex;align-items:center;gap:4px;padding:6px 8px;min-height:40px;border-bottom:1px solid var(--color-border-subtle, #d6d3d1);margin-bottom:8px;overflow-x:auto;flex-wrap:nowrap}.pk-input-display.svelte-1rg83wg{font-size:16px;font-weight:600;color:var(--color-jade, #237a63);padding-right:8px;border-right:1px solid var(--color-border-subtle, #d6d3d1);margin-right:4px;white-space:nowrap}.pk-candidate.svelte-1rg83wg{display:flex;align-items:center;gap:2px;padding:4px 10px;border:1px solid var(--color-border-subtle, #d6d3d1);border-radius:6px;background:var(--color-surface, #eae5db);font-size:18px;font-family:var(--font-display-cn, serif);cursor:pointer;white-space:nowrap;transition:background-color .1s ease}.pk-candidate.svelte-1rg83wg:hover{background:#237a631a}.pk-candidate-num.svelte-1rg83wg{font-size:11px;color:var(--color-text-secondary, #57534e);font-family:var(--font-body-en, system-ui);margin-right:2px}.pk-no-match.svelte-1rg83wg{font-size:13px;color:var(--color-text-secondary, #57534e)}.pk-row.svelte-1rg83wg{display:flex;justify-content:center;gap:4px;margin-bottom:4px}.pk-row--bottom.svelte-1rg83wg{margin-bottom:0;gap:8px}.pk-spacer-half.svelte-1rg83wg{width:20px;flex-shrink:0}.pk-spacer.svelte-1rg83wg{width:36px;flex-shrink:0}.pk-key.svelte-1rg83wg{width:40px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle, #d6d3d1);border-radius:6px;background:var(--color-parchment, #f5f0e6);font-size:16px;font-weight:500;color:var(--color-text-primary, #1c1917);cursor:pointer;transition:background-color 80ms ease,box-shadow 80ms ease,transform 60ms ease;text-transform:lowercase;user-select:none;-webkit-user-select:none}.pk-key.svelte-1rg83wg:hover{background:var(--color-surface, #eae5db)}.pk-key.svelte-1rg83wg:active{transform:scale(.95);background:#237a6314}.pk-key--glow.svelte-1rg83wg{box-shadow:0 0 8px 2px #cda43466;border-color:var(--color-gold, #cda434);background:#cda43414}.pk-key--wide.svelte-1rg83wg{width:56px;font-size:18px}.pk-key--space.svelte-1rg83wg{flex:1;max-width:200px;font-size:13px;color:var(--color-text-secondary, #57534e)}.pk-key--action.svelte-1rg83wg{width:64px;font-size:13px;color:var(--color-text-secondary, #57534e)}@media(max-width:480px){.pk-key.svelte-1rg83wg{width:32px;height:40px;font-size:14px}.pk-spacer-half.svelte-1rg83wg{width:12px}.pk-spacer.svelte-1rg83wg{width:24px}.pk-key--wide.svelte-1rg83wg{width:44px}}.tp.svelte-1vv8bwu{background:var(--color-elevated, #fff);border:2px solid var(--color-gold, #cda434);border-radius:16px;padding:20px;max-width:520px;margin:var(--space-lg) auto;box-shadow:0 8px 24px #00000014}.tp-header.svelte-1vv8bwu{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tp-title.svelte-1vv8bwu{font-size:18px;font-weight:700;color:var(--color-text-primary, #1c1917);margin:0}.tp-controls.svelte-1vv8bwu{display:flex;align-items:center;gap:12px}.tp-toggle.svelte-1vv8bwu{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary, #57534e);cursor:pointer}.tp-toggle.svelte-1vv8bwu input:where(.svelte-1vv8bwu){accent-color:var(--color-jade, #237a63)}.tp-close.svelte-1vv8bwu{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border-subtle, #d6d3d1);border-radius:8px;font-size:14px;cursor:pointer;color:var(--color-text-secondary, #57534e);transition:background-color .1s ease}.tp-close.svelte-1vv8bwu:hover{background:var(--color-surface, #eae5db)}.tp-reference.svelte-1vv8bwu{font-size:14px;color:var(--color-text-secondary, #57534e);margin:0 0 8px;line-height:1.5;font-style:italic}.tp-help.svelte-1vv8bwu{font-size:12px;color:var(--color-text-secondary, #57534e);margin:0 0 16px;opacity:.8}.tp-chars.svelte-1vv8bwu{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px;min-height:56px}.tp-char.svelte-1vv8bwu{width:44px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:24px;font-family:var(--font-display-cn, serif);font-weight:500;transition:all .15s ease}.tp-typed.svelte-1vv8bwu{background:#237a631a;color:var(--color-jade, #237a63);border:1px solid rgba(35,122,99,.2)}.tp-current.svelte-1vv8bwu{background:#cda4341a;border:2px solid var(--color-gold, #cda434);box-shadow:0 0 8px #cda43433}.tp-char-hint.svelte-1vv8bwu{opacity:.3}.tp-upcoming.svelte-1vv8bwu{background:var(--color-surface, #eae5db);color:var(--color-text-secondary, #57534e);border:1px solid var(--color-border-subtle, #d6d3d1);opacity:.6}.tp-stats.svelte-1vv8bwu{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--color-text-secondary, #57534e);margin-bottom:12px;flex-wrap:wrap}.tp-complete.svelte-1vv8bwu{color:var(--color-jade, #237a63);font-weight:700}.tp-actions.svelte-1vv8bwu{display:flex;justify-content:center;gap:12px;margin-top:12px}.tp-btn.svelte-1vv8bwu{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .1s ease}.tp-btn--primary.svelte-1vv8bwu{background:var(--color-jade, #237a63);color:#fff;border:none}.tp-btn--secondary.svelte-1vv8bwu{background:none;border:1px solid var(--color-border-subtle, #d6d3d1);color:var(--color-text-primary, #1c1917)}.tp-btn.svelte-1vv8bwu:hover{opacity:.85}.tp-shake{animation:svelte-1vv8bwu-tp-shake .4s ease}@keyframes svelte-1vv8bwu-tp-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media(max-width:480px){.tp.svelte-1vv8bwu{padding:12px}.tp-char.svelte-1vv8bwu{width:36px;height:40px;font-size:20px}}.shadow.svelte-5czfc1{margin-top:var(--space-md);padding:16px;border:1px solid color-mix(in srgb,var(--color-gold, #cda434) 45%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-parchment, #f5f0e6) 86%,white);box-shadow:0 8px 24px #1c191714}.shadow__header.svelte-5czfc1{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.shadow__kicker.svelte-5czfc1{margin:0 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary, #57534e)}.shadow__title.svelte-5czfc1{margin:0;font-size:16px;color:var(--color-text-primary, #1c1917)}.shadow__close.svelte-5czfc1{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border-subtle, #d6d3d1);background:transparent;color:var(--color-text-secondary, #57534e);cursor:pointer}.shadow__steps.svelte-5czfc1{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.shadow__steps.svelte-5czfc1 span:where(.svelte-5czfc1){padding:6px 8px;border-radius:999px;background:#1c19170d;color:var(--color-text-secondary, #57534e);font-size:12px;text-align:center}.shadow__step--active.svelte-5czfc1{background:#237a631f;color:var(--color-jade, #237a63);font-weight:700}.shadow__sentence.svelte-5czfc1{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-family:var(--font-display-cn, serif);font-size:1.15rem;line-height:1.9}.shadow__segment.svelte-5czfc1{padding:2px 6px;border-radius:6px;transition:background-color .14s ease,color .14s ease,transform .14s ease}.shadow__segment--active.svelte-5czfc1{background:#cda4342e;color:var(--color-text-primary, #1c1917);transform:translateY(-1px)}.shadow__reference.svelte-5czfc1{margin:0 0 12px;color:var(--color-text-secondary, #57534e);font-size:13px;line-height:1.5}.shadow__status.svelte-5czfc1{margin:0;color:var(--color-text-primary, #1c1917);font-size:14px;line-height:1.5}.shadow__count.svelte-5czfc1{margin:12px 0 0;font-size:32px;font-weight:700;color:var(--color-jade, #237a63);text-align:center}.shadow__actions.svelte-5czfc1{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.shadow__btn.svelte-5czfc1{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--color-border-subtle, #d6d3d1);font-size:13px;font-weight:600;cursor:pointer}.shadow__btn--primary.svelte-5czfc1{background:var(--color-jade, #237a63);border-color:var(--color-jade, #237a63);color:#fff}.shadow__btn--secondary.svelte-5czfc1{background:transparent;color:var(--color-text-primary, #1c1917)}.sr-source--hidden.svelte-1rx3jyu{display:none!important}.sr-reader.svelte-1rx3jyu{margin-block:var(--space-xl);padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.sr-paragraph.svelte-1rx3jyu{font-family:var(--font-body-en);font-size:var(--reading-font-size, var(--text-body));line-height:1.75;color:var(--color-text-primary)}.sr-sentence.svelte-1rx3jyu{cursor:pointer;border-radius:2px;transition:background-color .15s ease;padding:1px 0;background:none;border:none;font:inherit;color:inherit;text-align:inherit;display:inline}.sr-sentence.svelte-1rx3jyu:hover{background-color:#237a630f}.sr-sentence--active.svelte-1rx3jyu{background-color:#237a631a}.sr-sentence.svelte-1rx3jyu:focus-visible{outline:2px solid var(--color-jade, #237a63);outline-offset:1px}.sr-expansion.svelte-1rx3jyu{display:block;border-left:3px solid var(--color-jade, #237a63);padding:8px 0 12px 12px;margin:4px 0 8px;animation:svelte-1rx3jyu-sr-expand .25s ease-out}.sr-expansion-header.svelte-1rx3jyu{display:flex;justify-content:flex-end;gap:6px;margin-bottom:4px}.sr-audio-btn.svelte-1rx3jyu,.sr-shadow-btn.svelte-1rx3jyu,.sr-typing-btn.svelte-1rx3jyu{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1.5px solid var(--color-jade, #237a63);border-radius:50%;font-size:16px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;flex-shrink:0}.sr-audio-btn.svelte-1rx3jyu:hover,.sr-shadow-btn.svelte-1rx3jyu:hover,.sr-typing-btn.svelte-1rx3jyu:hover{background:#237a6314}.sr-audio-btn.svelte-1rx3jyu:active,.sr-shadow-btn.svelte-1rx3jyu:active,.sr-typing-btn.svelte-1rx3jyu:active{transform:scale(.92)}@keyframes svelte-1rx3jyu-sr-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sr-zh.svelte-1rx3jyu{font-family:var(--font-display-cn, "Noto Serif SC", serif);font-size:1.15em;line-height:1.8;color:var(--color-text-primary);margin:0;letter-spacing:.02em}.sr-reader.svelte-1rx3jyu .vocab-token{position:relative;cursor:pointer;border-radius:2px;transition:background-color .15s ease}.sr-reader.svelte-1rx3jyu .vocab-token:hover,.sr-reader.svelte-1rx3jyu .vocab-token:focus{background-color:#237a631f}.sr-reader.svelte-1rx3jyu .vocab-token[data-pinyin]:before{content:attr(data-pinyin);position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:11px;font-family:var(--font-body-en, system-ui);color:var(--color-text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.sr-reader[data-pinyin=visible].svelte-1rx3jyu .vocab-token[data-pinyin]:before{opacity:1}.sr-reader.svelte-1rx3jyu .vocab-token[data-pinyin]:hover:before,.sr-reader.svelte-1rx3jyu .vocab-token[data-pinyin]:focus:before{opacity:1}.sr-reader[data-pinyin=visible].svelte-1rx3jyu .sr-zh:where(.svelte-1rx3jyu){line-height:2.4}.sr-zh--clickable.svelte-1rx3jyu{cursor:pointer;border-radius:4px;padding:4px 0;transition:background-color .15s ease;background:none;border:none;font:inherit;color:inherit;text-align:inherit;display:block;width:100%}.sr-zh--clickable.svelte-1rx3jyu:hover{background-color:#237a630f}.sr-zh-block.svelte-1rx3jyu{margin-bottom:var(--space-md)}.sr-zh-block.svelte-1rx3jyu:last-child{margin-bottom:0}.sr-en-expansion.svelte-1rx3jyu{font-family:var(--font-body-en, system-ui);font-size:var(--text-small);line-height:1.6;color:var(--color-text-secondary);margin:4px 0 0;padding-left:12px;border-left:3px solid var(--color-gold, #cda434);animation:svelte-1rx3jyu-sr-expand .25s ease-out}.sr-en-expansion-wrap.svelte-1rx3jyu{animation:svelte-1rx3jyu-sr-expand .25s ease-out;margin:4px 0 var(--space-md)}.sr-en-expansion-wrap.svelte-1rx3jyu .sr-audio-btn:where(.svelte-1rx3jyu),.sr-en-expansion-wrap.svelte-1rx3jyu .sr-shadow-btn:where(.svelte-1rx3jyu),.sr-en-expansion-wrap.svelte-1rx3jyu .sr-typing-btn:where(.svelte-1rx3jyu){margin-bottom:4px}.sr-en-expansion-wrap.svelte-1rx3jyu .sr-en-expansion:where(.svelte-1rx3jyu){animation:none}[data-difficulty=beginner] .sr-zh.svelte-1rx3jyu{font-size:1.4em;letter-spacing:.04em;line-height:2}[data-difficulty=intermediate] .sr-zh.svelte-1rx3jyu{font-size:1.25em;letter-spacing:.02em;line-height:1.9}[data-difficulty=advanced] .sr-zh.svelte-1rx3jyu{font-size:1.15em;letter-spacing:.01em;line-height:1.8}