:root{--wnac-base: #000610;--wnac-mantle: #03101f;--wnac-surface: #0a1a30;--wnac-surface0: #122440;--wnac-surface1: #18304f;--wnac-border: #1f375c;--wnac-border-strong: #2e466b;--wnac-overlay: #5b6e8c;--wnac-overlay0: #2e466b;--wnac-text: #dae5f3;--wnac-subtext: #9ab0cf;--wnac-faint: #7e91ad;--wnac-blue: #5089d8;--wnac-blue-bright: #66aaf7;--wnac-on-accent: #000610;--wnac-red: #f3241a;--wnac-peach: #ed8001;--wnac-yellow: #f5a623;--wnac-green: #00bb36;--wnac-teal: #46c5e6;--wnac-mauve: #b36ef5;--tsg-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.45);--tsg-shadow-sm: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 8px rgba(0,0,0,.4);color-scheme:dark;--tsg-bg: var(--wnac-base);--tsg-surface: var(--wnac-surface);--tsg-surface-alt: var(--wnac-surface0);--tsg-surface-sunk: var(--wnac-mantle);--tsg-ink: var(--wnac-text);--tsg-ink-muted: var(--wnac-subtext);--tsg-ink-faint: var(--wnac-faint);--tsg-ink-soft: var(--wnac-subtext);--tsg-border: var(--wnac-border);--tsg-border-strong: var(--wnac-border-strong);--tsg-accent: var(--wnac-blue);--tsg-accent-bright: var(--wnac-blue-bright);--tsg-accent-ink: var(--wnac-on-accent);--tsg-hover: color-mix(in oklab, var(--wnac-blue-bright) 10%, var(--wnac-surface));--tsg-press: color-mix(in oklab, var(--wnac-blue-bright) 18%, var(--wnac-surface));--tsg-selected: var(--wnac-surface1);--tsg-info: var(--wnac-blue);--tsg-topic: var(--wnac-mauve);--tsg-success: var(--wnac-green);--tsg-danger: var(--wnac-red);--tsg-radius: 12px;--tsg-radius-sm: 8px;--tsg-radius-xs: 4px;--tsg-radius-pill: 999px;--tsg-st-new: var(--wnac-red);--tsg-st-l1: var(--wnac-peach);--tsg-st-l2: var(--wnac-peach);--tsg-st-l3: var(--wnac-yellow);--tsg-st-l4: color-mix(in oklab, var(--wnac-green) 70%, var(--wnac-yellow));--tsg-st-known: var(--wnac-green);--tsg-new-underline: var(--tsg-st-new);--tsg-new-bg: color-mix(in oklab, var(--tsg-st-new) 16%, var(--tsg-surface));--tsg-l1-bg: color-mix(in oklab, var(--tsg-st-l1) 13%, var(--tsg-surface));--tsg-l2-bg: color-mix(in oklab, var(--tsg-st-l2) 10%, var(--tsg-surface));--tsg-l3-bg: color-mix(in oklab, var(--tsg-st-l3) 8%, var(--tsg-surface));--tsg-l4-bg: color-mix(in oklab, var(--tsg-st-l4) 6%, var(--tsg-surface));--tsg-unknown-underline: var(--tsg-st-new);--tsg-learning-underline: var(--tsg-st-l1);--tsg-tone-1: var(--wnac-red);--tsg-tone-2: var(--wnac-green);--tsg-tone-3: var(--wnac-blue-bright);--tsg-tone-4: var(--wnac-mauve);--tsg-tone-5: var(--wnac-faint);--tsg-reading-width: 38rem;--tsg-brand-gradient: linear-gradient(135deg, #66aaf7 0%, #b36ef5 58%, #f34ad8 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--type-xs: .75rem;--lh-xs: 1.4;--type-sm: .85rem;--lh-sm: 1.45;--type-base: .95rem;--lh-base: 1.5;--type-md: 1.05rem;--lh-md: 1.5;--type-lg: 1.15rem;--lh-lg: 1.3;--type-xl: 1.45rem;--lh-xl: 1.25;--lh-read: 2;--fw-label: 500;--fw-chip: 600;--fw-numeral: 700;--track-chip: .04em;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .16s;--dur-slow: .32s;--tsg-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", system-ui, sans-serif;--tsg-font-read: "LXGW WenKai TC", "Iowan Old Style", "PingFang TC", "Songti TC", "Noto Serif CJK TC", serif}:root[data-theme=light]{--wnac-base: #eff1f5;--wnac-mantle: #e6e9ef;--wnac-surface: #ffffff;--wnac-surface0: #dce0e8;--wnac-surface1: #e6e9ef;--wnac-border: #ccd0da;--wnac-border-strong: #bcc0cc;--wnac-overlay: #9ca0b0;--wnac-overlay0: #bcc0cc;--wnac-text: #4c4f69;--wnac-subtext: #5c5f73;--wnac-faint: #73768a;--wnac-blue: #1a5ce0;--wnac-blue-bright: #1a5ce0;--wnac-on-accent: #ffffff;--wnac-red: #d20f39;--wnac-peach: #fe640b;--wnac-yellow: #df8e1d;--wnac-green: #40a02b;--wnac-teal: #179299;--wnac-mauve: #8839ef;--tsg-shadow: 0 6px 24px rgba(76, 79, 105, .14);--tsg-shadow-sm: 0 1px 2px rgba(76, 79, 105, .1);--tsg-hover: color-mix(in oklab, var(--wnac-overlay) 12%, var(--tsg-surface));--tsg-press: color-mix(in oklab, var(--wnac-overlay) 22%, var(--tsg-surface));--tsg-brand-gradient: linear-gradient(135deg, #1e66f5 0%, #8839ef 58%, #ea76cb 100%);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1100px 460px at 50% -180px,color-mix(in oklab,var(--tsg-accent) 8%,transparent),transparent) no-repeat,var(--tsg-bg);color:var(--tsg-ink);font-family:var(--tsg-font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit}#app-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);background:color-mix(in oklab,var(--wnac-mantle) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--tsg-border);box-shadow:none;position:sticky;top:0;z-index:50}#app-brand{display:flex;align-items:center;gap:.55rem}#app-logo{width:30px;height:30px;display:block;border-radius:var(--tsg-radius-sm);box-shadow:var(--tsg-shadow-sm)}#app-header h1{margin:0;font-family:var(--tsg-font-ui);font-size:var(--type-lg);font-weight:var(--fw-numeral);letter-spacing:.01em;white-space:nowrap}.tsg-brand-char{font-family:var(--tsg-font-read);font-size:1.25em;background:var(--tsg-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#app-nav{display:flex;gap:.4rem}#app-nav button{padding:var(--space-1) var(--space-3);border:1px solid transparent;border-radius:var(--tsg-radius-sm);background:transparent;color:var(--tsg-ink-muted);cursor:pointer;font-weight:var(--fw-label);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}#app-nav button:hover{background:var(--tsg-hover);color:var(--tsg-ink)}#app-nav button:active{transform:translateY(1px)}#app-nav button:focus-visible{outline:2px solid var(--tsg-accent);outline-offset:2px}#app-nav button[aria-pressed=true],#app-nav button.tsg-btn-active,#app-nav button.tsg-btn-active:hover{background:var(--tsg-accent);border-color:var(--tsg-accent);color:var(--tsg-accent-ink);box-shadow:0 2px 10px color-mix(in oklab,var(--tsg-accent) 35%,transparent)}#app-toolbar{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#app-root{flex:1 1 auto;width:100%;padding:1.5rem 1.25rem 3rem}#app-status{padding:.4rem 1.25rem;min-height:1.6rem;background:var(--tsg-surface);border-top:1px solid var(--tsg-border);color:var(--tsg-ink-muted);font-size:.85rem}#app-status:empty{padding:0;min-height:0;border-top:0}.tsg-btn{padding:6px 13px;border:1px solid var(--tsg-border);border-radius:var(--tsg-radius-sm);background:var(--tsg-surface-alt);color:var(--tsg-ink);cursor:pointer;line-height:1.2;font-family:var(--tsg-font-ui);font-size:var(--type-sm);font-weight:var(--fw-label);box-shadow:var(--tsg-shadow-sm);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.tsg-btn:hover{background:color-mix(in oklab,var(--wnac-surface1) 60%,var(--tsg-surface-alt));border-color:var(--tsg-border-strong);transform:translateY(-1px)}.tsg-btn:active{background:var(--tsg-press);transform:translateY(0);box-shadow:none}.tsg-btn:focus-visible{outline:2px solid var(--tsg-accent);outline-offset:2px}.tsg-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.tsg-btn-active,.tsg-btn-active:hover{background:var(--tsg-accent);border-color:var(--tsg-accent);color:var(--tsg-accent-ink);box-shadow:0 2px 10px color-mix(in oklab,var(--tsg-accent) 35%,transparent)}.tsg-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tsg-metrics{display:flex;align-items:center;gap:.75rem;color:var(--tsg-ink-muted);font-size:.85rem;font-variant-numeric:tabular-nums}.tsg-encoding-coverage{color:var(--tsg-ink-faint);font-size:.75rem;font-variant-numeric:tabular-nums;margin:.35rem 0 0}.tsg-status-new{background:var(--tsg-new-bg);box-shadow:inset 0 -.16em 0 0 var(--tsg-new-underline)}.tsg-status-l1{background:var(--tsg-l1-bg);box-shadow:inset 0 -.14em 0 0 var(--tsg-st-l1)}.tsg-status-l2{background:var(--tsg-l2-bg);box-shadow:inset 0 -.12em 0 0 var(--tsg-st-l2)}.tsg-status-l3{background:var(--tsg-l3-bg);box-shadow:inset 0 -.1em 0 0 var(--tsg-st-l3)}.tsg-status-l4{background:var(--tsg-l4-bg)}.tsg-status-known{background:transparent;box-shadow:none}.tsg-status-ignored{background:transparent;box-shadow:none;opacity:.55}.tsg-tone-1{color:var(--tsg-tone-1)}.tsg-tone-2{color:var(--tsg-tone-2)}.tsg-tone-3{color:var(--tsg-tone-3)}.tsg-tone-4{color:var(--tsg-tone-4)}.tsg-tone-5{color:var(--tsg-tone-5)}.tsg-boot-error{padding:1.25rem 1.5rem;margin:1rem;color:var(--tsg-danger, #c44);background:color-mix(in oklab,var(--tsg-danger, #c44) 8%,var(--tsg-surface));border:1px solid color-mix(in oklab,var(--tsg-danger, #c44) 35%,transparent);border-radius:var(--tsg-radius);font-family:var(--tsg-font-ui)}.tsg-reader{display:block}.tsg-reader-text{max-width:var(--tsg-reading-width);margin:0 auto;font-family:var(--tsg-font-read);font-size:var(--type-xl);line-height:var(--lh-read);letter-spacing:.015em;color:var(--tsg-ink);word-break:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tsg-token{cursor:pointer;border-radius:var(--tsg-radius-xs);padding:.02em .06em;transition:background var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.tsg-token:hover{background:color-mix(in oklab,var(--tsg-ink) 6%,transparent)}.tsg-punct{cursor:default;color:var(--tsg-ink-muted)}.tsg-flagged{position:relative;border-left:2px solid var(--tsg-new-underline);padding-left:.12em}.tsg-flagged:after{content:"⚑";font-size:.7em;color:var(--tsg-new-underline);vertical-align:super;margin-left:.05em}.tsg-active{outline:2px solid var(--tsg-accent);outline-offset:1px}.tsg-ruby{ruby-position:over;ruby-align:center}.tsg-ruby rt{font-size:.5em;line-height:1;letter-spacing:0}.tsg-ruby rt:not([class]){color:var(--tsg-ink-muted)}.tsg-reader-text[data-visual=phonetic]{line-height:2.4}.tsg-reader-text[data-visual=phonetic] .tsg-ruby rt{display:none}.tsg-reader-text[data-visual=phonetic] .tsg-status-new .tsg-ruby rt,.tsg-reader-text[data-visual=phonetic] .tsg-status-l1 .tsg-ruby rt,.tsg-reader-text[data-visual=phonetic] .tsg-status-l2 .tsg-ruby rt,.tsg-reader-text[data-visual=phonetic] .tsg-status-l3 .tsg-ruby rt,.tsg-reader-text[data-visual=phonetic][data-ruby=all] .tsg-ruby rt{display:revert}.tsg-reader-text[data-visual=phonetic] .tsg-status-new,.tsg-reader-text[data-visual=phonetic] .tsg-status-l1{background:transparent;box-shadow:inset 0 -.1em 0 0 var(--tsg-unknown-underline)}.tsg-reader-text[data-visual=phonetic] .tsg-status-l2,.tsg-reader-text[data-visual=phonetic] .tsg-status-l3{box-shadow:inset 0 -.1em 0 0 var(--tsg-learning-underline)}.tsg-reader-text[data-visual=phonetic] .tsg-status-l4,.tsg-reader-text[data-visual=phonetic] .tsg-status-known,.tsg-reader-text[data-visual=phonetic] .tsg-status-ignored{background:transparent;box-shadow:none}.tsg-reader-text[data-visual=phonetic] .tsg-active{background:color-mix(in oklab,var(--tsg-accent-bright) 20%,transparent);outline:none;border-radius:var(--tsg-radius-xs)}@keyframes tsg-pop-in{0%{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}.tsg-popup{position:absolute;z-index:1000;animation:tsg-pop-in var(--dur-base) var(--ease-standard);width:20rem;max-width:92vw;padding:var(--space-3) var(--space-4);background:var(--tsg-surface);border:1px solid var(--tsg-border);border-radius:var(--tsg-radius);box-shadow:var(--tsg-shadow);font-family:var(--tsg-font-ui);font-size:var(--type-base);line-height:1.45;color:var(--tsg-ink)}.tsg-popup-portal{position:fixed;z-index:10000}.tsg-popup-term{display:flex;align-items:center;gap:.5rem;font-weight:400;font-size:1.25rem;line-height:1.2}.tsg-popup-term>span{flex:1}.tsg-popup-reading{color:var(--tsg-ink-muted);font-size:.9rem;margin-top:.1rem}.tsg-popup-gloss{margin-top:.45rem}.tsg-popup-explain{margin-top:.4rem;font-size:.85rem;color:var(--tsg-ink-muted)}.tsg-popup-examples{margin:.45rem 0 0;padding-left:1.1rem;font-style:italic;font-size:.88rem;color:var(--tsg-ink-muted)}.tsg-popup-examples li{margin:.1rem 0}.tsg-popup-bridge{margin-top:.5rem;padding:.4rem .55rem;border-radius:var(--tsg-radius-sm);background:color-mix(in oklab,var(--tsg-info) 8%,var(--tsg-surface));border:1px solid color-mix(in oklab,var(--tsg-info) 22%,var(--tsg-border));font-size:.85rem;color:var(--tsg-ink-muted)}.tsg-popup-grades{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--tsg-border)}.tsg-popup-grades [data-grade]{min-width:2.1rem;text-align:center;border-radius:var(--tsg-radius-pill);border:1px solid color-mix(in oklab,var(--g) 45%,var(--tsg-border));background:color-mix(in oklab,var(--g) 12%,var(--tsg-surface));color:var(--gt, var(--g));font-weight:var(--fw-chip);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.tsg-popup-grades [data-grade]:hover{background:color-mix(in oklab,var(--g) 22%,var(--tsg-surface));border-color:color-mix(in oklab,var(--g) 60%,var(--tsg-border));transform:translateY(-1px)}.tsg-popup-grades [data-grade]:focus-visible{outline:2px solid var(--tsg-accent);outline-offset:2px}.tsg-popup-grades [data-grade][aria-pressed=true],.tsg-popup-grades [data-grade].tsg-btn-active{background:var(--g);border-color:var(--g);color:var(--wnac-on-accent)}.tsg-popup-grades [data-grade="1"]{--g: var(--tsg-st-new);--gt: #ff6b61}.tsg-popup-grades [data-grade="2"]{--g: var(--tsg-st-l1);--gt: #ed8001}.tsg-popup-grades [data-grade="3"]{--g: var(--tsg-st-l3);--gt: #f5a623}.tsg-popup-grades [data-grade="4"],.tsg-popup-grades [data-grade=K]{--g: var(--wnac-green);--gt: #00bb36}.tsg-popup-grades [data-grade=X]{--g: var(--wnac-faint);--gt: #9ab0cf}.tsg-popup-hidden{filter:blur(6px);user-select:none;transition:filter .12s ease}.tsg-review{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;max-width:36rem;margin:0 auto;text-align:center}.tsg-card{width:100%;max-width:30rem;margin:0 auto;padding:var(--space-6) var(--space-5);background:var(--tsg-surface);border:1px solid var(--tsg-border);border-radius:var(--tsg-radius);border-top:3px solid var(--tsg-accent);box-shadow:var(--tsg-shadow);text-align:center}.tsg-card-term{font-family:var(--tsg-font-read);font-size:2.75rem;font-weight:400;line-height:1.2;margin-bottom:.5rem}.tsg-card-back{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--tsg-border);color:var(--tsg-ink-muted);font-size:1.05rem}.tsg-card-controls{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.tsg-transcript{max-width:var(--tsg-reading-width);margin:0 auto 1.25rem;display:flex;flex-direction:column;gap:.5rem}.tsg-player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--tsg-radius);overflow:hidden;border:1px solid var(--tsg-border);box-shadow:var(--tsg-shadow-sm)}.tsg-player:empty{display:none}.tsg-transport{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .5rem}.tsg-transport .tsg-btn{flex:0 0 auto;min-width:2.3rem;padding:.35rem .5rem;text-align:center}.tsg-scrubber{flex:1 1 8rem;min-width:6rem;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--tsg-border);cursor:pointer}.tsg-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--tsg-accent);border:2px solid var(--tsg-surface);box-shadow:var(--tsg-shadow-sm);cursor:grab;transition:transform var(--dur-fast) var(--ease-standard)}.tsg-scrubber::-webkit-slider-thumb:active{transform:scale(1.18);cursor:grabbing}.tsg-scrubber::-moz-range-track{height:6px;border-radius:999px;background:var(--tsg-border)}.tsg-scrubber::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--tsg-surface);border-radius:50%;background:var(--tsg-accent);box-shadow:var(--tsg-shadow-sm);cursor:grab;transition:transform var(--dur-fast) var(--ease-standard)}.tsg-scrubber:focus-visible{outline:2px solid var(--tsg-accent);outline-offset:3px}.tsg-translation{margin-top:.5rem;padding:.5rem .7rem;border-radius:var(--tsg-radius-sm);background:color-mix(in oklab,var(--tsg-info) 8%,var(--tsg-surface));border-left:3px solid var(--tsg-info);color:var(--tsg-ink-muted);font-style:italic;font-size:.95rem;font-family:var(--tsg-font-ui);min-height:1.2em}.tsg-section{margin-top:.5rem;padding:.5rem .7rem;border-radius:var(--tsg-radius-sm);background:color-mix(in oklab,var(--tsg-topic) 9%,var(--tsg-surface));border-left:3px solid var(--tsg-topic);color:var(--tsg-ink);font-size:.95rem;font-family:var(--tsg-font-ui)}.tsg-section:empty{display:none}.tsg-section-tr{margin-top:.25rem;font-size:var(--type-sm);color:var(--tsg-ink-soft)}.tsg-section-tr:empty{display:none}.tsg-cue-active{background:color-mix(in oklab,var(--tsg-accent) 13%,var(--tsg-surface));border-radius:var(--tsg-radius-xs);transition:background var(--dur-base) var(--ease-standard)}.tsg-practice{margin-top:.5rem;padding:.5rem .7rem;border-radius:var(--tsg-radius-sm);background:color-mix(in oklab,var(--tsg-info) 7%,var(--tsg-surface));border-left:3px solid var(--tsg-info);display:flex;flex-direction:column;gap:.5rem}.tsg-practice-wave{width:100%;min-height:64px}.tsg-loop-strip{margin-top:.5rem;padding:.5rem .7rem;border-radius:var(--tsg-radius-sm);background:color-mix(in oklab,var(--tsg-success) 7%,var(--tsg-surface));border-left:3px solid var(--tsg-success);display:flex;flex-direction:column;gap:.5rem}.tsg-loop-track{position:relative;height:30px;border-radius:var(--tsg-radius-sm);background:color-mix(in oklab,var(--wnac-overlay0, #2e466b) 18%,var(--tsg-surface));cursor:pointer;overflow:hidden}.tsg-loop-tick{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in oklab,var(--wnac-overlay0, #2e466b) 45%,transparent);pointer-events:none}.tsg-loop-fill{position:absolute;top:0;bottom:0;background:color-mix(in oklab,var(--tsg-accent) 32%,transparent);pointer-events:none}.tsg-loop-handle{position:absolute;top:0;bottom:0;width:10px;transform:translate(-50%);background:var(--tsg-accent);border-radius:var(--tsg-radius-sm);cursor:col-resize;touch-action:none;box-shadow:var(--tsg-shadow-sm);transition:transform .1s ease}.tsg-loop-handle:hover{transform:translate(-50%) scaleX(1.3)}.tsg-loop-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:44%;border-radius:1px;background:color-mix(in oklab,var(--tsg-accent-ink) 70%,transparent)}.tsg-loop-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--tsg-danger);pointer-events:none}.tsg-loop-playhead:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--tsg-danger);box-shadow:var(--tsg-shadow-sm)}.tsg-translation,.tsg-section,.tsg-practice,.tsg-loop-strip{box-shadow:var(--tsg-shadow-sm)}.tsg-reader-split{display:flex;flex-direction:row;gap:.75rem;align-items:flex-start}.tsg-reader-split .tsg-transcript{position:sticky;top:4.25rem;flex:var(--tsg-split, 2) 1 0;min-width:0;margin:0}.tsg-reader-split .tsg-reader-text{flex:var(--tsg-split-r, 1) 1 0;min-width:0;max-width:none;margin:0}.tsg-splitter{flex:0 0 6px;align-self:stretch;min-height:4rem;border-radius:999px;background:color-mix(in oklab,var(--wnac-overlay0, #2e466b) 35%,transparent);cursor:col-resize;touch-action:none;transition:background .15s ease}.tsg-splitter:hover,.tsg-splitter.tsg-dragging{background:var(--tsg-accent)}@media (max-width: 760px){.tsg-reader-split{flex-direction:column}.tsg-reader-split .tsg-transcript{position:static;flex-basis:auto;width:100%}.tsg-splitter{display:none}}.tsg-reader-subtitle{display:flex;flex-direction:column;align-items:center;gap:1rem}.tsg-reader-subtitle .tsg-transcript{width:100%;max-width:46rem;margin:0}.tsg-subtitle-layout{width:100%;max-width:46rem;text-align:center;font-size:2.1rem;line-height:2.6;min-height:2.4em}.tsg-subtitle-layout>*{display:none}.tsg-subtitle-layout .tsg-cue-active{display:inline;background:transparent}.tsg-reader-theater{display:flex;flex-direction:column;align-items:center}.tsg-reader-theater .tsg-transcript{width:100%;max-width:52rem;margin:0}.tsg-reader-theater .tsg-player{position:relative;overflow:visible}.tsg-reader-theater .tsg-player .tsg-reader-text{position:absolute;left:0;right:0;bottom:0;margin:0;max-width:none;min-height:0;padding:2.5rem 1.25rem .9rem;background:linear-gradient(transparent,#000c);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.95);font-size:1.7rem;line-height:1.5;z-index:5}.tsg-reader-theater .tsg-ruby rt{color:#ffffffd9}select.tsg-btn{-webkit-appearance:none;appearance:none;padding-right:1.7rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B6E8C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.72rem}label.tsg-btn{display:inline-flex;align-items:center;gap:.4rem}.tsg-btn input[type=checkbox]{accent-color:var(--tsg-accent);width:.95rem;height:.95rem;margin:0;cursor:pointer}.tsg-reader>p{max-width:30rem;margin:4.5rem auto;text-align:center;color:var(--tsg-ink-muted);font-size:1.05rem;line-height:1.6}.tsg-reader>p:before{content:"紡";display:block;font-family:var(--tsg-font-read);font-size:3.25rem;margin-bottom:.6rem;background:var(--tsg-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tsg-card-term{letter-spacing:.02em}.tsg-card-back{font-family:var(--tsg-font-read)}::selection{background:color-mix(in oklab,var(--tsg-accent) 28%,transparent)}html{scroll-behavior:smooth}*{scrollbar-color:var(--tsg-border-strong) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--tsg-border-strong);border-radius:999px;border:3px solid var(--tsg-bg)}::-webkit-scrollbar-thumb:hover{background:var(--tsg-ink-faint)}@media (max-width: 600px){#app-header{padding:.5rem .85rem;gap:.6rem}#app-header h1{font-size:1.05rem}#app-root{padding:1rem .85rem 2.5rem}.tsg-reader-text{font-size:1.3rem;line-height:1.9}.tsg-transport{gap:.3rem .4rem}.tsg-transport .tsg-btn{min-width:2.05rem;padding:.3rem .42rem}.tsg-popup{width:16rem}.tsg-reader-split .tsg-transcript{top:3.6rem}}@media (prefers-reduced-motion: reduce){.tsg-popup{animation:none}html{scroll-behavior:auto}}.tsg-token:focus-visible{outline:2px solid var(--tsg-accent);outline-offset:1px}.tsg-card{border-top:3px solid var(--tsg-accent)}@media print{#app-header,#app-status,.tsg-transcript,.tsg-popup{display:none!important}body{background:#fff;color:#000}#app-root{padding:0}.tsg-reader-text{max-width:none;margin:0;font-size:12pt;line-height:1.9;letter-spacing:0;color:#000}.tsg-reader-text [class*=tsg-status-],.tsg-cue-active{background:transparent!important;box-shadow:none!important}.tsg-active{outline:none!important}}.tsg-cue-rows{display:block}.tsg-cue-rows .tsg-cue-row{display:flex;align-items:center;gap:1rem;padding:var(--space-2) 0;border-top:1px solid var(--wnac-border)}.tsg-cue-rows .tsg-cue-row.tsg-cw-active{background:color-mix(in oklab,var(--tsg-accent) 8%,transparent);border-radius:var(--tsg-radius-xs)}.tsg-cue-rows .tsg-cue-text{flex:1 1 auto;line-height:1.6}.tsg-cue-tr{display:none;margin-top:.35rem;padding-left:.15rem;color:var(--tsg-ink-soft);font-size:.88rem;font-style:italic;font-family:var(--tsg-font-ui);line-height:1.45}.tsg-cue-rows.tsg-cue-tr-on .tsg-cue-tr{display:block}.tsg-cue-wavestack{flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem;min-width:280px}.tsg-cue-wavewrap{display:flex;align-items:center;gap:.35rem}.tsg-cw-label{flex:0 0 5.5rem;font-size:.68rem;font-weight:600;color:var(--tsg-ink-faint);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsg-cw-wave{width:200px;height:28px;flex:0 0 auto}.tsg-cw-btn{background:var(--tsg-surface-alt);color:var(--tsg-ink);border:1px solid var(--tsg-border);border-radius:var(--tsg-radius-sm);height:24px;min-width:24px;cursor:pointer;font-size:var(--type-sm);transition:background var(--dur-fast) var(--ease-standard)}.tsg-cw-btn:hover{background:var(--wnac-surface1)}.tsg-cw-btn.on{background:var(--tsg-topic);color:var(--tsg-accent-ink);border-color:var(--tsg-topic)}.tsg-encoding-work{display:flex;flex:1;min-height:0;width:100%}.tsg-encoding-rail{flex:0 0 300px;border-right:1px solid var(--tsg-border);padding:1.25rem 1.1rem;display:flex;flex-direction:column;gap:.8rem;background:color-mix(in oklab,var(--wnac-mantle) 60%,var(--wnac-base))}.tsg-encoding-rail-head{display:flex;align-items:baseline;gap:.5rem}.tsg-encoding-rail-title{font-size:.95rem;font-weight:700;color:var(--tsg-ink)}.tsg-encoding-rail-count{margin-left:auto;font-size:.8rem;color:var(--wnac-peach);font-weight:700}.tsg-encoding-rail-sub{font-size:.72rem;color:var(--tsg-ink-faint);margin:0}.tsg-encoding-rail-queue{display:flex;flex-direction:column;gap:.35rem;margin-top:.15rem}.tsg-encoding-rail-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:9px;border:1px solid transparent;font-size:.8rem;color:var(--tsg-ink-muted);cursor:pointer}.tsg-encoding-rail-item:hover{background:color-mix(in oklab,var(--tsg-accent-bright) 8%,var(--tsg-surface))}.tsg-encoding-rail-item-active{background:color-mix(in oklab,var(--tsg-accent-bright) 14%,var(--tsg-surface));border-color:color-mix(in oklab,var(--tsg-accent-bright) 45%,var(--tsg-border))}.tsg-encoding-rail-item-active .tsg-encoding-rail-word{color:var(--tsg-accent-bright)}.tsg-encoding-rail-word{font-family:var(--tsg-font-read);font-size:1.05rem;color:var(--tsg-ink)}.tsg-encoding-rail-due{margin-left:auto;font-size:.68rem;color:var(--tsg-ink-faint)}.tsg-encoding-rail-empty{font-size:.8rem;color:var(--tsg-ink-faint);margin:0}.tsg-encoding-rail-grades{margin-top:.35rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.tsg-encoding-grade{text-align:center;font-size:.78rem;font-weight:700;padding:.55rem 0;border-radius:9px;border:1px solid var(--tsg-border);color:var(--tsg-ink-muted);background:var(--tsg-surface);cursor:pointer}.tsg-encoding-grade small{display:block;font-size:.62rem;color:var(--tsg-ink-faint);font-weight:500;margin-top:2px}.tsg-encoding-grade-again{color:var(--wnac-red);border-color:color-mix(in oklab,var(--wnac-red) 40%,var(--tsg-border))}.tsg-encoding-grade-good{color:var(--wnac-green)}.tsg-encoding-rail-fsrs{margin-top:auto;font-size:.68rem;color:var(--tsg-ink-faint);line-height:1.6;margin-bottom:0}.tsg-encoding-rail-fsrs b{color:var(--tsg-ink-muted)}.tsg-encoding-page{flex:1;padding:1.35rem 2rem;overflow:auto;display:flex;flex-direction:column;gap:1rem}.tsg-encoding-brow{font-size:.75rem;color:var(--tsg-ink-faint)}.tsg-encoding-brow b{color:var(--tsg-ink-muted)}.tsg-encoding-brow-note{color:var(--tsg-ink-faint)}.tsg-encoding-hdr{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.tsg-encoding-term{font-family:var(--tsg-font-read);font-size:3.25rem;font-weight:700;color:var(--tsg-ink);line-height:1}.tsg-encoding-reading{font-size:1rem;color:var(--tsg-accent-bright);font-weight:600}.tsg-encoding-pos-level{font-size:.8rem;color:var(--tsg-ink-faint);margin-top:.2rem}.tsg-encoding-audio{width:2.25rem;height:2.25rem;border-radius:10px;border:1px solid var(--tsg-border);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--tsg-ink-muted);background:var(--tsg-surface);cursor:pointer}.tsg-encoding-tags{display:flex;gap:.45rem;margin-left:auto;flex-wrap:wrap}.tsg-encoding-tag{font-size:.72rem;font-weight:600;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--tsg-border);color:var(--tsg-ink-muted);background:var(--tsg-surface)}.tsg-encoding-tag-learn{color:var(--wnac-peach);border-color:color-mix(in oklab,var(--wnac-peach) 45%,var(--tsg-border))}.tsg-encoding-flag{font-size:.68rem;color:var(--wnac-mauve);background:color-mix(in oklab,var(--wnac-mauve) 12%,var(--tsg-surface));border:1px solid color-mix(in oklab,var(--wnac-mauve) 30%,var(--tsg-border));border-radius:999px;padding:.25rem .65rem}.tsg-encoding-sec{display:flex;flex-direction:column;gap:.55rem}.tsg-encoding-sec-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tsg-encoding-sec-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tsg-ink-faint);font-weight:600}.tsg-encoding-sec-cap{font-size:.72rem;color:var(--tsg-ink-faint)}.tsg-col-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tsg-col-chip{display:inline-flex;flex-direction:column;gap:.15rem;background:var(--tsg-surface);border:1px solid var(--tsg-border);border-radius:10px;padding:.45rem .65rem;min-width:6rem}.tsg-col-phrase{font-family:var(--tsg-font-zh, inherit);font-size:.95rem}.tsg-col-tr{font-size:.72rem;color:var(--tsg-ink-faint)}.tsg-col-pattern{font-size:.62rem;color:var(--tsg-accent-bright)}.tsg-popup-collocations{margin-top:.35rem}.tsg-popup-col-label{font-size:.68rem;color:var(--tsg-ink-faint);margin-bottom:.2rem}.tsg-popup-col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.tsg-popup-col-row{display:flex;gap:.5rem;align-items:baseline;font-size:.82rem}.tsg-popup-col-phrase{font-family:var(--tsg-font-zh, inherit)}.tsg-popup-col-tr{color:var(--tsg-ink-faint);font-size:.75rem}.tsg-def-toggle{margin-left:auto;display:flex;background:var(--wnac-mantle);border:1px solid var(--tsg-border);border-radius:999px;padding:3px}.tsg-def-seg{font-size:.78rem;font-weight:600;padding:.3rem .9rem;border-radius:999px;color:var(--tsg-ink-faint);border:none;background:transparent;cursor:pointer}.tsg-def-seg-on{color:var(--tsg-accent-ink);background:var(--tsg-accent-bright)}.tsg-defgrid{display:flex;gap:.9rem;flex-wrap:wrap}.tsg-defcard{flex:1 1 14rem;background:var(--tsg-surface);border:1px solid var(--tsg-border);border-radius:13px;padding:.9rem 1rem}.tsg-defcard-zh{background:color-mix(in oklab,var(--tsg-accent-bright) 7%,var(--tsg-surface));border-color:color-mix(in oklab,var(--tsg-accent-bright) 30%,var(--tsg-border))}.tsg-def-label{font-size:.68rem;color:var(--tsg-ink-faint);margin-bottom:.45rem;display:flex;align-items:center;gap:.45rem}.tsg-def-pin{font-size:.62rem;font-weight:700;color:var(--tsg-accent-bright);background:color-mix(in oklab,var(--tsg-accent-bright) 16%,transparent);padding:2px 7px;border-radius:99px}.tsg-def-gloss{font-size:1rem;color:var(--tsg-ink);font-weight:600}.tsg-def-gloss-zh{font-family:var(--tsg-font-read);font-size:1.1rem}.tsg-def-explain{font-size:.8rem;color:var(--tsg-ink-muted);margin-top:.4rem;line-height:1.55}.tsg-def-explain-zh{font-family:var(--tsg-font-read);font-size:.94rem}.tsg-encoding-hidden{display:none!important}.tsg-sents{gap:.5rem}.tsg-sent-row{display:flex;align-items:center;gap:.8rem;padding:.65rem .9rem;background:var(--tsg-surface);border:1px solid var(--tsg-border);border-radius:11px;flex-wrap:wrap}.tsg-sent-num{flex:0 0 22px;height:22px;border-radius:99px;background:color-mix(in oklab,var(--tsg-accent-bright) 16%,var(--tsg-surface));color:var(--tsg-accent-bright);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.tsg-sent-cn{font-family:var(--tsg-font-read);font-size:1.25rem;color:var(--tsg-ink);flex:1 1 auto;min-width:10rem}.tsg-sent-cn em,.tsg-sent-cn .tsg-sent-headword{font-style:normal;color:var(--tsg-accent-bright);border-bottom:2px solid color-mix(in oklab,var(--tsg-accent-bright) 55%,transparent)}.tsg-sent-cn .tsg-token{position:relative;cursor:pointer}.tsg-sent-en{font-size:.8rem;color:var(--tsg-ink-faint);flex:1 1 12rem}.tsg-sent-wavewrap{flex:0 0 auto;display:flex;align-items:center;gap:.4rem}.tsg-sent-wave{width:180px;height:30px;flex:0 0 auto}.tsg-sent-wave-btn{background:var(--tsg-surface-alt);color:var(--tsg-ink);border:1px solid var(--tsg-border);border-radius:var(--tsg-radius-sm);height:24px;min-width:24px;cursor:pointer;font-size:var(--type-sm)}.tsg-sent-wave-btn:hover{background:var(--wnac-surface1)}.tsg-sent-wave-btn.on{background:var(--tsg-topic);color:var(--tsg-accent-ink);border-color:var(--tsg-topic)}.tsg-sent-wave-active{background:color-mix(in oklab,var(--tsg-accent-bright) 8%,transparent)}.tsg-review-reveal-audio,.tsg-encoding-audio-sec{margin-top:.75rem;text-align:left}.tsg-review-reveal-audio .tsg-sent-row,.tsg-encoding-audio-sec .tsg-sent-row{flex-wrap:wrap;gap:.35rem .5rem}.tsg-review-reveal-audio .tsg-sent-wave,.tsg-term-wave-row .tsg-sent-wave{width:min(180px,42vw)}.tsg-encoding-cell{flex:1 1 14rem;background:var(--tsg-surface);border:1px solid var(--tsg-border);border-radius:13px;padding:.8rem 1rem}.tsg-encoding-cell-tricky{border-color:color-mix(in oklab,var(--wnac-yellow) 35%,var(--tsg-border));background:color-mix(in oklab,var(--wnac-yellow) 7%,var(--tsg-surface))}.tsg-encoding-cell-head{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--tsg-ink-faint);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.tsg-encoding-cell-tricky .tsg-encoding-cell-head{color:var(--wnac-yellow)}.tsg-encoding-body{font-size:.84rem;color:var(--tsg-ink-muted);line-height:1.6;margin:0}.tsg-encoding-body b,.tsg-encoding-han{color:var(--tsg-ink);font-family:var(--tsg-font-read)}.tsg-grounding-marker{font-size:.62rem;font-weight:600;letter-spacing:.04em;color:var(--wnac-mauve);background:color-mix(in oklab,var(--wnac-mauve) 14%,transparent);border:1px solid color-mix(in oklab,var(--wnac-mauve) 35%,var(--tsg-border));border-radius:999px;padding:2px 8px;text-transform:lowercase}.tsg-encoding-related{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.tsg-related-link{font-size:.8rem;color:var(--wnac-mauve);background:color-mix(in oklab,var(--wnac-mauve) 12%,var(--tsg-surface));border:1px solid color-mix(in oklab,var(--wnac-mauve) 30%,var(--tsg-border));border-radius:999px;padding:.2rem .65rem;font-family:var(--tsg-font-read);text-decoration:none}.tsg-related-link:hover{background:color-mix(in oklab,var(--wnac-mauve) 22%,var(--tsg-surface))}.tsg-encoding-foot{font-size:.68rem;color:var(--tsg-ink-faint);text-align:right;margin:0}