@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#2c2440;--color-card:#1f1a2e;--color-surface-soft:#2f2742;--color-text:#f1ebff;--color-text-muted:#a99bd8;--color-border:#413a66;--color-border-strong:#544a78;--color-accent:#8b63ff;--color-accent-deep:#5f2bd6;--color-accent-soft:#d9c8ff;--color-accent-tint:#b18cff;--color-gold:#f7b84d;--color-gold-soft:#f7d148;--color-sky:#7dd3fc;--color-lavender:#b18cff;--topnav-bg:#2c2440;--topnav-border:#413a66;--topnav-title:#f1ebff;--topnav-subtitle:#a99bd8;--topnav-status-bg:#ffffff0f;--topnav-status-border:#ffffff1f;--topnav-status-text:#a99bd8;--topnav-help:#b18cff;--topnav-help-hover:#f7d148;--topnav-avatar-border:#b18cff52;--topnav-avatar-bg:#2c2440;--topnav-nav-text:#b5a8d6;--topnav-nav-active-bg:#8b63ff;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#b18cff29;--ribbon-bar:#b18cff52;--ribbon-sky:#7dd3fc9e;--ribbon-yellow:#f7b84db8;--ribbon-lav:#b18cff8c;--menu-tag-color:#b18cff;--menu-tag-bg:#8b63ff2e;--button-primary-from:#8b63ff;--button-primary-to:#b18cff;--button-primary-shadow:#8b63ff52;--tint-deep:#8b63ff1a;--tint-strong:#8b63ff38;--active-row-bg:#1a1530;--active-row-border:#4d3f8a;--active-row-text:#f7d148;--time-active-bg:#8b63ff;--time-active-text:#fff;--time-text:#a99bd8;--time-bg:#ffffff0d;--rom-text:#8a7eb5;--modal-text:#cfc5e8;--modal-bar-track:#ffffff14;--bulk-pane-bg:#8b63ff14;--bulk-pane-border:#b18cff52;--thumb-thumb-shadow:#0006;--toggle-off-bg:#4a4454}:root[data-theme=a][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f4fc;--color-card:#fff;--color-surface-soft:#f1ecfa;--color-text:#2b2540;--color-text-muted:#6b6280;--color-border:#e2dbf2;--color-border-strong:#b4a9cd;--color-accent:#8b63ff;--color-accent-deep:#5f2bd6;--color-accent-soft:#d9c8ff;--color-accent-tint:#b18cff;--color-gold:#f2a93b;--color-gold-soft:#f7d148;--color-sky:#7dd3fc;--color-lavender:#b18cff;--topnav-bg:#fff;--topnav-border:#e9e3f6;--topnav-title:#2b2540;--topnav-subtitle:#6b6280;--topnav-status-bg:#f4f1fb;--topnav-status-border:#e2dbf2;--topnav-status-text:#6b6280;--topnav-help:#8b63ff;--topnav-help-hover:#5f2bd6;--topnav-avatar-border:#d9caff;--topnav-avatar-bg:#f1ecfa;--topnav-nav-text:#8a7fb8;--topnav-nav-active-bg:#8b63ff;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#f1ecfa;--ribbon-bar:#8b63ff47;--ribbon-sky:#7dd3fc99;--ribbon-yellow:#f7d148a6;--ribbon-lav:#b18cff73;--menu-tag-color:#8b63ff;--menu-tag-bg:#8b63ff1a;--button-primary-from:#8b63ff;--button-primary-to:#b18cff;--button-primary-shadow:#8b63ff38;--tint-deep:#8b63ff1a;--tint-strong:#8b63ff38;--active-row-bg:#f2edfd;--active-row-border:#d9caff;--active-row-text:#5f2bd6;--time-active-bg:#8b63ff;--time-active-text:#fff;--time-text:#6b6280;--time-bg:#f0edf6;--rom-text:#8896aa;--modal-text:#5a5268;--modal-bar-track:#e9e3f8;--bulk-pane-bg:#f5f1fd;--bulk-pane-border:#c9b8f2;--thumb-thumb-shadow:#0f172a40;--toggle-off-bg:#beb5d0}:root[data-theme=a][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#2c2440;--color-card:#1f1a2e;--color-surface-soft:#2f2742;--color-text:#f1ebff;--color-text-muted:#a99bd8;--color-border:#413a66;--color-border-strong:#544a78;--color-accent:#8b63ff;--color-accent-deep:#5f2bd6;--color-accent-soft:#d9c8ff;--color-accent-tint:#b18cff;--color-gold:#f7b84d;--color-gold-soft:#f7d148;--color-sky:#7dd3fc;--color-lavender:#b18cff;--topnav-bg:#2c2440;--topnav-border:#413a66;--topnav-title:#f1ebff;--topnav-subtitle:#a99bd8;--topnav-status-bg:#ffffff0f;--topnav-status-border:#ffffff1f;--topnav-status-text:#a99bd8;--topnav-help:#b18cff;--topnav-help-hover:#f7d148;--topnav-avatar-border:#b18cff52;--topnav-avatar-bg:#2c2440;--topnav-nav-text:#b5a8d6;--topnav-nav-active-bg:#8b63ff;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#b18cff29;--ribbon-bar:#b18cff57;--ribbon-sky:#7dd3fc9e;--ribbon-yellow:#f7d148b8;--ribbon-lav:#b18cff8c;--menu-tag-color:#b18cff;--menu-tag-bg:#8b63ff2e;--button-primary-from:#8b63ff;--button-primary-to:#b18cff;--button-primary-shadow:#8b63ff52;--tint-deep:#8b63ff1a;--tint-strong:#8b63ff38;--active-row-bg:#1a1530;--active-row-border:#4d3f8a;--active-row-text:#f7d148;--time-active-bg:#8b63ff;--time-active-text:#fff;--time-text:#a99bd8;--time-bg:#ffffff0d;--rom-text:#8a7eb5;--modal-text:#cfc5e8;--modal-bar-track:#ffffff14;--bulk-pane-bg:#8b63ff14;--bulk-pane-border:#b18cff52;--thumb-thumb-shadow:#0006;--toggle-off-bg:#4a4454}:root[data-theme=b][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbf6ef;--color-card:#fff;--color-surface-soft:#f3eddc;--color-text:#2e3c33;--color-text-muted:#7c8a80;--color-border:#e6dec9;--color-border-strong:#b9ad94;--color-accent:#4fb58c;--color-accent-deep:#2e7a5a;--color-accent-soft:#cdebd9;--color-accent-tint:#8a67e0;--color-gold:#f2b13c;--color-gold-soft:#f2b13c;--color-sky:#7dd3fc;--color-lavender:#8a67e0;--topnav-bg:#fbf6ef;--topnav-border:#ece0cf;--topnav-title:#2e3c33;--topnav-subtitle:#7c8a80;--topnav-status-bg:#f3eddc;--topnav-status-border:#e6dec9;--topnav-status-text:#7c8a80;--topnav-help:#4fb58c;--topnav-help-hover:#2e7a5a;--topnav-avatar-border:#4fb58c73;--topnav-avatar-bg:#f3eddc;--topnav-nav-text:#7c8a80;--topnav-nav-active-bg:#4fb58c;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#eef3e6;--ribbon-bar:#4fb58c57;--ribbon-sky:#8a67e080;--ribbon-yellow:#f2b13cb3;--ribbon-lav:#7ccb9f8c;--menu-tag-color:#4fb58c;--menu-tag-bg:#4fb58c1f;--button-primary-from:#4fb58c;--button-primary-to:#74c9a2;--button-primary-shadow:#4fb58c4d;--tint-deep:#4fb58c1a;--tint-strong:#4fb58c38;--active-row-bg:#e8f4ed;--active-row-border:#b3dcc4;--active-row-text:#2e7a5a;--time-active-bg:#4fb58c;--time-active-text:#fff;--time-text:#7c8a80;--time-bg:#f0ece1;--rom-text:#94a59b;--modal-text:#5a6660;--modal-bar-track:#ece0cf;--bulk-pane-bg:#f3eddc;--bulk-pane-border:#c8bf9c;--thumb-thumb-shadow:#0f172a40;--toggle-off-bg:#c0b6a0}:root[data-theme=b][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#25242c;--color-card:#1a1a20;--color-surface-soft:#2f2e36;--color-text:#f4f0fb;--color-text-muted:#9d9aa8;--color-border:#3a3944;--color-border-strong:#504f5b;--color-accent:#6fd0ab;--color-accent-deep:#4fb58c;--color-accent-soft:#c8ecda;--color-accent-tint:#a98efb;--color-gold:#ffc75e;--color-gold-soft:#ffc75e;--color-sky:#7dd3fc;--color-lavender:#a98efb;--topnav-bg:#25242c;--topnav-border:#3a3944;--topnav-title:#f4f0fb;--topnav-subtitle:#9d9aa8;--topnav-status-bg:#ffffff0f;--topnav-status-border:#ffffff1f;--topnav-status-text:#9d9aa8;--topnav-help:#6fd0ab;--topnav-help-hover:#ffc75e;--topnav-avatar-border:#6fd0ab5c;--topnav-avatar-bg:#25242c;--topnav-nav-text:#b6b3c0;--topnav-nav-active-bg:#6fd0ab;--topnav-nav-active-text:#14211b;--topnav-nav-hover-bg:#6fd0ab24;--ribbon-bar:#6fd0ab5c;--ribbon-sky:#a98efb80;--ribbon-yellow:#ffc75eb8;--ribbon-lav:#7ccb9f8c;--menu-tag-color:#6fd0ab;--menu-tag-bg:#6fd0ab29;--button-primary-from:#6fd0ab;--button-primary-to:#a98efb;--button-primary-shadow:#6fd0ab57;--tint-deep:#6fd0ab1f;--tint-strong:#6fd0ab3d;--active-row-bg:#1f2a26;--active-row-border:#4f8770;--active-row-text:#ffc75e;--time-active-bg:#6fd0ab;--time-active-text:#14211b;--time-text:#9d9aa8;--time-bg:#ffffff0f;--rom-text:#9089a0;--modal-text:#cdc7d8;--modal-bar-track:#ffffff14;--bulk-pane-bg:#6fd0ab14;--bulk-pane-border:#6fd0ab52;--thumb-thumb-shadow:#0006;--toggle-off-bg:#4a4454}:root[data-theme=c][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-card:#fff;--color-surface-soft:#eaf1ff;--color-text:#16214a;--color-text-muted:#6e7aa8;--color-border:#e3ebfc;--color-border-strong:#a7b6dd;--color-accent:#2563eb;--color-accent-deep:#1d4ed8;--color-accent-soft:#bfdbfe;--color-accent-tint:#3b82f6;--color-gold:#ffcf5c;--color-gold-soft:#ffcf5c;--color-sky:#3ec3ef;--color-lavender:#3b82f6;--topnav-bg:#fff;--topnav-border:#e3ebfc;--topnav-title:#16214a;--topnav-subtitle:#6e7aa8;--topnav-status-bg:#eaf1ff;--topnav-status-border:#e3ebfc;--topnav-status-text:#6e7aa8;--topnav-help:#2563eb;--topnav-help-hover:#1d4ed8;--topnav-avatar-border:#b7c8f5;--topnav-avatar-bg:#eaf1ff;--topnav-nav-text:#6e7aa8;--topnav-nav-active-bg:#2563eb;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#eaf1ff;--ribbon-bar:#2563eb47;--ribbon-sky:#3ec3ef9e;--ribbon-yellow:#ffcf5cb8;--ribbon-lav:#3b82f680;--menu-tag-color:#2563eb;--menu-tag-bg:#2563eb1a;--button-primary-from:#2563eb;--button-primary-to:#4f83f7;--button-primary-shadow:#2563eb42;--tint-deep:#2563eb1a;--tint-strong:#2563eb38;--active-row-bg:#e2ebfd;--active-row-border:#93b1f0;--active-row-text:#1d4ed8;--time-active-bg:#2563eb;--time-active-text:#fff;--time-text:#6e7aa8;--time-bg:#eaf1ff;--rom-text:#94a3c8;--modal-text:#3c4a76;--modal-bar-track:#e3ebfc;--bulk-pane-bg:#eaf1ff;--bulk-pane-border:#b7c8f5;--thumb-thumb-shadow:#0f172a40;--toggle-off-bg:#a7b6dd}:root[data-theme=c][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17203b;--color-card:#101830;--color-surface-soft:#1f2a4a;--color-text:#eef2ff;--color-text-muted:#9aa8d0;--color-border:#31406b;--color-border-strong:#43538a;--color-accent:#5b8bff;--color-accent-deep:#4a72f0;--color-accent-soft:#b8ccff;--color-accent-tint:#7fa4ff;--color-gold:#ffce5f;--color-gold-soft:#ffce5f;--color-sky:#3ec3ef;--color-lavender:#7fa4ff;--topnav-bg:#17203b;--topnav-border:#31406b;--topnav-title:#eef2ff;--topnav-subtitle:#9aa8d0;--topnav-status-bg:#ffffff0f;--topnav-status-border:#ffffff1f;--topnav-status-text:#9aa8d0;--topnav-help:#7fa4ff;--topnav-help-hover:#ffce5f;--topnav-avatar-border:#7fa4ff5c;--topnav-avatar-bg:#17203b;--topnav-nav-text:#aab7dd;--topnav-nav-active-bg:#4a72f0;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#5b8bff29;--ribbon-bar:#7fa4ff57;--ribbon-sky:#3ec3ef9e;--ribbon-yellow:#ffce5fb8;--ribbon-lav:#7a98ff8c;--menu-tag-color:#7fa4ff;--menu-tag-bg:#4a72f02e;--button-primary-from:#5b8bff;--button-primary-to:#7fa4ff;--button-primary-shadow:#5b8bff57;--tint-deep:#4a72f01f;--tint-strong:#4a72f03d;--active-row-bg:#141a33;--active-row-border:#4a5f9e;--active-row-text:#ffce5f;--time-active-bg:#5b8bff;--time-active-text:#fff;--time-text:#9aa8d0;--time-bg:#ffffff0d;--rom-text:#8f9ab5;--modal-text:#c9d2e8;--modal-bar-track:#ffffff14;--bulk-pane-bg:#4a72f014;--bulk-pane-border:#7fa4ff52;--thumb-thumb-shadow:#0006;--toggle-off-bg:#3f4a66}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background-color .25s,color .25s}:root[data-theme=a]{--stage-hi:#3a2170;--stage-mid:#241248;--stage-lo:#150a2e;--stage-fade:13, 6, 32;--cover-hi:#7e3bff;--cover-mid:#4c22a8;--cover-lo:#2c1268;--ring-color:#b294ff61}:root[data-theme=b]{--stage-hi:#1e5741;--stage-mid:#123a2c;--stage-lo:#0a241b;--stage-fade:5, 22, 16;--cover-hi:#35b584;--cover-mid:#1d7a58;--cover-lo:#0f4a35;--ring-color:#78dcb461}:root[data-theme=c]{--stage-hi:#1d3a7a;--stage-mid:#142a5c;--stage-lo:#0b1838;--stage-fade:6, 13, 32;--cover-hi:#3b82f6;--cover-mid:#1d4ed8;--cover-lo:#122a66;--ring-color:#8cb4ff61}:root[data-mode=light]{--player-menu-bg:#fffffff5;--player-menu-border:#0f172a1a;--player-menu-text:#1c1928d1;--player-menu-text-strong:var(--color-text);--player-menu-hover:#0f172a0f;--player-menu-shadow:#0f172a33;--player-menu-current:var(--color-accent-deep)}:root[data-mode=dark]{--player-menu-bg:#161226f0;--player-menu-border:#ffffff24;--player-menu-text:#ffffffd1;--player-menu-text-strong:#fff;--player-menu-hover:#ffffff1a;--player-menu-shadow:#0000006b;--player-menu-current:var(--color-accent-tint)}:root[data-mode=light]{--chip-bg:var(--color-surface-soft);--chip-border:var(--color-border-tertiary,#eae5f4);--chip-meta-text:var(--color-text-muted);--chip-rom-text:var(--color-text-muted);--pos-n-bg:var(--tint-deep);--pos-n-text:var(--color-accent-deep);--pos-v-bg:#1f8a4d1a;--pos-v-text:#1f8a4d;--pos-adj-bg:#ffeed9;--pos-adj-text:#b8590a;--pos-pron-bg:#ddf1fd;--pos-pron-text:#0e7a8f;--pos-prep-bg:#edeaf3;--pos-prep-text:#554e63;--pos-conj-bg:#f5e3e3;--pos-conj-text:#8a3535;--pos-int-bg:#fff0f6;--pos-int-text:#b6336a;--pos-w-bg:#f2f0f7;--pos-w-text:#554e63}:root[data-mode=dark]{--chip-bg:#ffffff0d;--chip-border:var(--color-border-strong);--chip-meta-text:var(--color-text);--chip-rom-text:var(--color-text-muted);--pos-n-bg:var(--tint-strong);--pos-n-text:var(--color-accent-tint);--pos-v-bg:#4ade8029;--pos-v-text:#6ee7a0;--pos-adj-bg:#fbbf242e;--pos-adj-text:#fcd34d;--pos-pron-bg:#38bdf829;--pos-pron-text:#7dd3fc;--pos-prep-bg:#94a3b82e;--pos-prep-text:#dbe3ee;--pos-conj-bg:#f871712e;--pos-conj-text:#fca5a5;--pos-int-bg:#f472b62e;--pos-int-text:#f9a8d4;--pos-w-bg:#94a3b829;--pos-w-text:#dbe3ee}.feedback-overlay[data-v-bf2b84fe]{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0a1e7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.feedback-overlay__card[data-v-bf2b84fe]{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;gap:14px;width:min(560px,100%);padding:24px;display:grid;box-shadow:0 24px 64px #0f0a1e47}.feedback-overlay__title[data-v-bf2b84fe]{color:var(--color-text);font-size:20px;font-weight:700;line-height:1.3}.feedback-overlay__message[data-v-bf2b84fe]{color:var(--modal-text);font-size:14px;line-height:1.7}.feedback-overlay__bar[data-v-bf2b84fe]{background:var(--modal-bar-track);border-radius:999px;width:100%;height:12px;overflow:hidden}.feedback-overlay__bar-fill[data-v-bf2b84fe]{background:linear-gradient(90deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);border-radius:999px;height:100%;transition:width .45s}.feedback-overlay__meta[data-v-bf2b84fe]{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.feedback-overlay__eta[data-v-bf2b84fe]{color:var(--modal-text);font-variant-numeric:tabular-nums;font-size:13px}.feedback-overlay__percent[data-v-bf2b84fe]{color:var(--color-accent);text-align:right;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.feedback-overlay__button[data-v-bf2b84fe]{background:var(--color-accent);color:var(--topnav-nav-active-text);cursor:pointer;border:none;border-radius:999px;justify-self:end;padding:10px 16px;font-size:14px}.app-shell[data-v-34930e4c]{box-sizing:border-box;flex-direction:column;width:100%;height:100dvh;margin:0 auto;padding:20px 28px 28px;display:flex;overflow:hidden}@media (width<=1100px){.app-shell[data-v-34930e4c]{height:auto;min-height:100dvh;overflow:visible}}.app-shell__top[data-v-34930e4c]{flex-shrink:0;margin-bottom:18px}.app-shell__main[data-v-34930e4c]{flex-direction:column;flex:auto;min-height:0;display:flex}@media (width<=768px){.app-shell[data-v-34930e4c]{padding:12px}.app-shell__top[data-v-34930e4c]{margin-bottom:12px}}.theme-switcher[data-v-950427a9]{z-index:5;flex-shrink:0;align-items:center;gap:8px;display:inline-flex;position:relative}.theme-switcher__trigger[data-v-950427a9]{border:1px solid var(--topnav-border);background:var(--topnav-avatar-bg);color:var(--topnav-title);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 5px;font-size:12.5px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.theme-switcher__trigger[data-v-950427a9]:hover{box-shadow:0 0 0 3px var(--tint-strong);border-color:var(--color-accent-tint)}.theme-switcher--open .theme-switcher__trigger[data-v-950427a9]{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--tint-strong)}.theme-switcher__flower[data-v-950427a9]{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.theme-switcher__trigger-name[data-v-950427a9]{white-space:nowrap;letter-spacing:.04em}.theme-switcher__caret[data-v-950427a9]{color:var(--topnav-nav-text);flex-shrink:0;transition:transform .15s}.theme-switcher--open .theme-switcher__caret[data-v-950427a9]{transform:rotate(180deg)}@media (width<=560px){.theme-switcher__trigger[data-v-950427a9]{gap:4px;padding:4px 8px 4px 4px}.theme-switcher__trigger-name[data-v-950427a9]{display:none}.theme-switcher__flower[data-v-950427a9]{width:24px;height:24px}.theme-switcher__panel[data-v-950427a9]{width:236px}}.theme-switcher__panel[data-v-950427a9]{background:var(--color-card);border:1px solid var(--color-border);z-index:60;border-radius:14px;gap:6px;width:264px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 44px #0f172a2e}.theme-switcher__section-label[data-v-950427a9]{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:4px 4px 2px;font-size:11px;font-weight:700}.theme-switcher__option[data-v-950427a9]{cursor:pointer;text-align:left;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px;transition:background .12s,border-color .12s;display:flex}.theme-switcher__option[data-v-950427a9]:hover{background:var(--color-surface-soft)}.theme-switcher__option--active[data-v-950427a9]{background:var(--color-surface-soft);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--tint-deep)}.theme-switcher__bullet[data-v-950427a9]{-o-object-fit:cover;object-fit:cover;background:var(--color-surface-soft);border-radius:50%;flex-shrink:0;width:30px;height:30px}.theme-switcher__option-text[data-v-950427a9]{flex:1;gap:2px;min-width:0;display:grid}.theme-switcher__option-name[data-v-950427a9]{letter-spacing:.01em;color:var(--color-text);font-size:13.5px;font-weight:700}.theme-switcher__option-tag[data-v-950427a9]{color:var(--color-text-muted);font-size:11.5px}.theme-switcher__check[data-v-950427a9]{flex-shrink:0}.theme-switcher__divider[data-v-950427a9]{background:var(--color-border);height:1px;margin:4px 0 2px}.theme-switcher__modes[data-v-950427a9]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.theme-switcher__mode-pill[data-v-950427a9]{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.theme-switcher__mode-pill[data-v-950427a9]:hover{background:var(--color-surface-soft)}.theme-switcher__mode-pill--active[data-v-950427a9]{background:var(--color-accent);border-color:var(--color-accent);color:var(--topnav-nav-active-text)}.theme-switcher__backdrop[data-v-950427a9]{z-index:50;position:fixed;inset:0}.reg-overlay[data-v-98da253f]{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f0f168c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reg-card[data-v-98da253f]{background:var(--topnav-bg);border:1px solid var(--topnav-border);border-radius:20px;width:100%;max-width:400px;padding:22px 26px 28px;box-shadow:0 24px 64px #00000047}.reg-head[data-v-98da253f]{justify-content:space-between;align-items:center;display:flex}.reg-brand[data-v-98da253f]{align-items:center;gap:8px;display:inline-flex}.reg-brand__logo[data-v-98da253f]{border-radius:7px;width:26px;height:26px;display:block}.reg-brand__name[data-v-98da253f]{letter-spacing:.08em;color:var(--color-text);font-size:15px;font-weight:800}.reg-close[data-v-98da253f]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:24px;line-height:1;transition:color .15s,background .15s}.reg-close[data-v-98da253f]:hover{color:var(--color-text);background:var(--topnav-avatar-bg)}.reg-title[data-v-98da253f]{color:var(--color-text);margin:22px 0 0;font-size:21px;font-weight:800}.reg-subtitle[data-v-98da253f]{color:var(--color-text-muted);margin:8px 0 0;font-size:13px}.reg-tabs[data-v-98da253f]{background:var(--topnav-avatar-bg);border:1px solid var(--topnav-border);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;display:grid}.reg-tab[data-v-98da253f]{height:34px;color:var(--color-text-muted);letter-spacing:.12em;cursor:pointer;background:0 0;border:none;border-radius:9px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.reg-tab--active[data-v-98da253f]{background:var(--topnav-nav-active-bg);color:var(--topnav-nav-active-text);box-shadow:0 2px 8px var(--button-primary-shadow)}.reg-input[data-v-98da253f]{width:100%;color:var(--color-text);background:var(--topnav-avatar-bg);border:1px solid var(--topnav-border);box-sizing:border-box;border-radius:12px;outline:none;margin-top:14px;padding:13px 15px;font-size:14px;transition:border-color .15s,box-shadow .15s}.reg-input[data-v-98da253f]::placeholder{color:var(--color-text-muted)}.reg-input[data-v-98da253f]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--tint-strong)}.reg-code-row[data-v-98da253f]{align-items:stretch;gap:10px;display:flex}.reg-input--code[data-v-98da253f]{flex:1;min-width:0}.reg-send[data-v-98da253f]{white-space:nowrap;color:var(--color-accent);background:var(--topnav-bg);border:1px solid var(--color-accent);cursor:pointer;border-radius:12px;flex-shrink:0;margin-top:14px;padding:0 16px;font-size:13px;font-weight:600;transition:opacity .15s,transform .15s}.reg-send[data-v-98da253f]:hover:not(:disabled){transform:translateY(-1px)}.reg-send[data-v-98da253f]:disabled{opacity:.45;cursor:not-allowed}.reg-msg[data-v-98da253f]{margin:12px 0 0;font-size:13px;line-height:1.5}.reg-msg--error[data-v-98da253f]{color:#e5484d}.reg-msg--info[data-v-98da253f]{color:var(--color-accent)}.reg-submit[data-v-98da253f]{letter-spacing:.3em;text-indent:.3em;width:100%;color:var(--topnav-nav-active-text);background:var(--topnav-nav-active-bg);cursor:pointer;box-shadow:var(--button-primary-shadow);border:none;border-radius:12px;margin-top:20px;padding:13px 0;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s}.reg-submit[data-v-98da253f]:hover:not(:disabled){transform:translateY(-1px)}.reg-submit[data-v-98da253f]:disabled{opacity:.6;cursor:not-allowed}.top-nav[data-v-0053594a]{background:var(--topnav-bg);border:1px solid var(--topnav-border);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;transition:background-color .25s,border-color .25s;display:flex;position:relative}.top-nav__brand[data-v-0053594a]{z-index:1;flex-shrink:0;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.top-nav__logo[data-v-0053594a]{background:var(--topnav-avatar-bg);width:52px;height:52px;box-shadow:0 8px 22px var(--button-primary-shadow);border-radius:14px;flex-shrink:0;transition:box-shadow .25s;overflow:hidden}.top-nav__logo img[data-v-0053594a]{width:100%;height:100%;display:block}.top-nav__title-wrap[data-v-0053594a]{justify-items:start;gap:3px;min-width:0;display:grid}.top-nav__title[data-v-0053594a]{letter-spacing:.18em;color:var(--topnav-title);margin:0;font-size:21px;font-weight:800;line-height:1.15;transition:color .25s}.top-nav__subtitle[data-v-0053594a]{letter-spacing:.01em;color:var(--topnav-subtitle);flex-wrap:wrap;align-items:center;gap:8px;margin:5px 0 0;font-size:13.5px;transition:color .25s;display:inline-flex}.top-nav__thai[data-v-0053594a]{letter-spacing:.02em;color:var(--color-accent);font-family:Noto Sans Thai,sans-serif}.top-nav__sep[data-v-0053594a]{opacity:.5}.top-nav__cn[data-v-0053594a]{color:var(--color-text-muted);font-weight:500}.top-nav__ribbon[data-v-0053594a]{z-index:1;flex:1;justify-content:space-between;align-items:center;min-width:0;padding:0 8px;display:flex;position:relative;overflow:hidden}.top-nav__ribbon-bar[data-v-0053594a]{will-change:transform;border-radius:1px;flex-shrink:0;width:3px;animation:1.6s ease-in-out infinite topnav-flow-0053594a}.top-nav__actions[data-v-0053594a]{z-index:1;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.top-nav__nav[data-v-0053594a]{background:var(--topnav-avatar-bg);border:1px solid var(--topnav-border);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.top-nav__nav-item[data-v-0053594a]{color:var(--topnav-nav-text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.top-nav__nav-item[data-v-0053594a]:hover{background:var(--topnav-nav-hover-bg);color:var(--color-text)}.top-nav__nav-item--active[data-v-0053594a]{background:var(--topnav-nav-active-bg);color:var(--topnav-nav-active-text)}.top-nav__avatar[data-v-0053594a]{border:2px solid var(--topnav-avatar-border);cursor:pointer;background:var(--topnav-avatar-bg);border-radius:50%;width:40px;height:40px;padding:0;transition:box-shadow .15s,border-color .15s;overflow:hidden}.top-nav__register[data-v-0053594a]{letter-spacing:.12em;height:40px;color:var(--topnav-nav-active-text);background:var(--topnav-nav-active-bg);cursor:pointer;box-shadow:var(--button-primary-shadow);white-space:nowrap;border:none;border-radius:999px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s}.top-nav__register[data-v-0053594a]:hover{box-shadow:0 6px 18px var(--button-primary-shadow);transform:translateY(-1px)}.top-nav__avatar[data-v-0053594a]:hover{box-shadow:0 0 0 4px var(--tint-strong)}.top-nav__user[data-v-0053594a]{display:inline-flex;position:relative}.top-nav__user-menu[data-v-0053594a]{background:var(--color-card,#fff);border:1px solid var(--topnav-border);z-index:60;border-radius:14px;gap:8px;min-width:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 44px #0f172a2e}.top-nav__user-email[data-v-0053594a]{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:13.5px;font-weight:600;overflow:hidden}.top-nav__logout[data-v-0053594a]{border:1px solid var(--topnav-border);background:var(--topnav-avatar-bg);color:#e05252;cursor:pointer;border-radius:999px;padding:8px 0;font-size:13px;font-weight:700;transition:background .15s,border-color .15s}.top-nav__logout[data-v-0053594a]:hover:not(:disabled){background:#e5484d0f;border-color:#e05252}.top-nav__logout[data-v-0053594a]:disabled{opacity:.5;cursor:not-allowed}.top-nav__user-backdrop[data-v-0053594a]{z-index:50;position:fixed;inset:0}.top-nav__avatar img[data-v-0053594a]{width:100%;height:100%;display:block}@keyframes topnav-flow-0053594a{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.top-nav__ribbon-bar[data-v-0053594a]{animation:none}}@media (width<=1100px){.top-nav__ribbon[data-v-0053594a]{display:none}}@media (width<=880px){.top-nav__nav[data-v-0053594a]{padding:3px}.top-nav__nav-item[data-v-0053594a]{padding:5px 11px;font-size:12.5px}}@media (width<=768px){.top-nav[data-v-0053594a]{gap:8px;padding:8px 10px}.top-nav__title[data-v-0053594a]{letter-spacing:.06em;font-size:14px}.top-nav__subtitle[data-v-0053594a],.top-nav__logo[data-v-0053594a]{display:none}.top-nav__avatar[data-v-0053594a]{width:32px;height:32px}.top-nav__register[data-v-0053594a]{letter-spacing:.04em;height:32px;padding:0 12px;font-size:12.5px}.top-nav__user-menu[data-v-0053594a]{min-width:200px}}@media (width<=560px){.top-nav__brand[data-v-0053594a]{flex-shrink:1}.top-nav__subtitle[data-v-0053594a]{white-space:nowrap;flex-wrap:nowrap;max-width:100%;overflow:hidden}.top-nav__subtitle[data-v-0053594a]>*{white-space:nowrap;flex-shrink:0}.top-nav__cn[data-v-0053594a]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.base-card[data-v-d0d993b1]{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.base-card__header[data-v-d0d993b1]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.base-card__heading[data-v-d0d993b1]{flex:1;min-width:0}.base-card__title[data-v-d0d993b1]{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.base-card__description[data-v-d0d993b1]{color:var(--color-text-muted);margin:6px 0 0;font-size:13px}.base-card__actions[data-v-d0d993b1]{flex-shrink:0;align-items:center;gap:8px;display:flex}.base-card__content[data-v-d0d993b1]{padding:16px}.base-card__content--flush[data-v-d0d993b1]{padding:0}.controls[data-v-3a8d5369]{-webkit-backdrop-filter:none;z-index:5;pointer-events:auto;background:0 0;gap:4px;padding:6px 12px 8px;display:grid;position:absolute;bottom:0;left:0;right:0}.controls--bar[data-v-3a8d5369]{z-index:auto;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff24;width:100%;position:static;bottom:auto;left:auto;right:auto}.controls--disabled[data-v-3a8d5369]{opacity:.55;pointer-events:none}.controls__range[data-v-3a8d5369]{appearance:none;cursor:pointer;background:#ffffff40;border-radius:2px;width:100%;height:3px}.controls__range[data-v-3a8d5369]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:10px;height:10px}.controls__range[data-v-3a8d5369]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:10px;height:10px}.controls__range[data-v-3a8d5369]:disabled{cursor:not-allowed}.controls__row[data-v-3a8d5369]{align-items:center;gap:8px;display:flex}.controls__play[data-v-3a8d5369]{color:#fff;cursor:pointer;background:#ffffff1f;border:1.5px solid #ffffffd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.controls__play[data-v-3a8d5369]:hover:not(:disabled){background:#fff3}.controls__play[data-v-3a8d5369]:disabled{opacity:.5;cursor:not-allowed}.controls__time[data-v-3a8d5369]{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:1;font-size:11.5px}.controls__rate[data-v-3a8d5369]{color:#ffffffd9;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1.5px solid #ffffff80;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.controls__rate[data-v-3a8d5369]:hover{color:#fff;border-color:#ffffffe6}.controls__rate--active[data-v-3a8d5369]{background:var(--color-accent);border-color:var(--color-accent);color:var(--time-active-text)}.controls__rate-wrap[data-v-3a8d5369]{flex-shrink:0;position:relative}.controls__rate-menu[data-v-3a8d5369]{background:var(--player-menu-bg,#1a1034eb);border:1px solid var(--player-menu-border,#ffffff24);-webkit-backdrop-filter:blur(10px);min-width:92px;box-shadow:0 12px 32px var(--player-menu-shadow,#00000059);z-index:20;border-radius:10px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.controls__rate-option[data-v-3a8d5369]{color:var(--player-menu-text,#ffffffd1);cursor:pointer;text-align:left;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.controls__rate-option[data-v-3a8d5369]:hover{background:var(--player-menu-hover,#ffffff1a);color:var(--player-menu-text-strong,#fff)}.controls__rate-option--current[data-v-3a8d5369]{color:var(--player-menu-current,var(--color-accent-tint))}.controls__rate-option-check[data-v-3a8d5369]{flex-shrink:0}.controls__cc[data-v-3a8d5369]{color:#ffffffd9;cursor:pointer;letter-spacing:.04em;background:0 0;border:1.5px solid #ffffff80;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.controls__cc[data-v-3a8d5369]:hover{color:#fff;border-color:#ffffffe6}.controls__cc--active[data-v-3a8d5369]{background:var(--color-accent);border-color:var(--color-accent);color:var(--time-active-text)}.controls__fullscreen[data-v-3a8d5369]{color:#ffffffd9;cursor:pointer;background:0 0;border:1.5px solid #ffffff80;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.controls__fullscreen[data-v-3a8d5369]:hover{color:#fff;background:#ffffff14;border-color:#fffffff2}.media-player[data-v-c0d90b84],.media-player__stage[data-v-c0d90b84]{flex-direction:column;gap:12px;width:100%;display:flex}.media-player__video-wrap[data-v-c0d90b84]{aspect-ratio:16/9;background:#000;border-radius:12px;flex:none;width:100%;max-height:46.8vh;margin-inline:auto;position:relative;overflow:hidden}.media-player__video[data-v-c0d90b84]{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%}.media-player__video-wrap[data-v-c0d90b84]:fullscreen{border-radius:0;aspect-ratio:auto!important;width:100vw!important;max-width:none!important;height:100vh!important}.media-player__cc-overlay[data-v-c0d90b84]{z-index:4;text-align:center;pointer-events:none;justify-items:center;gap:2px;max-width:88%;margin:0 auto;display:grid;position:absolute;bottom:52px;left:6%;right:6%}.media-player__cc-th[data-v-c0d90b84]{color:#fff;text-shadow:0 1px 2px #000000e6,0 0 4px #000000b3;font-size:20px;font-weight:700;line-height:1.35}.media-player__cc-zh[data-v-c0d90b84]{color:#fff;text-shadow:0 1px 2px #000000e6,0 0 4px #000000b3;font-size:14px;line-height:1.4}.media-player__badge[data-v-c0d90b84]{z-index:4;letter-spacing:.02em;color:#1f2937;-webkit-backdrop-filter:blur(6px);background:#ffffffe0;border:1px solid #0f172a0f;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;top:14px;box-shadow:0 2px 6px #0f172a14}.media-player__badge--left[data-v-c0d90b84]{left:14px}.media-player__badge--right[data-v-c0d90b84]{right:14px}.media-player__audio-wrap[data-v-c0d90b84]{aspect-ratio:16/9;background:radial-gradient(120% 90% at 18% 0%, var(--stage-hi,#3a2170) 0%, var(--stage-mid,#241248) 52%, var(--stage-lo,#150a2e) 100%);border-radius:12px;width:100%;max-height:46.8vh;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.media-player__audio-wrap[data-v-c0d90b84]:after{content:"";pointer-events:none;background:linear-gradient(180deg, rgba(var(--stage-fade,13, 6, 32), 0) 0%, rgba(var(--stage-fade,13, 6, 32), .72) 100%);z-index:1;height:46%;position:absolute;bottom:0;left:0;right:0}.media-player__audio-art[data-v-c0d90b84]{aspect-ratio:1;z-index:2;pointer-events:none;place-items:center;width:min(34%,212px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-player__audio-cover[data-v-c0d90b84]{background:linear-gradient(145deg, var(--cover-hi,#7e3bff) 0%, var(--cover-mid,#4c22a8) 55%, var(--cover-lo,#2c1268) 100%);z-index:2;border-radius:26px;align-content:center;place-items:center;gap:6px;width:100%;height:100%;display:grid;position:relative;box-shadow:0 18px 44px #0000006b,inset 0 1px #ffffff47,inset 0 -1px #00000038}.media-player__audio-cover-glyph[data-v-c0d90b84]{color:#fff;text-shadow:0 2px 10px #00000040;font-family:Noto Sans Thai,sans-serif;font-size:clamp(30px,4.4vw,52px);font-weight:700;line-height:1}.media-player__audio-cover-sub[data-v-c0d90b84]{letter-spacing:.24em;text-transform:uppercase;color:var(--color-gold,#f7d148);opacity:.85;font-size:9.5px;font-weight:600}.media-player__audio-eq[data-v-c0d90b84]{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.media-player__audio-eq span[data-v-c0d90b84]{transform-origin:bottom;border-radius:1.5px;width:3px;height:6px}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(3n+1){background:var(--ribbon-sky,#7dd3fccc)}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(3n+2){background:var(--ribbon-yellow,#f7d148e6)}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(3n){background:var(--ribbon-lav,#b18cffd9)}.media-player__audio-art--live .media-player__audio-eq span[data-v-c0d90b84]{animation:1.1s ease-in-out infinite alternate audio-eq-bounce-c0d90b84}.media-player__audio-eq span[data-v-c0d90b84]:first-child{animation-delay:-.9s}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(2){animation-delay:-.55s}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(3){animation-delay:-.2s}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(4){animation-delay:-.75s}.media-player__audio-eq span[data-v-c0d90b84]:nth-child(5){animation-delay:-.4s}@keyframes audio-eq-bounce-c0d90b84{0%{height:4px}to{height:14px}}@media (prefers-reduced-motion:reduce){.media-player__audio-eq span[data-v-c0d90b84]{animation:none}}.media-player__audio-ring[data-v-c0d90b84]{border:1.5px solid var(--ring-color,#b294ff61);opacity:0;z-index:1;border-radius:50%;position:absolute;inset:-8%}.media-player__audio-art--live .media-player__audio-ring[data-v-c0d90b84]{animation:2.6s cubic-bezier(0,0,.2,1) infinite audio-ping-c0d90b84}.media-player__audio-art--live .media-player__audio-ring--2[data-v-c0d90b84]{animation-delay:.85s}.media-player__audio-art--live .media-player__audio-ring--3[data-v-c0d90b84]{animation-delay:1.7s}@keyframes audio-ping-c0d90b84{0%{opacity:.55;transform:scale(.72)}78%,to{opacity:0;transform:scale(1.55)}}.media-player__audio[data-v-c0d90b84]{opacity:0;pointer-events:none;width:100%;height:0;position:absolute}.media-player__pitch-bar[data-v-c0d90b84]{flex-wrap:wrap;align-items:center;gap:10px;padding:0 2px 2px;display:flex}.media-player__pitch-label[data-v-c0d90b84]{color:var(--color-text);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.media-player__pitch-label svg[data-v-c0d90b84]{color:var(--color-accent)}.media-player__pitch-controls[data-v-c0d90b84]{align-items:center;gap:6px;display:flex}.media-player__pitch-btn[data-v-c0d90b84]{border:1px solid var(--color-border);background:var(--color-card);width:30px;height:30px;color:var(--color-text);cursor:pointer;border-radius:9px;place-items:center;font-size:16px;font-weight:600;transition:background .15s,border-color .15s;display:grid}.media-player__pitch-btn[data-v-c0d90b84]:hover:not(:disabled){background:var(--color-surface-soft);border-color:var(--color-border-strong,#ada1c9)}.media-player__pitch-btn[data-v-c0d90b84]:disabled{opacity:.4;cursor:not-allowed}.media-player__pitch-value[data-v-c0d90b84]{text-align:center;min-width:44px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.media-player__pitch-value--active[data-v-c0d90b84]{color:var(--color-accent)}.media-player__pitch-reset[data-v-c0d90b84]{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-muted);cursor:pointer;border-radius:9px;padding:6px 12px;font-size:12.5px;transition:background .15s}.media-player__pitch-reset[data-v-c0d90b84]:hover:not(:disabled){background:var(--color-surface-soft)}.media-player__pitch-reset[data-v-c0d90b84]:disabled{opacity:.4;cursor:not-allowed}.media-player__pitch-hint[data-v-c0d90b84]{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:11.5px}.media-player__transcoding[data-v-c0d90b84]{background:var(--color-surface-soft);border:1px dashed var(--color-border);text-align:center;border-radius:12px;place-content:center;justify-items:center;gap:10px;min-height:180px;padding:16px;display:grid}.media-player__transcoding-title[data-v-c0d90b84]{color:#b54708;font-size:16px;font-weight:600}.media-player__transcoding-desc[data-v-c0d90b84]{color:var(--color-text-muted);font-size:13px;line-height:1.7}.media-player__empty[data-v-c0d90b84]{text-align:center;min-height:240px;color:var(--color-text-muted);flex:1;place-content:center;justify-items:center;gap:10px;padding:24px 16px;display:grid}.media-player__empty-title[data-v-c0d90b84]{color:var(--color-text);font-size:16px;font-weight:600}.media-player__empty-formats[data-v-c0d90b84]{color:var(--color-text-muted);font-size:13px;line-height:1.7}.switcher[data-v-e9f1d6e7]{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:10px;flex-shrink:0;gap:4px;padding:4px;display:inline-flex}.switcher__btn[data-v-e9f1d6e7]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 18px;font-size:14px;font-weight:500;transition:all .15s}.switcher__btn[data-v-e9f1d6e7]:hover:not(.switcher__btn--active){color:var(--color-text)}.switcher__btn--active[data-v-e9f1d6e7]{background:var(--color-card);color:var(--color-text);box-shadow:0 2px 6px var(--thumb-thumb-shadow);font-weight:600}.subtitle-row[data-v-f8e911ac]{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px 10px 8px 12px;transition:background .15s,border-color .15s;display:grid;position:relative}.subtitle-row[data-v-f8e911ac]:hover{background:var(--color-surface-soft)}.subtitle-row--active[data-v-f8e911ac]{background:var(--active-row-bg);border-color:var(--active-row-border)}.subtitle-row--active[data-v-f8e911ac]:before{content:"";background:var(--color-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-1px}.subtitle-row__body[data-v-f8e911ac]{gap:3px;min-width:0;display:grid}.subtitle-row__th-line[data-v-f8e911ac]{align-items:center;gap:10px;min-width:0;display:flex}.subtitle-row__time[data-v-f8e911ac]{box-sizing:border-box;width:46px;color:var(--time-text);font-variant-numeric:tabular-nums;background:var(--time-bg);text-align:center;letter-spacing:.02em;border-radius:999px;flex:none;padding:6px 0;font-size:11px;font-weight:600;line-height:1}.subtitle-row__time--active[data-v-f8e911ac]{background:var(--time-active-bg);color:var(--time-active-text)}.subtitle-row__th[data-v-f8e911ac]{min-width:0;color:var(--color-text);word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:auto;font-size:14.5px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.subtitle-row--active .subtitle-row__th[data-v-f8e911ac]{color:var(--active-row-text)}.subtitle-row__rom[data-v-f8e911ac]{color:var(--rom-text);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-left:56px;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.subtitle-row__zh[data-v-f8e911ac]{color:var(--color-text-muted);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-left:56px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.subtitle-row__play[data-v-f8e911ac]{border:1px solid var(--color-border);background:var(--color-card);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.subtitle-row__play[data-v-f8e911ac]:hover{border-color:var(--color-accent);color:var(--color-accent-deep);background:var(--color-card)}.subtitle-row__play--active[data-v-f8e911ac]{background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);border-color:var(--color-accent);color:var(--time-active-text);box-shadow:0 3px 8px var(--button-primary-shadow)}.subtitle-list[data-v-ed8c06c5]{align-content:start;gap:4px;height:100%;padding-right:4px;display:grid}.subtitle-list[data-v-ed8c06c5] .subtitle-row{scroll-margin-block:90px}.subtitle-list__empty[data-v-ed8c06c5]{border:1px dashed var(--color-border);height:100%;min-height:80px;color:var(--color-text-muted);text-align:center;border-radius:10px;place-items:center;margin:0;padding:24px 12px;font-size:13px;display:grid}.lyric-maker__overlay[data-v-7d5c7131]{z-index:120;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lyric-maker[data-v-7d5c7131]{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;width:min(820px,100%);max-height:90vh;padding:20px 22px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a2e}.lyric-maker__header[data-v-7d5c7131]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lyric-maker__title[data-v-7d5c7131]{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.lyric-maker__close[data-v-7d5c7131]{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:28px;height:28px;transition:all .15s;display:grid}.lyric-maker__close[data-v-7d5c7131]:hover{background:var(--color-surface-soft);color:var(--color-text)}.lyric-maker__tip[data-v-7d5c7131]{color:var(--color-text-muted);margin:0 0 12px;font-size:12.5px}.lyric-maker__player[data-v-7d5c7131]{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.lyric-maker__play[data-v-7d5c7131]{background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:var(--button-primary-shadow);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.lyric-maker__play[data-v-7d5c7131]:hover{box-shadow:var(--button-primary-shadow)}.lyric-maker__time[data-v-7d5c7131]{font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;flex-shrink:0;font-size:12.5px}.lyric-maker__time--total[data-v-7d5c7131]{color:var(--color-text-muted)}.lyric-maker__bar[data-v-7d5c7131]{background:var(--color-border);cursor:pointer;border-radius:999px;flex:1;min-width:0;height:6px;position:relative}.lyric-maker__bar-fill[data-v-7d5c7131]{background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);border-radius:999px;position:absolute;inset:0 auto 0 0}.lyric-maker__actions[data-v-7d5c7131]{align-items:center;gap:10px;margin:12px 0 10px;display:flex}.lyric-maker__stamp-btn[data-v-7d5c7131],.lyric-maker__bulk-btn[data-v-7d5c7131]{cursor:pointer;border:none;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s}.lyric-maker__stamp-btn[data-v-7d5c7131]{color:#fff;background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);box-shadow:var(--button-primary-shadow)}.lyric-maker__stamp-btn[data-v-7d5c7131]:hover{box-shadow:var(--button-primary-shadow)}.lyric-maker__bulk-btn[data-v-7d5c7131]{color:var(--color-accent-deep);background:var(--tint-deep);border:1px solid var(--bulk-pane-border)}.lyric-maker__bulk-btn[data-v-7d5c7131]:hover{background:var(--tint-strong)}.lyric-maker__bulk[data-v-7d5c7131]{border:1px solid var(--bulk-pane-border);background:var(--bulk-pane-bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;padding:12px;display:grid}.lyric-bulk__col[data-v-7d5c7131]{gap:6px;min-width:0;display:grid}.lyric-bulk__label[data-v-7d5c7131]{color:var(--color-text-muted);font-size:12px;font-weight:600}.lyric-bulk__textarea[data-v-7d5c7131]{resize:vertical;border:1px solid var(--color-border);width:100%;min-height:96px;color:var(--color-text);background:var(--color-card);border-radius:8px;outline:none;padding:8px 10px;font-size:13px;line-height:1.6;transition:border-color .15s}.lyric-bulk__textarea[data-v-7d5c7131]:focus{border-color:var(--color-accent)}.lyric-bulk__foot[data-v-7d5c7131]{grid-column:1/-1;align-items:center;gap:10px;display:flex}.lyric-bulk__hint[data-v-7d5c7131]{color:var(--color-text-muted);flex:1;min-width:0;font-size:11.5px}.lyric-bulk__cancel[data-v-7d5c7131],.lyric-bulk__apply[data-v-7d5c7131]{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .15s}.lyric-bulk__cancel[data-v-7d5c7131]{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.lyric-bulk__cancel[data-v-7d5c7131]:hover{color:var(--color-text)}.lyric-bulk__apply[data-v-7d5c7131]{color:#fff;background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);box-shadow:var(--button-primary-shadow)}.lyric-maker__rows[data-v-7d5c7131]{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;flex:auto;min-height:140px;max-height:38vh;overflow-y:auto}.lyric-row[data-v-7d5c7131]{border-bottom:1px solid var(--color-border);cursor:pointer;grid-template-columns:84px minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:10px;padding:4px 10px;transition:background .12s;display:grid}.lyric-row[data-v-7d5c7131]:last-child{border-bottom:none}.lyric-row[data-v-7d5c7131]:hover{background:var(--color-surface-soft)}.lyric-row--selected[data-v-7d5c7131],.lyric-row--selected[data-v-7d5c7131]:hover{background:var(--tint-deep)}.lyric-row__time[data-v-7d5c7131]{font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;font-size:12px}.lyric-row__time--set[data-v-7d5c7131]{color:var(--color-accent);font-weight:600}.lyric-row__thai[data-v-7d5c7131],.lyric-row__zh[data-v-7d5c7131]{color:var(--color-text);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:6px 4px;font-size:13.5px}.lyric-row__thai[data-v-7d5c7131]::-moz-placeholder{color:var(--color-text-muted);opacity:.6}.lyric-row__zh[data-v-7d5c7131]::-moz-placeholder{color:var(--color-text-muted);opacity:.6}.lyric-row__thai[data-v-7d5c7131]::placeholder,.lyric-row__zh[data-v-7d5c7131]::placeholder{color:var(--color-text-muted);opacity:.6}.lyric-row__remove[data-v-7d5c7131]{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;place-items:center;width:22px;height:22px;transition:all .15s;display:grid}.lyric-row:hover .lyric-row__remove[data-v-7d5c7131]{opacity:1}.lyric-row__remove[data-v-7d5c7131]:hover{color:#ef4444;background:#ef44441a}.lyric-maker__actions--row[data-v-7d5c7131]{margin:10px 0 0}.lyric-maker__add-row[data-v-7d5c7131]{border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.lyric-maker__add-row[data-v-7d5c7131]:hover{color:var(--color-accent);border-color:var(--color-accent)}.lyric-maker__error[data-v-7d5c7131]{color:#ef4444;margin:10px 0 0;font-size:13px;font-weight:500}.lyric-maker__footer[data-v-7d5c7131]{justify-content:flex-end;margin-top:14px;display:flex}.lyric-maker__save[data-v-7d5c7131]{color:#fff;background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);box-shadow:var(--button-primary-shadow);cursor:pointer;border:none;border-radius:10px;padding:9px 26px;font-size:14px;font-weight:600;transition:all .15s}.lyric-maker__save[data-v-7d5c7131]:hover{box-shadow:var(--button-primary-shadow)}@media (width<=720px){.lyric-maker__bulk[data-v-7d5c7131]{grid-template-columns:1fr}}.sentence-analysis-panel[data-v-8b838140]{gap:14px;height:100%;display:grid}.sentence-analysis-panel__empty[data-v-8b838140]{border:1px dashed var(--color-border);height:100%;min-height:80px;color:var(--color-text-muted);background:var(--color-surface-soft);border-radius:10px;place-items:center;font-size:14px;display:grid}.sentence-analysis-panel__error[data-v-8b838140]{color:#b42318;background:#fff5f5;border:1px dashed #f3b4b4;border-radius:10px;place-items:center;gap:10px;min-height:120px;padding:16px;font-size:14px;display:grid}.sentence-analysis-panel__error--soft[data-v-8b838140]{color:#9a6700;background:#fffaf0;border-color:#f2d49b}.sentence-analysis-panel__error-message[data-v-8b838140]{text-align:center}.retry-btn[data-v-8b838140]{color:#b42318;cursor:pointer;background:#fff;border:1px solid #d92d20;border-radius:999px;padding:4px 14px}.retry-btn--soft[data-v-8b838140]{color:#9a6700;border-color:#d9a13b}.word-list[data-v-8b838140]{flex-wrap:wrap;align-content:flex-start;gap:8px;margin:0;padding:0;list-style:none;display:flex}.word-list__empty[data-v-8b838140]{width:100%;color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:10px;padding:24px 12px;font-size:13px}.word-list__empty--soft[data-v-8b838140]{color:#9a6700;background:#fffaf0;border-color:#f2d49b}.word-list__error[data-v-8b838140]{color:#b42318;background:#fff5f5;border:1px solid #f3b4b4;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;display:flex}.word-list__error-text[data-v-8b838140]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.word-list__error-retry[data-v-8b838140]{color:#b42318;cursor:pointer;background:#fff;border:1px solid #d92d20;border-radius:999px;flex-shrink:0;padding:3px 12px;font-size:12px}.word-row[data-v-8b838140]{background:var(--color-surface-soft);border:1px solid var(--color-border-tertiary,#eae5f4);border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:inline-flex}.word-row__pos[data-v-8b838140]{letter-spacing:.02em;text-transform:lowercase;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.word-row__pos--n[data-v-8b838140]{background:var(--tint-deep);color:var(--color-accent-deep)}.word-row__pos--v[data-v-8b838140]{color:#1f8a4d;background:#1f8a4d1a}.word-row__pos--adj[data-v-8b838140]{color:#b8590a;background:#ffeed9}.word-row__pos--adv[data-v-8b838140]{background:var(--tint-deep);color:var(--color-accent-deep)}.word-row__pos--pron[data-v-8b838140]{color:#0e7a8f;background:#ddf1fd}.word-row__pos--prep[data-v-8b838140]{color:#554e63;background:#edeaf3}.word-row__pos--conj[data-v-8b838140]{color:#8a3535;background:#f5e3e3}.word-row__pos--int[data-v-8b838140]{color:#b6336a;background:#fff0f6}.word-row__pos--w[data-v-8b838140]{color:#554e63;background:#f2f0f7}.word-row__text[data-v-8b838140]{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.word-row__th[data-v-8b838140]{color:var(--color-text);font-size:15px;font-weight:700;line-height:1.35}.word-row__meta[data-v-8b838140]{color:var(--chip-meta-text);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.word-row__zh[data-v-8b838140]{color:var(--chip-meta-text)}.word-row__sep[data-v-8b838140]{color:var(--chip-meta-text);opacity:.5}.word-row__rom[data-v-8b838140]{opacity:.92;color:var(--chip-rom-text);font-style:italic}.word-row__play[data-v-8b838140]{background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);width:26px;height:26px;color:var(--topnav-nav-active-text);cursor:pointer;box-shadow:0 3px 8px var(--button-primary-shadow);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .12s,box-shadow .15s;display:grid}.word-row__play[data-v-8b838140]:hover:not(:disabled){box-shadow:0 6px 14px var(--button-primary-shadow);transform:translateY(-1px)}.word-row__play[data-v-8b838140]:disabled{opacity:.5;cursor:not-allowed}.study-page[data-v-d78bca40]{flex:auto;grid-template-rows:auto 1fr;gap:14px;width:100%;max-width:1680px;min-height:0;margin-inline:auto;display:grid}.upload-bar[data-v-d78bca40]{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 6px 18px #0000000a}.upload-bar__file[data-v-d78bca40]{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:10px;flex-shrink:1;align-items:center;gap:12px;min-width:0;padding:6px 12px;display:flex}.upload-bar__icon[data-v-d78bca40]{background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);width:36px;height:36px;color:var(--topnav-nav-active-text);box-shadow:0 4px 10px var(--button-primary-shadow);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.upload-bar__file-info[data-v-d78bca40]{flex:1;gap:2px;min-width:0;display:grid}.upload-bar__filename[data-v-d78bca40]{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.upload-bar__file--empty .upload-bar__filename[data-v-d78bca40]{color:var(--color-text-muted);font-weight:500}.upload-bar__filemeta[data-v-d78bca40]{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.upload-bar__steps[data-v-d78bca40]{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.upload-bar__step[data-v-d78bca40]{background:var(--color-surface-soft);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.upload-bar__step-num[data-v-d78bca40]{background:var(--tint-deep);width:20px;height:20px;color:var(--color-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:11.5px;font-weight:700;display:grid}.upload-bar__step-title[data-v-d78bca40]{color:var(--color-text);font-size:13px;font-weight:600}.upload-bar__step-arrow[data-v-d78bca40]{color:var(--color-text-muted);flex-shrink:0}.upload-bar__file-input[data-v-d78bca40]{display:none}.upload-bar__change[data-v-d78bca40],.upload-bar__export[data-v-d78bca40]{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:600;transition:all .15s}.upload-bar__change[data-v-d78bca40]{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}.upload-bar__change[data-v-d78bca40]:hover:not(:disabled){border-color:var(--color-border-strong)}.upload-bar__export[data-v-d78bca40]{background:linear-gradient(135deg, var(--button-primary-from) 0%, var(--button-primary-to) 100%);color:var(--topnav-nav-active-text);box-shadow:0 6px 16px var(--button-primary-shadow)}.upload-bar__export[data-v-d78bca40]:hover:not(:disabled){box-shadow:0 8px 20px var(--button-primary-shadow)}.upload-bar__change[data-v-d78bca40]:disabled,.upload-bar__export[data-v-d78bca40]:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.upload-bar__subtitle-wrap[data-v-d78bca40]{flex-shrink:0;position:relative}.upload-bar__menu[data-v-d78bca40]{background:var(--color-card);border:1px solid var(--color-border);z-index:30;border-radius:10px;gap:2px;min-width:168px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0f172a1f}.upload-bar__menu-item[data-v-d78bca40]{color:var(--color-text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .12s}.upload-bar__menu-item[data-v-d78bca40]:hover{background:var(--color-surface-soft)}.upload-bar__menu-item--soon[data-v-d78bca40]{align-items:center;gap:8px;display:inline-flex}.upload-bar__menu-tag[data-v-d78bca40]{color:var(--menu-tag-color);background:var(--menu-tag-bg);border-radius:999px;padding:3px 6px;font-size:11px;font-weight:500;line-height:1}.upload-bar__menu-backdrop[data-v-d78bca40]{z-index:20;position:fixed;inset:0}.study-page__layout[data-v-d78bca40]{grid-template-columns:minmax(0,1fr) minmax(auto,520px);align-items:stretch;gap:14px;min-height:0;display:grid;overflow:hidden}.study-page__left-col[data-v-d78bca40]{grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;display:grid}.study-page__right-col[data-v-d78bca40]{min-width:0;min-height:0;display:flex}.study-page__right-col[data-v-d78bca40]>*{flex:auto;min-width:0;min-height:0}.study-page__player-card[data-v-d78bca40]{min-height:0;display:block}.study-page__analysis-card[data-v-d78bca40],.study-page__subtitles-card[data-v-d78bca40]{flex-direction:column;min-height:0;display:flex}.study-page__player-card[data-v-d78bca40] .base-card__content{padding:0;display:block}.study-page__analysis-card[data-v-d78bca40] .base-card__content{flex:1;min-height:0;overflow-y:auto}.study-page__subtitles-card[data-v-d78bca40] .base-card__content{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.study-page__subtitles-card[data-v-d78bca40] .base-card__content::-webkit-scrollbar{width:10px}.study-page__subtitles-card[data-v-d78bca40] .base-card__content::-webkit-scrollbar-track{background:var(--color-surface-soft,#f2f0f7);border-radius:999px}.study-page__subtitles-card[data-v-d78bca40] .base-card__content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-card,#fff);border-radius:999px}.study-page__subtitles-card[data-v-d78bca40] .base-card__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-v-d78bca40] .timeline-summary{color:var(--color-accent);background:var(--tint-deep);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.timeline-play-toggle[data-v-d78bca40]{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.timeline-play-toggle__input[data-v-d78bca40]{display:none}.timeline-play-toggle__track[data-v-d78bca40]{background:var(--toggle-off-bg);border-radius:999px;flex:none;width:30px;height:17px;transition:background .15s;position:relative}.timeline-play-toggle__thumb[data-v-d78bca40]{background:var(--color-card);width:13px;height:13px;box-shadow:0 1px 2px var(--thumb-thumb-shadow);border-radius:50%;transition:left .15s;position:absolute;top:2px;left:2px}.timeline-play-toggle__input:checked+.timeline-play-toggle__track[data-v-d78bca40]{background:var(--color-accent)}.timeline-play-toggle__input:checked+.timeline-play-toggle__track .timeline-play-toggle__thumb[data-v-d78bca40]{left:15px}.timeline-play-toggle__text[data-v-d78bca40]{color:var(--color-text-soft,#5a6b85);font-size:12.5px;font-weight:600}[data-v-d78bca40] .analysis-header-actions{gap:8px;display:flex}[data-v-d78bca40] .analysis-action-btn{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:12px;transition:all .15s}[data-v-d78bca40] .analysis-action-btn:hover:not(:disabled){border-color:var(--color-border-strong)}[data-v-d78bca40] .analysis-action-btn--primary{border-color:var(--color-accent);background:var(--tint-deep);color:var(--color-accent-deep)}[data-v-d78bca40] .analysis-action-btn--primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=1100px){.study-page[data-v-d78bca40]{height:auto}.study-page__layout[data-v-d78bca40]{grid-template-columns:1fr}.study-page__right-col[data-v-d78bca40]{min-height:480px}}.upload-bar__guide-btn[data-v-d78bca40]{border:1px dashed var(--color-border-strong);background:var(--tint-deep);color:var(--color-accent-deep);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:none}.upload-bar__guide-badge[data-v-d78bca40]{background:var(--color-accent);color:var(--topnav-nav-active-text);border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.guide-sheet-backdrop[data-v-d78bca40]{z-index:58;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;position:fixed;inset:0}.guide-sheet[data-v-d78bca40]{z-index:59;background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;max-height:72vh;display:flex;position:fixed;bottom:10px;left:10px;right:10px;overflow:hidden;box-shadow:0 -12px 40px #0f172a33}.guide-sheet__grab[data-v-d78bca40]{background:var(--color-border-strong);border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.guide-sheet__head[data-v-d78bca40]{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.guide-sheet__title[data-v-d78bca40]{color:var(--color-text);font-size:16px;font-weight:700}.guide-sheet__close[data-v-d78bca40]{background:var(--color-accent);color:var(--topnav-nav-active-text);cursor:pointer;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.guide-sheet__steps[data-v-d78bca40]{gap:12px;margin:0;padding:2px 16px 18px;list-style:none;display:grid;overflow-y:auto}.guide-sheet__step[data-v-d78bca40]{align-items:flex-start;gap:12px;display:flex}.guide-sheet__num[data-v-d78bca40]{background:var(--tint-deep);width:26px;height:26px;color:var(--color-accent);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:13px;font-weight:700;display:grid}.guide-sheet__text[data-v-d78bca40]{min-width:0}.guide-sheet__step-title[data-v-d78bca40]{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4}.guide-sheet__desc[data-v-d78bca40]{color:var(--color-text-muted);margin-top:2px;font-size:12.5px;line-height:1.6}.guide-sheet-enter-active[data-v-d78bca40],.guide-sheet-leave-active[data-v-d78bca40]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s}.guide-sheet-enter-from[data-v-d78bca40],.guide-sheet-leave-to[data-v-d78bca40]{opacity:0;transform:translateY(24px)}@media (width<=768px){.upload-bar[data-v-d78bca40]{border-radius:12px;flex-wrap:wrap;gap:8px;padding:10px 12px}.upload-bar__steps[data-v-d78bca40]{display:none}.upload-bar[data-v-d78bca40]{gap:6px}.switcher[data-v-d78bca40]{order:1}.switcher[data-v-d78bca40] .switcher__btn{padding:6px 12px;font-size:13px}.upload-bar__guide-btn[data-v-d78bca40]{border-radius:999px;order:2;gap:4px;margin-inline:auto;padding:6px 9px;font-size:11.5px;display:inline-flex}.upload-bar__guide-btn svg[data-v-d78bca40],.upload-bar__guide-badge[data-v-d78bca40]{display:none}.upload-bar__change[data-v-d78bca40]{order:3;padding:7px 10px;font-size:12.5px}.upload-bar__subtitle-wrap[data-v-d78bca40]{order:4}.upload-bar__file[data-v-d78bca40]{flex:100%;order:10;gap:8px;padding:5px 10px}.upload-bar__icon[data-v-d78bca40]{width:26px;height:26px}.upload-bar__icon svg[data-v-d78bca40]{width:13px;height:13px}.upload-bar__filename[data-v-d78bca40]{font-size:12.5px}.upload-bar__filemeta[data-v-d78bca40]{font-size:11px}.study-page[data-v-d78bca40]{gap:10px}.study-page__layout[data-v-d78bca40]{flex-direction:column;gap:10px;display:flex;overflow:visible}.study-page__left-col[data-v-d78bca40],.study-page__right-col[data-v-d78bca40]{display:contents}.study-page__player-card[data-v-d78bca40]{order:1}.study-page__subtitles-card[data-v-d78bca40]{order:2;max-height:56vh}.study-page__subtitles-card[data-v-d78bca40] .base-card__content{max-height:calc(56vh - 58px)}.study-page__analysis-card[data-v-d78bca40]{order:3}}