@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.sign-in-page[data-v-c97f61d8]{min-height:100vh;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex}.sign-in-container[data-v-c97f61d8]{align-items:center;gap:var(--spacing-6);flex-direction:column;width:100%;max-width:600px;display:flex}h1[data-v-c97f61d8]{font-weight:var(--weight-semibold);font-size:var(--size-3xl)}.btn-primary[data-v-c97f61d8]{align-items:center;gap:var(--spacing-2);background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);font-weight:var(--btn-primary-font-weight);font-size:var(--size-base);cursor:pointer;border:none;display:inline-flex}.btn-primary[data-v-c97f61d8]:disabled{background:var(--btn-primary-disabled-bg);color:var(--btn-primary-disabled-text);cursor:not-allowed}.spinner[data-v-c97f61d8]{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin-c97f61d8;display:inline-block}@keyframes spin-c97f61d8{to{transform:rotate(360deg)}}.error-msg[data-v-c97f61d8]{color:var(--color-error);font-size:var(--size-sm)}.denied-page[data-v-3dee5d64]{min-height:100vh;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex}.denied-container[data-v-3dee5d64]{align-items:center;gap:var(--spacing-6);flex-direction:column;width:100%;max-width:600px;display:flex}.denied-message[data-v-3dee5d64]{font-size:var(--size-base)}.link-btn[data-v-3dee5d64]{cursor:pointer;color:inherit;font-size:var(--size-base);background:0 0;border:none;padding:0;text-decoration:underline}.library-page[data-v-a72e427a]{flex-direction:column;min-height:100vh;display:flex}.library-header[data-v-a72e427a]{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-surface-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.wordmark[data-v-a72e427a]{font-weight:var(--weight-semibold);font-size:var(--size-xl)}.header-actions[data-v-a72e427a]{align-items:center;gap:var(--spacing-3);display:flex}.btn-primary[data-v-a72e427a]{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);font-weight:var(--btn-primary-font-weight);font-size:var(--size-base);cursor:pointer;border:none}.avatar-wrapper[data-v-a72e427a]{position:relative}.avatar-btn[data-v-a72e427a]{cursor:pointer;background:var(--color-accent-muted);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;overflow:hidden}.avatar-img[data-v-a72e427a]{object-fit:cover;width:100%;height:100%}.avatar-initial[data-v-a72e427a]{font-size:var(--size-sm);font-weight:var(--weight-semibold);color:var(--color-accent)}.dropdown[data-v-a72e427a]{top:calc(100% + var(--spacing-2));background:var(--overflow-menu-bg);border:var(--overflow-menu-border);border-radius:var(--overflow-menu-radius);box-shadow:var(--overflow-menu-shadow);z-index:100;min-width:120px;position:absolute;right:0}.dropdown-item[data-v-a72e427a]{width:100%;padding:var(--overflow-menu-item-padding);text-align:left;cursor:pointer;font-size:var(--size-sm);color:var(--color-text-primary);background:0 0;border:none;display:block}.dropdown-item[data-v-a72e427a]:hover{background:var(--color-surface-raised)}.library-content[data-v-a72e427a]{padding:var(--spacing-8) var(--spacing-6);flex:1}.placeholder[data-v-a72e427a]{color:var(--color-text-tertiary);font-size:var(--size-sm)}.segmented-toggle[data-v-57248ff1]{background:var(--segmented-outer-bg);border-radius:var(--segmented-outer-radius);padding:var(--segmented-outer-padding);display:inline-flex}.segmented-option[data-v-57248ff1]{border-radius:var(--segmented-active-radius);padding:var(--spacing-2) var(--spacing-5);font-size:var(--segmented-font-size);font-weight:var(--segmented-font-weight);color:var(--segmented-inactive-text);cursor:pointer;background:0 0;border:none;flex:1;transition:background .15s,box-shadow .15s,color .15s}.segmented-option.active[data-v-57248ff1]{background:var(--segmented-active-bg);box-shadow:var(--segmented-active-shadow);color:var(--segmented-active-text)}.voice-grid[data-v-b1b5f6e3]{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.voice-card[data-v-b1b5f6e3]{border:var(--voice-option-border);border-radius:var(--voice-option-radius);padding:var(--voice-option-padding);cursor:pointer;align-items:flex-start;gap:var(--spacing-1);text-align:left;background:0 0;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.voice-card.selected[data-v-b1b5f6e3]{border:1px solid var(--voice-option-selected-border);background:var(--voice-option-selected-bg)}.voice-name[data-v-b1b5f6e3]{font-size:var(--size-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.voice-gender[data-v-b1b5f6e3]{font-size:var(--size-sm);color:var(--color-text-secondary)}.add-page[data-v-2b04ed56]{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.page-overlay[data-v-2b04ed56]{z-index:50;background:#ffffffb3;position:fixed;inset:0}.add-header[data-v-2b04ed56]{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);background:var(--color-surface);border-bottom:1px solid var(--color-surface-border);display:flex}.back-btn[data-v-2b04ed56]{cursor:pointer;color:var(--color-accent);font-size:var(--size-sm);font-weight:var(--weight-medium);background:0 0;border:none;padding:0}.add-title[data-v-2b04ed56]{font-size:var(--size-lg);font-weight:var(--weight-semibold)}.add-main[data-v-2b04ed56]{padding:var(--spacing-8) var(--spacing-4);flex:1;justify-content:center;display:flex}.add-column[data-v-2b04ed56]{gap:var(--spacing-6);flex-direction:column;width:100%;max-width:600px;display:flex}.field[data-v-2b04ed56]{gap:var(--spacing-2);flex-direction:column;display:flex}.field-label[data-v-2b04ed56]{font-size:var(--size-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.field-input[data-v-2b04ed56]{background:var(--input-bg);border:var(--input-border);border-radius:var(--input-radius);padding:var(--input-padding);font-size:var(--size-base);font-family:var(--font-sans);color:var(--color-text-primary);width:100%}.field-input[data-v-2b04ed56]:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring);outline:none}.field-input--error[data-v-2b04ed56]{border-color:var(--color-error)}.field-textarea[data-v-2b04ed56]{background:var(--input-bg);border:var(--input-border);border-radius:var(--input-radius);padding:var(--input-padding);font-size:var(--size-base);font-family:var(--font-sans);color:var(--color-text-primary);resize:vertical;width:100%}.field-textarea[data-v-2b04ed56]:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring);outline:none}.info-banner[data-v-2b04ed56]{font-size:var(--size-sm);color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--rounded-md);padding:var(--spacing-3) var(--spacing-4)}.btn-primary[data-v-2b04ed56]{justify-content:center;align-items:center;gap:var(--spacing-2);background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);font-weight:var(--btn-primary-font-weight);font-size:var(--size-base);cursor:pointer;border:none;width:100%;display:inline-flex}.btn-primary[data-v-2b04ed56]:disabled{background:var(--btn-primary-disabled-bg);color:var(--btn-primary-disabled-text);cursor:not-allowed}.spinner[data-v-2b04ed56]{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin-2b04ed56;display:inline-block}@keyframes spin-2b04ed56{to{transform:rotate(360deg)}}.error-msg[data-v-2b04ed56]{color:var(--color-error);font-size:var(--size-sm)}:root{--color-bg:#f8f9fb;--color-surface:#fff;--color-surface-raised:#f3f4f6;--color-surface-border:#e5e7eb;--color-accent:#3b7ef6;--color-accent-muted:#eef3fe;--color-text-primary:#111;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-error:#dc2626;--color-success:#16a34a;--color-warning:#d97706;--color-warning-bg:#fef3c7;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--size-xs:.75rem;--size-sm:.875rem;--size-base:1rem;--size-lg:1.125rem;--size-xl:1.25rem;--size-2xl:1.5rem;--size-3xl:1.875rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--line-height-tight:1.25;--line-height-base:1.5;--rounded-sm:6px;--rounded-md:10px;--rounded-lg:16px;--rounded-xl:24px;--rounded-pill:9999px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--library-card-bg:var(--color-surface);--library-card-radius:var(--rounded-md);--library-card-padding:var(--spacing-4);--library-card-border:1px solid var(--color-surface-border);--library-card-gap:var(--spacing-3);--progress-bar-height:3px;--progress-bar-track-bg:var(--color-surface-raised);--progress-bar-fill-bg:var(--color-accent);--seek-bar-height:4px;--seek-bar-track-bg:var(--color-surface-border);--seek-bar-fill-bg:var(--color-accent);--seek-bar-thumb-size:14px;--seek-bar-thumb-bg:var(--color-accent);--player-btn-primary-size:44px;--player-btn-secondary-size:28px;--player-btn-color:var(--color-text-primary);--player-btn-gap:var(--spacing-8);--speed-pill-bg:var(--color-surface-raised);--speed-pill-radius:var(--rounded-pill);--speed-pill-padding:var(--spacing-2) var(--spacing-3);--speed-pill-active-bg:var(--color-accent);--speed-pill-active-text:#fff;--input-bg:var(--color-surface);--input-border:1px solid var(--color-surface-border);--input-radius:var(--rounded-md);--input-padding:var(--spacing-3) var(--spacing-4);--input-focus-border:var(--color-accent);--input-focus-ring:0 0 0 3px var(--color-accent-muted);--btn-primary-bg:var(--color-accent);--btn-primary-text:#fff;--btn-primary-radius:var(--rounded-pill);--btn-primary-padding:var(--spacing-3) var(--spacing-6);--btn-primary-font-weight:var(--weight-semibold);--btn-primary-disabled-bg:var(--color-surface-raised);--btn-primary-disabled-text:var(--color-text-tertiary);--voice-option-radius:var(--rounded-md);--voice-option-padding:var(--spacing-3);--voice-option-border:1px solid var(--color-surface-border);--voice-option-selected-border:var(--color-accent);--voice-option-selected-bg:var(--color-accent-muted);--overflow-menu-bg:var(--color-surface);--overflow-menu-border:1px solid var(--color-surface-border);--overflow-menu-radius:var(--rounded-md);--overflow-menu-shadow:0 4px 12px #00000014;--overflow-menu-item-padding:var(--spacing-3) var(--spacing-4);--segmented-outer-bg:var(--color-surface-raised);--segmented-outer-radius:var(--rounded-pill);--segmented-outer-padding:4px;--segmented-active-bg:var(--color-surface);--segmented-active-shadow:0 1px 3px #0000001a;--segmented-active-radius:var(--rounded-pill);--segmented-inactive-text:var(--color-text-secondary);--segmented-active-text:var(--color-text-primary);--segmented-font-weight:var(--weight-medium);--segmented-font-size:var(--size-sm)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}