@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:#f0ecff;--color-text:#1f1746;--color-text-muted:#7c74a8;--color-border:#ece7fb;--color-border-strong:#b3a8d2;--color-accent:#6f4df0;--color-accent-deep:#4a2dba;--color-accent-soft:#d9c8ff;--color-accent-tint:#8a6bff;--color-gold:#ffcf5c;--color-gold-soft:#ffcf5c;--color-sky:#3ec3ef;--color-lavender:#8a6bff;--topnav-bg:#fff;--topnav-border:#ece7fb;--topnav-title:#1f1746;--topnav-subtitle:#7c74a8;--topnav-status-bg:#f0ecff;--topnav-status-border:#ece7fb;--topnav-status-text:#7c74a8;--topnav-help:#6f4df0;--topnav-help-hover:#4a2dba;--topnav-avatar-border:#c9bfff;--topnav-avatar-bg:#f0ecff;--topnav-nav-text:#7c74a8;--topnav-nav-active-bg:#6f4df0;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#f0ecff;--ribbon-bar:#6f4df047;--ribbon-sky:#3ec3ef9e;--ribbon-yellow:#ffcf5cb8;--ribbon-lav:#8a6bff80;--menu-tag-color:#6f4df0;--menu-tag-bg:#6f4df01a;--button-primary-from:#6f4df0;--button-primary-to:#8a6bff;--button-primary-shadow:#6f4df042;--tint-deep:#6f4df01a;--tint-strong:#6f4df038;--active-row-bg:#ece4ff;--active-row-border:#b8a3f3;--active-row-text:#4a2dba;--time-active-bg:#6f4df0;--time-active-text:#fff;--time-text:#7c74a8;--time-bg:#f0ecff;--rom-text:#94a0c0;--modal-text:#4d4670;--modal-bar-track:#ece7fb;--bulk-pane-bg:#f0ecff;--bulk-pane-border:#c9bfff;--thumb-thumb-shadow:#0f172a40;--toggle-off-bg:#b3a8d2}:root[data-theme=c][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#231c3a;--color-card:#181130;--color-surface-soft:#2b2447;--color-text:#f3efff;--color-text-muted:#a79bcb;--color-border:#3c3160;--color-border-strong:#4e4178;--color-accent:#7b56ff;--color-accent-deep:#6f4df0;--color-accent-soft:#c9bfff;--color-accent-tint:#a98efb;--color-gold:#ffce5f;--color-gold-soft:#ffce5f;--color-sky:#3ec3ef;--color-lavender:#a98efb;--topnav-bg:#231c3a;--topnav-border:#3c3160;--topnav-title:#f3efff;--topnav-subtitle:#a79bcb;--topnav-status-bg:#ffffff0f;--topnav-status-border:#ffffff1f;--topnav-status-text:#a79bcb;--topnav-help:#a98efb;--topnav-help-hover:#ffce5f;--topnav-avatar-border:#a98efb5c;--topnav-avatar-bg:#231c3a;--topnav-nav-text:#b1a8d4;--topnav-nav-active-bg:#7b56ff;--topnav-nav-active-text:#fff;--topnav-nav-hover-bg:#7b56ff29;--ribbon-bar:#a98efb57;--ribbon-sky:#3ec3ef9e;--ribbon-yellow:#ffce5fb8;--ribbon-lav:#9d80ff8c;--menu-tag-color:#a98efb;--menu-tag-bg:#7b56ff2e;--button-primary-from:#7b56ff;--button-primary-to:#a98efb;--button-primary-shadow:#7b56ff57;--tint-deep:#7b56ff1f;--tint-strong:#7b56ff3d;--active-row-bg:#1a1530;--active-row-border:#5a4ab0;--active-row-text:#ffce5f;--time-active-bg:#7b56ff;--time-active-text:#fff;--time-text:#a79bcb;--time-bg:#ffffff0d;--rom-text:#9089a0;--modal-text:#cdc7d8;--modal-bar-track:#ffffff14;--bulk-pane-bg:#7b56ff14;--bulk-pane-border:#a98efb52;--thumb-thumb-shadow:#0006;--toggle-off-bg:#4a4454}*{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}.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-2bb74e06]{z-index:5;flex-shrink:0;align-items:center;gap:8px;display:inline-flex;position:relative}.theme-switcher__mode-toggle[data-v-2bb74e06]{border:1px solid var(--topnav-border);background:var(--topnav-avatar-bg);width:34px;height:34px;color:var(--topnav-title);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.theme-switcher__mode-toggle[data-v-2bb74e06]:hover{box-shadow:0 0 0 3px var(--tint-strong);border-color:var(--color-accent-tint)}.theme-switcher__trigger[data-v-2bb74e06]{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-2bb74e06]:hover{box-shadow:0 0 0 3px var(--tint-strong);border-color:var(--color-accent-tint)}.theme-switcher--open .theme-switcher__trigger[data-v-2bb74e06]{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--tint-strong)}.theme-switcher__flower[data-v-2bb74e06]{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.theme-switcher__trigger-name[data-v-2bb74e06]{white-space:nowrap;letter-spacing:.04em}.theme-switcher__caret[data-v-2bb74e06]{color:var(--topnav-nav-text);flex-shrink:0;transition:transform .15s}.theme-switcher--open .theme-switcher__caret[data-v-2bb74e06]{transform:rotate(180deg)}.theme-switcher__panel[data-v-2bb74e06]{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-2bb74e06]{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-2bb74e06]{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-2bb74e06]:hover{background:var(--color-surface-soft)}.theme-switcher__option--active[data-v-2bb74e06]{background:var(--color-surface-soft);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--tint-deep)}.theme-switcher__bullet[data-v-2bb74e06]{-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-2bb74e06]{flex:1;gap:2px;min-width:0;display:grid}.theme-switcher__option-name[data-v-2bb74e06]{letter-spacing:.01em;color:var(--color-text);font-size:13.5px;font-weight:700}.theme-switcher__option-tag[data-v-2bb74e06]{color:var(--color-text-muted);font-size:11.5px}.theme-switcher__check[data-v-2bb74e06]{flex-shrink:0}.theme-switcher__divider[data-v-2bb74e06]{background:var(--color-border);height:1px;margin:4px 0 2px}.theme-switcher__modes[data-v-2bb74e06]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.theme-switcher__mode-pill[data-v-2bb74e06]{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-2bb74e06]:hover{background:var(--color-surface-soft)}.theme-switcher__mode-pill--active[data-v-2bb74e06]{background:var(--color-accent);border-color:var(--color-accent);color:var(--topnav-nav-active-text)}.theme-switcher__backdrop[data-v-2bb74e06]{z-index:50;position:fixed;inset:0}.top-nav[data-v-236519cd]{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-236519cd]{z-index:1;flex-shrink:0;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.top-nav__logo[data-v-236519cd]{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-236519cd]{width:100%;height:100%;display:block}.top-nav__title-wrap[data-v-236519cd]{justify-items:start;gap:3px;min-width:0;display:grid}.top-nav__title[data-v-236519cd]{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-236519cd]{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-236519cd]{letter-spacing:.02em;color:var(--color-accent);font-family:Noto Sans Thai,sans-serif}.top-nav__sep[data-v-236519cd]{opacity:.5}.top-nav__cn[data-v-236519cd]{color:var(--color-text-muted);font-weight:500}.top-nav__ribbon[data-v-236519cd]{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-236519cd]{border-radius:1px;flex-shrink:0;width:3px;animation:2.1s ease-in-out infinite alternate topnav-bounce-236519cd}.top-nav__actions[data-v-236519cd]{z-index:1;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.top-nav__nav[data-v-236519cd]{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-236519cd]{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-236519cd]:hover{background:var(--topnav-nav-hover-bg);color:var(--color-text)}.top-nav__nav-item--active[data-v-236519cd]{background:var(--topnav-nav-active-bg);color:var(--topnav-nav-active-text)}.top-nav__avatar[data-v-236519cd]{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__avatar[data-v-236519cd]:hover{box-shadow:0 0 0 4px var(--tint-strong)}.top-nav__avatar img[data-v-236519cd]{width:100%;height:100%;display:block}@keyframes topnav-bounce-236519cd{0%{transform:scaleY(.68)}to{transform:scaleY(1.1)}}@media (prefers-reduced-motion:reduce){.top-nav__ribbon-bar[data-v-236519cd]{animation:none}}@media (width<=1100px){.top-nav__ribbon[data-v-236519cd]{display:none}}@media (width<=880px){.top-nav__nav[data-v-236519cd]{display:none}}@media (width<=768px){.top-nav[data-v-236519cd]{gap:10px;padding:10px 14px}.top-nav__title[data-v-236519cd]{letter-spacing:.14em;font-size:17px}.top-nav__subtitle[data-v-236519cd]{gap:6px;font-size:12px}.top-nav__logo[data-v-236519cd]{width:40px;height:40px}.top-nav__avatar[data-v-236519cd]{width:34px;height:34px}}.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-12555367]{-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-12555367]{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-12555367]{opacity:.55;pointer-events:none}.controls__range[data-v-12555367]{appearance:none;cursor:pointer;background:#ffffff40;border-radius:2px;width:100%;height:3px}.controls__range[data-v-12555367]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:10px;height:10px}.controls__range[data-v-12555367]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:10px;height:10px}.controls__range[data-v-12555367]:disabled{cursor:not-allowed}.controls__row[data-v-12555367]{align-items:center;gap:8px;display:flex}.controls__play[data-v-12555367]{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-12555367]:hover:not(:disabled){background:#fff3}.controls__play[data-v-12555367]:disabled{opacity:.5;cursor:not-allowed}.controls__time[data-v-12555367]{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:1;font-size:11.5px}.controls__rate[data-v-12555367]{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-12555367]:hover{color:#fff;border-color:#ffffffe6}.controls__rate--active[data-v-12555367]{background:var(--color-accent);border-color:var(--color-accent);color:var(--time-active-text)}.controls__rate-wrap[data-v-12555367]{flex-shrink:0;position:relative}.controls__rate-menu[data-v-12555367]{-webkit-backdrop-filter:blur(10px);z-index:20;background:#1a1034eb;border:1px solid #ffffff24;border-radius:10px;min-width:92px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.controls__rate-option[data-v-12555367]{color:#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-12555367]:hover{color:#fff;background:#ffffff1a}.controls__rate-option--current[data-v-12555367]{color:var(--color-accent-tint)}.controls__rate-option-check[data-v-12555367]{flex-shrink:0}.controls__cc[data-v-12555367]{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-12555367]:hover{color:#fff;border-color:#ffffffe6}.controls__cc--active[data-v-12555367]{background:var(--color-accent);border-color:var(--color-accent);color:var(--time-active-text)}.controls__fullscreen[data-v-12555367]{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-12555367]:hover{color:#fff;background:#ffffff14;border-color:#fffffff2}.media-player[data-v-5d4be400],.media-player__stage[data-v-5d4be400]{flex-direction:column;gap:12px;width:100%;display:flex}.media-player__video-wrap[data-v-5d4be400]{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-5d4be400]{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%}.media-player__video-wrap[data-v-5d4be400]:fullscreen{border-radius:0;aspect-ratio:auto!important;width:100vw!important;max-width:none!important;height:100vh!important}.media-player__cc-overlay[data-v-5d4be400]{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-5d4be400]{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-5d4be400]{color:#fff;text-shadow:0 1px 2px #000000e6,0 0 4px #000000b3;font-size:14px;line-height:1.4}.media-player__badge[data-v-5d4be400]{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-5d4be400]{left:14px}.media-player__badge--right[data-v-5d4be400]{right:14px}.media-player__audio-wrap[data-v-5d4be400]{aspect-ratio:16/9;background:radial-gradient(120% 90% at 18% 0,#3a2170 0%,#241248 52%,#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-5d4be400]:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0d062000 0%,#0d0620b8 100%);height:46%;position:absolute;bottom:0;left:0;right:0}.media-player__audio-art[data-v-5d4be400]{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-5d4be400]{z-index:2;background:linear-gradient(145deg,#7e3bff 0%,#4c22a8 55%,#2c1268 100%);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-5d4be400]{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-5d4be400]{letter-spacing:.24em;text-transform:uppercase;color:#ffffff9e;font-size:9.5px;font-weight:600}.media-player__audio-ring[data-v-5d4be400]{opacity:0;z-index:1;border:1.5px solid #b294ff61;border-radius:50%;position:absolute;inset:-8%}.media-player__audio-art--live .media-player__audio-ring[data-v-5d4be400]{animation:2.6s cubic-bezier(0,0,.2,1) infinite audio-ping-5d4be400}.media-player__audio-art--live .media-player__audio-ring--2[data-v-5d4be400]{animation-delay:.85s}.media-player__audio-art--live .media-player__audio-ring--3[data-v-5d4be400]{animation-delay:1.7s}@keyframes audio-ping-5d4be400{0%{opacity:.55;transform:scale(.72)}78%,to{opacity:0;transform:scale(1.55)}}.media-player__audio[data-v-5d4be400]{opacity:0;pointer-events:none;width:100%;height:0;position:absolute}.media-player__pitch-bar[data-v-5d4be400]{flex-wrap:wrap;align-items:center;gap:10px;padding:0 2px 2px;display:flex}.media-player__pitch-label[data-v-5d4be400]{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-5d4be400]{color:var(--color-accent)}.media-player__pitch-controls[data-v-5d4be400]{align-items:center;gap:6px;display:flex}.media-player__pitch-btn[data-v-5d4be400]{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-5d4be400]:hover:not(:disabled){background:var(--color-surface-soft);border-color:var(--color-border-strong,#ada1c9)}.media-player__pitch-btn[data-v-5d4be400]:disabled{opacity:.4;cursor:not-allowed}.media-player__pitch-value[data-v-5d4be400]{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-5d4be400]{color:var(--color-accent)}.media-player__pitch-reset[data-v-5d4be400]{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-5d4be400]:hover:not(:disabled){background:var(--color-surface-soft)}.media-player__pitch-reset[data-v-5d4be400]:disabled{opacity:.4;cursor:not-allowed}.media-player__pitch-hint[data-v-5d4be400]{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:11.5px}.media-player__transcoding[data-v-5d4be400]{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-5d4be400]{color:#b54708;font-size:16px;font-weight:600}.media-player__transcoding-desc[data-v-5d4be400]{color:var(--color-text-muted);font-size:13px;line-height:1.7}.media-player__empty[data-v-5d4be400]{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-5d4be400]{color:var(--color-text);font-size:16px;font-weight:600}.media-player__empty-formats[data-v-5d4be400]{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-9ab76c86]{gap:14px;height:100%;display:grid}.sentence-analysis-panel__empty[data-v-9ab76c86]{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-9ab76c86]{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-9ab76c86]{color:#9a6700;background:#fffaf0;border-color:#f2d49b}.sentence-analysis-panel__error-message[data-v-9ab76c86]{text-align:center}.retry-btn[data-v-9ab76c86]{color:#b42318;cursor:pointer;background:#fff;border:1px solid #d92d20;border-radius:999px;padding:4px 14px}.retry-btn--soft[data-v-9ab76c86]{color:#9a6700;border-color:#d9a13b}.word-list[data-v-9ab76c86]{flex-wrap:wrap;align-content:flex-start;gap:8px;margin:0;padding:0;list-style:none;display:flex}.word-list__empty[data-v-9ab76c86]{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-9ab76c86]{color:#9a6700;background:#fffaf0;border-color:#f2d49b}.word-list__error[data-v-9ab76c86]{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-9ab76c86]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.word-list__error-retry[data-v-9ab76c86]{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-9ab76c86]{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-9ab76c86]{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-9ab76c86]{background:var(--tint-deep);color:var(--color-accent-deep)}.word-row__pos--v[data-v-9ab76c86]{color:#1f8a4d;background:#1f8a4d1a}.word-row__pos--adj[data-v-9ab76c86]{color:#b8590a;background:#ffeed9}.word-row__pos--adv[data-v-9ab76c86]{background:var(--tint-deep);color:#6c3fc8}.word-row__pos--pron[data-v-9ab76c86]{color:#0e7a8f;background:#ddf1fd}.word-row__pos--prep[data-v-9ab76c86]{color:#554e63;background:#edeaf3}.word-row__pos--conj[data-v-9ab76c86]{color:#8a3535;background:#f5e3e3}.word-row__pos--int[data-v-9ab76c86]{color:#b6336a;background:#fff0f6}.word-row__pos--w[data-v-9ab76c86]{color:#554e63;background:#f2f0f7}.word-row__text[data-v-9ab76c86]{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.word-row__th[data-v-9ab76c86]{color:var(--color-text);font-size:15px;font-weight:700;line-height:1.35}.word-row__meta[data-v-9ab76c86]{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.word-row__zh[data-v-9ab76c86]{color:var(--color-text-muted)}.word-row__sep[data-v-9ab76c86]{color:var(--color-text-muted);opacity:.5}.word-row__rom[data-v-9ab76c86]{opacity:.85;color:var(--color-text-muted);font-style:italic}.word-row__play[data-v-9ab76c86]{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-9ab76c86]:hover:not(:disabled){box-shadow:0 6px 14px var(--button-primary-shadow);transform:translateY(-1px)}.word-row__play[data-v-9ab76c86]:disabled{opacity:.5;cursor:not-allowed}.study-page[data-v-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]{flex:1;gap:2px;min-width:0;display:grid}.upload-bar__filename[data-v-d5d8e39f]{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-d5d8e39f]{color:var(--color-text-muted);font-weight:500}.upload-bar__filemeta[data-v-d5d8e39f]{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.upload-bar__steps[data-v-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]{color:var(--color-text);font-size:13px;font-weight:600}.upload-bar__step-arrow[data-v-d5d8e39f]{color:var(--color-text-muted);flex-shrink:0}.upload-bar__file-input[data-v-d5d8e39f]{display:none}.upload-bar__change[data-v-d5d8e39f],.upload-bar__export[data-v-d5d8e39f]{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-d5d8e39f]{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}.upload-bar__change[data-v-d5d8e39f]:hover:not(:disabled){border-color:var(--color-border-strong)}.upload-bar__export[data-v-d5d8e39f]{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-d5d8e39f]:hover:not(:disabled){box-shadow:0 8px 20px var(--button-primary-shadow)}.upload-bar__change[data-v-d5d8e39f]:disabled,.upload-bar__export[data-v-d5d8e39f]:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.upload-bar__subtitle-wrap[data-v-d5d8e39f]{flex-shrink:0;position:relative}.upload-bar__menu[data-v-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]:hover{background:var(--color-surface-soft)}.upload-bar__menu-item--soon[data-v-d5d8e39f]{align-items:center;gap:8px;display:inline-flex}.upload-bar__menu-tag[data-v-d5d8e39f]{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-d5d8e39f]{z-index:20;position:fixed;inset:0}.study-page__layout[data-v-d5d8e39f]{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-d5d8e39f]{grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;display:grid}.study-page__right-col[data-v-d5d8e39f]{min-width:0;min-height:0;display:flex}.study-page__right-col[data-v-d5d8e39f]>*{flex:auto;min-width:0;min-height:0}.study-page__player-card[data-v-d5d8e39f]{min-height:0;display:block}.study-page__analysis-card[data-v-d5d8e39f],.study-page__subtitles-card[data-v-d5d8e39f]{flex-direction:column;min-height:0;display:flex}.study-page__player-card[data-v-d5d8e39f] .base-card__content{padding:0;display:block}.study-page__analysis-card[data-v-d5d8e39f] .base-card__content{flex:1;min-height:0;overflow-y:auto}.study-page__subtitles-card[data-v-d5d8e39f] .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-d5d8e39f] .base-card__content::-webkit-scrollbar{width:10px}.study-page__subtitles-card[data-v-d5d8e39f] .base-card__content::-webkit-scrollbar-track{background:var(--color-surface-soft,#f2f0f7);border-radius:999px}.study-page__subtitles-card[data-v-d5d8e39f] .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-d5d8e39f] .base-card__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-v-d5d8e39f] .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-d5d8e39f]{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-d5d8e39f]{display:none}.timeline-play-toggle__track[data-v-d5d8e39f]{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-d5d8e39f]{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-d5d8e39f]{background:var(--color-accent)}.timeline-play-toggle__input:checked+.timeline-play-toggle__track .timeline-play-toggle__thumb[data-v-d5d8e39f]{left:15px}.timeline-play-toggle__text[data-v-d5d8e39f]{color:var(--color-text-soft,#5a6b85);font-size:12.5px;font-weight:600}[data-v-d5d8e39f] .analysis-header-actions{gap:8px;display:flex}[data-v-d5d8e39f] .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-d5d8e39f] .analysis-action-btn:hover:not(:disabled){border-color:var(--color-border-strong)}[data-v-d5d8e39f] .analysis-action-btn--primary{border-color:var(--color-accent);background:var(--tint-deep);color:var(--color-accent-deep)}[data-v-d5d8e39f] .analysis-action-btn--primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=1100px){.study-page[data-v-d5d8e39f]{height:auto}.study-page__layout[data-v-d5d8e39f]{grid-template-columns:1fr}.study-page__right-col[data-v-d5d8e39f]{min-height:480px}}