:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}[data-theme=gena]{--color-primary-50: #f5f7ff;--color-primary-100: #ebefff;--color-primary-200: #d6dfff;--color-primary-300: #b3c3ff;--color-primary-400: #8a9fff;--color-primary-500: #667eea;--color-primary-600: #5363d4;--color-primary-700: #4350b8;--color-primary-800: #374196;--color-primary-900: #2d3478;--color-primary-950: #1d2254;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #764ba2;--color-secondary-600: #6d448f;--color-secondary-700: #5d3a77;--color-secondary-800: #4d315f;--color-secondary-900: #3e2849;--color-secondary-950: #2a1b32;--color-surface-50: #fafafa;--color-surface-100: #f5f5f5;--color-surface-200: #e5e5e5;--color-surface-300: #d4d4d4;--color-surface-400: #a3a3a3;--color-surface-500: #737373;--color-surface-600: #525252;--color-surface-700: #404040;--color-surface-800: #262626;--color-surface-900: #171717;--color-surface-950: #0a0a0a;--color-success-50: #f0fdf4;--color-success-500: #28a745;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-700: #a16207;--color-error-50: #fef2f2;--color-error-500: #d32f2f;--color-error-700: #b91c1c;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--spacing-base: .25rem;--radius-sm: .5rem;--radius-base: .5rem;--radius-lg: 1rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #e0e0e0;--border-color-base: #ddd;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--body-background-color: #ffffff;--body-text-color: #333333;--text-secondary-color: #555555;--text-tertiary-color: #666666;--text-muted-color: #999999;--header-background: #ffffff;--card-background: #ffffff;--card-background-transparent: rgba(255, 255, 255, .1);--input-background: #ffffff;--input-border: #e0e0e0;--input-border-focus: #667eea;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 5px 20px rgba(102, 126, 234, .4);--button-secondary-bg: rgba(255, 255, 255, .2);--button-secondary-border: white;--button-secondary-hover-bg: rgba(255, 255, 255, .3);--button-secondary-hover: #5a6268;--button-success-bg: #28a745;--button-success-hover: #218838;--text-disabled-color: #999999;--text-hint-color: #bbbbbb;--color-success-100: #d4edda;--color-success-200: #cfc;--color-success-700: #3c3;--color-success-800: #155724;--color-error-100: #f8d7da;--color-error-200: #fcc;--color-error-700: #c33;--color-error-800: #721c24;--status-pending-bg: #fff3cd;--status-pending-text: #856404;--status-processing-bg: #cce5ff;--status-processing-text: #004085;--upload-hover-bg: #f8f9ff;--feature-item-bg: rgba(255, 255, 255, .1);--border-color-light-transparent: rgba(255, 255, 255, .1);--story-view-bg: #f8f9ff;--msg-dialogue-bg: #eef2ff;--msg-dialogue-border: #667eea;--msg-action-bg: #f0fdf4;--msg-action-border: #28a745;--msg-narration-bg: #fffbeb;--msg-narration-border: #f59e0b;--msg-narration-color: #666;--msg-context-bg: #f5f5f5;--msg-context-border: #999;--msg-context-color: #777;--msg-ai-bg: #faf5ff;--msg-ai-border: #764ba2;--story-character-name: #5363d4;--story-action-color: #15803d;--story-dialogue-color: #92400e;--header-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--header-border: #667eea;--header-text-color: #ffffff}[data-theme=light]{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #1e40af;--color-primary-600: #1d4ed8;--color-primary-700: #1e3a8a;--color-primary-800: #1e3a8a;--color-primary-900: #1e293b;--color-primary-950: #0f172a;--color-secondary-50: #f9fafb;--color-secondary-100: #f3f4f6;--color-secondary-200: #e5e7eb;--color-secondary-300: #d1d5db;--color-secondary-400: #9ca3af;--color-secondary-500: #6b7280;--color-secondary-600: #4b5563;--color-secondary-700: #374151;--color-secondary-800: #1f2937;--color-secondary-900: #111827;--color-secondary-950: #030712;--color-surface-50: #ffffff;--color-surface-100: #f9fafb;--color-surface-200: #f3f4f6;--color-surface-300: #e5e7eb;--color-surface-400: #d1d5db;--color-surface-500: #9ca3af;--color-surface-600: #6b7280;--color-surface-700: #4b5563;--color-surface-800: #374151;--color-surface-900: #1f2937;--color-surface-950: #111827;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-500: #ef4444;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-lg: .75rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #e5e7eb;--border-color-base: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--body-background-color: #f9fafb;--body-text-color: #111827;--text-secondary-color: #374151;--text-tertiary-color: #6b7280;--text-muted-color: #9ca3af;--header-background: #ffffff;--card-background: #ffffff;--card-background-transparent: rgba(255, 255, 255, .1);--input-background: #ffffff;--input-border: #d1d5db;--input-border-focus: #1e40af;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 4px 12px rgba(30, 64, 175, .3);--button-secondary-bg: rgba(255, 255, 255, .2);--button-secondary-border: white;--button-secondary-hover-bg: rgba(255, 255, 255, .3);--button-secondary-hover: #4b5563;--button-success-bg: #22c55e;--button-success-hover: #16a34a;--text-disabled-color: #9ca3af;--text-hint-color: #d1d5db;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-700: #15803d;--color-success-800: #166534;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-700: #b91c1c;--color-error-800: #991b1b;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-processing-bg: #dbeafe;--status-processing-text: #1e40af;--upload-hover-bg: #f3f4f6;--feature-item-bg: rgba(255, 255, 255, .2);--border-color-light-transparent: rgba(255, 255, 255, .1);--story-view-bg: #f9fafb;--msg-dialogue-bg: #eff6ff;--msg-dialogue-border: #2563eb;--msg-action-bg: #f0fdf4;--msg-action-border: #16a34a;--msg-narration-bg: #fffbeb;--msg-narration-border: #d97706;--msg-narration-color: #555;--msg-context-bg: #f3f4f6;--msg-context-border: #6b7280;--msg-context-color: #666;--msg-ai-bg: #faf5ff;--msg-ai-border: #7c3aed;--story-character-name: #1e40af;--story-action-color: #166534;--story-dialogue-color: #92400e;--header-background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--header-border: #2563eb;--header-text-color: #ffffff}[data-theme=dark]{--color-primary-50: #0f172a;--color-primary-100: #1e293b;--color-primary-200: #334155;--color-primary-300: #475569;--color-primary-400: #64748b;--color-primary-500: #64748b;--color-primary-600: #94a3b8;--color-primary-700: #cbd5e1;--color-primary-800: #e2e8f0;--color-primary-900: #f1f5f9;--color-primary-950: #f8fafc;--color-secondary-50: #020617;--color-secondary-100: #0f172a;--color-secondary-200: #1e293b;--color-secondary-300: #334155;--color-secondary-400: #475569;--color-secondary-500: #64748b;--color-secondary-600: #94a3b8;--color-secondary-700: #cbd5e1;--color-secondary-800: #e2e8f0;--color-secondary-900: #f1f5f9;--color-secondary-950: #f8fafc;--color-surface-50: #020617;--color-surface-100: #0f172a;--color-surface-200: #1e293b;--color-surface-300: #334155;--color-surface-400: #475569;--color-surface-500: #64748b;--color-surface-600: #94a3b8;--color-surface-700: #cbd5e1;--color-surface-800: #e2e8f0;--color-surface-900: #f1f5f9;--color-surface-950: #f8fafc;--color-success-50: #022c22;--color-success-500: #10b981;--color-warning-50: #451a03;--color-warning-500: #f59e0b;--color-warning-700: #fbbf24;--color-error-50: #450a0a;--color-error-500: #ef4444;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .5rem;--radius-base: .5rem;--radius-lg: 1rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #334155;--border-color-base: #475569;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #334155 0%, #1e293b 100%);--body-background-color: #020617;--body-text-color: #e2e8f0;--text-secondary-color: #cbd5e1;--text-tertiary-color: #94a3b8;--text-muted-color: #64748b;--header-background: #0f172a;--card-background: #1e293b;--card-background-transparent: rgba(30, 41, 59, .3);--input-background: #0f172a;--input-border: #334155;--input-border-focus: #64748b;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 5px 20px rgba(71, 85, 105, .4);--button-secondary-bg: rgba(148, 163, 184, .2);--button-secondary-border: #94a3b8;--button-secondary-hover-bg: rgba(148, 163, 184, .3);--button-secondary-hover: #475569;--button-success-bg: #10b981;--button-success-hover: #34d399;--text-disabled-color: #64748b;--text-hint-color: #475569;--color-success-100: #022c22;--color-success-200: #064e3b;--color-success-700: #34d399;--color-success-800: #6ee7b7;--color-error-100: #450a0a;--color-error-200: #7f1d1d;--color-error-700: #f87171;--color-error-800: #fca5a5;--status-pending-bg: #422006;--status-pending-text: #fbbf24;--status-processing-bg: #334155;--status-processing-text: #cbd5e1;--upload-hover-bg: #334155;--feature-item-bg: rgba(51, 65, 85, .3);--border-color-light-transparent: rgba(148, 163, 184, .2);--story-view-bg: #0f172a;--msg-dialogue-bg: #1e293b;--msg-dialogue-border: #64748b;--msg-action-bg: #0d261d;--msg-action-border: #10b981;--msg-narration-bg: #261a0d;--msg-narration-border: #f59e0b;--msg-narration-color: #cbd5e1;--msg-context-bg: #1e293b;--msg-context-border: #475569;--msg-context-color: #94a3b8;--msg-ai-bg: #1a1a2e;--msg-ai-border: #94a3b8;--story-character-name: #94a3b8;--story-action-color: #34d399;--story-dialogue-color: #fbbf24;--header-background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--header-border: #334155;--header-text-color: #e2e8f0}[data-theme=contrast]{--color-primary-50: #fffbeb;--color-primary-100: #fef3c7;--color-primary-200: #fde68a;--color-primary-300: #fcd34d;--color-primary-400: #fbbf24;--color-primary-500: #fbbf24;--color-primary-600: #f59e0b;--color-primary-700: #d97706;--color-primary-800: #b45309;--color-primary-900: #92400e;--color-primary-950: #78350f;--color-secondary-50: #ffffff;--color-secondary-100: #f5f5f5;--color-secondary-200: #e5e5e5;--color-secondary-300: #d4d4d4;--color-secondary-400: #a3a3a3;--color-secondary-500: #737373;--color-secondary-600: #525252;--color-secondary-700: #404040;--color-secondary-800: #262626;--color-secondary-900: #171717;--color-secondary-950: #000000;--color-surface-50: #ffffff;--color-surface-100: #fafafa;--color-surface-200: #f5f5f5;--color-surface-300: #e5e5e5;--color-surface-400: #d4d4d4;--color-surface-500: #a3a3a3;--color-surface-600: #737373;--color-surface-700: #525252;--color-surface-800: #404040;--color-surface-900: #262626;--color-surface-950: #000000;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-warning-50: #fffbeb;--color-warning-500: #fbbf24;--color-warning-700: #d97706;--color-error-50: #fef2f2;--color-error-500: #ff0000;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-base: 500;--font-weight-heading: 700;--spacing-base: .25rem;--radius-sm: .25rem;--radius-base: .25rem;--radius-lg: .375rem;--border-width: 2px;--border-width-thick: 3px;--border-color-light: #000000;--border-color-base: #000000;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .7);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .8);--gradient-primary: #fbbf24;--body-background-color: #ffffff;--body-text-color: #000000;--text-secondary-color: #000000;--text-tertiary-color: #262626;--text-muted-color: #525252;--header-background: #ffffff;--card-background: #ffffff;--card-background-transparent: rgba(255, 255, 255, .9);--input-background: #ffffff;--input-border: #000000;--input-border-focus: #fbbf24;--button-primary-bg: #fbbf24;--button-primary-hover-shadow: 0 4px 12px rgba(251, 191, 36, .6);--button-secondary-bg: #f5f5f5;--button-secondary-border: #000000;--button-secondary-hover-bg: #e5e5e5;--button-secondary-hover: #262626;--button-success-bg: #22c55e;--button-success-hover: #15803d;--text-disabled-color: #525252;--text-hint-color: #737373;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-700: #15803d;--color-success-800: #166534;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-700: #dc2626;--color-error-800: #991b1b;--status-pending-bg: #fef3c7;--status-pending-text: #78350f;--status-processing-bg: #dbeafe;--status-processing-text: #1e3a8a;--upload-hover-bg: #f5f5f5;--feature-item-bg: rgba(255, 255, 255, .3);--border-color-light-transparent: rgba(0, 0, 0, .2);--story-view-bg: #ffffff;--msg-dialogue-bg: #fef3c7;--msg-dialogue-border: #000000;--msg-action-bg: #d1fae5;--msg-action-border: #166534;--msg-narration-bg: #fef9c3;--msg-narration-border: #a16207;--msg-narration-color: #000000;--msg-context-bg: #f3f4f6;--msg-context-border: #4b5563;--msg-context-color: #1f2937;--msg-ai-bg: #fef3c7;--msg-ai-border: #b45309;--story-character-name: #000000;--story-action-color: #166534;--story-dialogue-color: #78350f;--header-background: #000000;--header-border: #fbbf24;--header-text-color: #fbbf24}[data-theme=contrast] *{font-weight:500}[data-theme=contrast] h1,[data-theme=contrast] h2,[data-theme=contrast] h3,[data-theme=contrast] h4,[data-theme=contrast] h5,[data-theme=contrast] h6{font-weight:700}[data-theme=contrast] button,[data-theme=contrast] a{font-weight:600}[data-theme=luxury]{--color-primary-50: #fafafa;--color-primary-100: #f5f5f5;--color-primary-200: #e5e5e5;--color-primary-300: #d4d4d4;--color-primary-400: #a3a3a3;--color-primary-500: #525252;--color-primary-600: #404040;--color-primary-700: #333333;--color-primary-800: #262626;--color-primary-900: #1a1a1a;--color-primary-950: #0f0f0f;--color-secondary-50: #fafafa;--color-secondary-100: #f5f5f5;--color-secondary-200: #e5e5e5;--color-secondary-300: #d4d4d4;--color-secondary-400: #a3a3a3;--color-secondary-500: #737373;--color-secondary-600: #525252;--color-secondary-700: #404040;--color-secondary-800: #262626;--color-secondary-900: #1a1a1a;--color-secondary-950: #0a0a0a;--color-surface-50: #ffffff;--color-surface-100: #fafafa;--color-surface-200: #f5f5f5;--color-surface-300: #e5e5e5;--color-surface-400: #d4d4d4;--color-surface-500: #a3a3a3;--color-surface-600: #737373;--color-surface-700: #525252;--color-surface-800: #262626;--color-surface-900: #1a1a1a;--color-surface-950: #0a0a0a;--color-success-50: #f0fdf4;--color-success-500: #62aa93;--color-success-700: #4a8b78;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-500: #dc2626;--font-family-base: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Cormorant Garamond", Georgia, serif;--letter-spacing-heading: .1em;--letter-spacing-button: .05em;--spacing-base: .5rem;--radius-sm: .125rem;--radius-base: .25rem;--radius-lg: .375rem;--border-width: 1px;--border-width-thick: 1px;--border-color-light: #d4d4d4;--border-color-base: #1a1a1a;--shadow-sm: none;--shadow-md: 0 1px 2px rgba(0, 0, 0, .05);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .08);--shadow-xl: 0 4px 8px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #ffffffe9 0%, #eaeaea 100%);--body-background-color: #fafafa;--body-text-color: #1a1a1a;--text-secondary-color: #404040;--text-tertiary-color: #737373;--text-muted-color: #a3a3a3;--card-background: #ffffff;--card-background-transparent: rgba(255, 255, 255, .05);--input-background: #ffffff;--input-border: #e5e5e5;--input-border-focus: #1a1a1a;--button-primary-bg: transparent;--button-primary-border: #1a1a1a;--button-primary-text: #1a1a1a;--button-primary-hover-bg: #1a1a1a;--button-primary-hover-text: #ffffff;--button-primary-hover-shadow: none;--button-secondary-bg: #f5f5f5;--button-secondary-border: #1a1a1a;--button-secondary-hover-bg: #e5e5e5;--button-secondary-hover: #404040;--button-success-bg: #62aa93;--button-success-hover: #4a8b78;--text-disabled-color: #a3a3a3;--text-hint-color: #d4d4d4;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-700: #047857;--color-success-800: #065f46;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-700: #991b1b;--color-error-800: #7f1d1d;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-processing-bg: #e5e5e5;--status-processing-text: #404040;--upload-hover-bg: #f5f5f5;--feature-item-bg: rgba(255, 255, 255, .1);--border-color-light-transparent: rgba(26, 26, 26, .1);--story-view-bg: #fafafa;--msg-dialogue-bg: #f5f5f5;--msg-dialogue-border: #1a1a1a;--msg-action-bg: #f0fdf4;--msg-action-border: #047857;--msg-narration-bg: #fffbeb;--msg-narration-border: #92400e;--msg-narration-color: #404040;--msg-context-bg: #e5e5e5;--msg-context-border: #737373;--msg-context-color: #525252;--msg-ai-bg: #f5f5f5;--msg-ai-border: #525252;--story-character-name: #1a1a1a;--story-action-color: #047857;--story-dialogue-color: #78350f;--header-background: #ffffff;--header-border: #1a1a1a;--header-text-color: #1a1a1a}[data-theme=luxury] h1,[data-theme=luxury] h2,[data-theme=luxury] h3,[data-theme=luxury] h4,[data-theme=luxury] h5,[data-theme=luxury] h6{font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.1em;font-weight:400}[data-theme=luxury] body,[data-theme=luxury] p,[data-theme=luxury] span,[data-theme=luxury] div{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.02em}[data-theme=luxury] button,[data-theme=luxury] .button{text-transform:uppercase;letter-spacing:.1em;font-weight:500;border:1px solid var(--border-color-base);background:transparent;transition:all .3s ease}[data-theme=luxury] button:hover,[data-theme=luxury] .button:hover{background:var(--button-primary-hover-bg);color:var(--button-primary-hover-text)}[data-theme=luxury] nav,[data-theme=luxury] .nav,[data-theme=luxury] .menu{text-transform:uppercase;letter-spacing:.15em;font-size:.875rem}[data-theme=manga]{--color-primary-50: #fdf2f8;--color-primary-100: #fce7f3;--color-primary-200: #fbcfe8;--color-primary-300: #f9a8d4;--color-primary-400: #f472b6;--color-primary-500: #ec4899;--color-primary-600: #db2777;--color-primary-700: #be185d;--color-primary-800: #9d174d;--color-primary-900: #831843;--color-primary-950: #500724;--color-secondary-50: #ecfeff;--color-secondary-100: #cffafe;--color-secondary-200: #a5f3fc;--color-secondary-300: #67e8f9;--color-secondary-400: #22d3ee;--color-secondary-500: #06b6d4;--color-secondary-600: #0891b2;--color-secondary-700: #0e7490;--color-secondary-800: #155e75;--color-secondary-900: #164e63;--color-secondary-950: #083344;--color-surface-50: #fffbfe;--color-surface-100: #fef7fc;--color-surface-200: #fdf2f8;--color-surface-300: #fce7f3;--color-surface-400: #fbcfe8;--color-surface-500: #f9a8d4;--color-surface-600: #f472b6;--color-surface-700: #ec4899;--color-surface-800: #db2777;--color-surface-900: #be185d;--color-surface-950: #831843;--color-success-50: #f7fee7;--color-success-500: #84cc16;--color-warning-50: #fefce8;--color-warning-500: #eab308;--color-warning-700: #a16207;--color-error-50: #fff1f2;--color-error-500: #f43f5e;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .75rem;--radius-base: 1rem;--radius-lg: 1.5rem;--border-width: 2px;--border-width-thick: 3px;--border-color-light: #fbcfe8;--border-color-base: #ec4899;--shadow-sm: 0 2px 8px rgba(236, 72, 153, .2);--shadow-md: 0 4px 16px rgba(236, 72, 153, .25);--shadow-lg: 0 8px 32px rgba(236, 72, 153, .3);--shadow-xl: 0 16px 48px rgba(236, 72, 153, .35);--gradient-primary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #06b6d4 100%);--body-background-color: #fffbfe;--body-text-color: #500724;--text-secondary-color: #831843;--text-tertiary-color: #9d174d;--text-muted-color: #be185d;--card-background: #ffffff;--card-background-transparent: rgba(255, 255, 255, .9);--input-background: #ffffff;--input-border: #fbcfe8;--input-border-focus: #ec4899;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 8px 24px rgba(236, 72, 153, .5);--button-secondary-bg: #fdf2f8;--button-secondary-border: #ec4899;--button-secondary-hover-bg: #fce7f3;--button-secondary-hover: #db2777;--button-success-bg: #84cc16;--button-success-hover: #65a30d;--text-disabled-color: #f9a8d4;--text-hint-color: #fbcfe8;--color-success-100: #ecfccb;--color-success-200: #d9f99d;--color-success-700: #4d7c0f;--color-success-800: #3f6212;--color-error-100: #ffe4e6;--color-error-200: #fecdd3;--color-error-700: #be123c;--color-error-800: #9f1239;--status-pending-bg: #fef9c3;--status-pending-text: #a16207;--status-processing-bg: #fce7f3;--status-processing-text: #db2777;--upload-hover-bg: #fdf2f8;--feature-item-bg: rgba(236, 72, 153, .1);--border-color-light-transparent: rgba(236, 72, 153, .2);--story-view-bg: #fffbfe;--msg-dialogue-bg: #fce7f3;--msg-dialogue-border: #ec4899;--msg-action-bg: #ecfccb;--msg-action-border: #84cc16;--msg-narration-bg: #fefce8;--msg-narration-border: #eab308;--msg-narration-color: #831843;--msg-context-bg: #f3e8ff;--msg-context-border: #8b5cf6;--msg-context-color: #7c3aed;--msg-ai-bg: #ecfeff;--msg-ai-border: #06b6d4;--story-character-name: #db2777;--story-action-color: #65a30d;--story-dialogue-color: #a16207;--header-background: linear-gradient(90deg, #ec4899 0%, #8b5cf6 100%);--header-border: #ec4899;--header-text-color: #ffffff}[data-theme=manga] h1,[data-theme=manga] h2,[data-theme=manga] h3{background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}[data-theme=manga] button,[data-theme=manga] .button{font-weight:700;text-transform:uppercase;letter-spacing:.05em}[data-theme=tenebrae]{--color-primary-50: #1a0a0a;--color-primary-100: #2d1010;--color-primary-200: #4a1515;--color-primary-300: #7f1d1d;--color-primary-400: #991b1b;--color-primary-500: #dc2626;--color-primary-600: #ef4444;--color-primary-700: #f87171;--color-primary-800: #fca5a5;--color-primary-900: #fecaca;--color-primary-950: #fef2f2;--color-secondary-50: #050505;--color-secondary-100: #0a0a0a;--color-secondary-200: #141414;--color-secondary-300: #1f1f1f;--color-secondary-400: #2d2d2d;--color-secondary-500: #404040;--color-secondary-600: #525252;--color-secondary-700: #737373;--color-secondary-800: #a3a3a3;--color-secondary-900: #d4d4d4;--color-secondary-950: #f5f5f5;--color-surface-50: #050505;--color-surface-100: #0a0a0a;--color-surface-200: #141414;--color-surface-300: #1f1f1f;--color-surface-400: #2d2d2d;--color-surface-500: #404040;--color-surface-600: #525252;--color-surface-700: #737373;--color-surface-800: #a3a3a3;--color-surface-900: #d4d4d4;--color-surface-950: #f5f5f5;--color-success-50: #052e16;--color-success-500: #22c55e;--color-warning-50: #451a03;--color-warning-500: #f59e0b;--color-warning-700: #fbbf24;--color-error-50: #2d1010;--color-error-500: #dc2626;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .25rem;--radius-base: .375rem;--radius-lg: .5rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #2d2d2d;--border-color-base: #991b1b;--shadow-sm: 0 2px 8px rgba(220, 38, 38, .15);--shadow-md: 0 4px 16px rgba(220, 38, 38, .2);--shadow-lg: 0 8px 32px rgba(220, 38, 38, .25);--shadow-xl: 0 16px 48px rgba(220, 38, 38, .3);--gradient-primary: linear-gradient(135deg, #dc2626 0%, #7f1d1d 100%);--body-background-color: #050505;--body-text-color: #e5e5e5;--text-secondary-color: #d4d4d4;--text-tertiary-color: #a3a3a3;--text-muted-color: #737373;--header-background: #0a0a0a;--card-background: #0f0f0f;--card-background-transparent: rgba(15, 15, 15, .8);--input-background: #0a0a0a;--input-border: #2d2d2d;--input-border-focus: #dc2626;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 8px 24px rgba(220, 38, 38, .5);--button-secondary-bg: rgba(220, 38, 38, .1);--button-secondary-border: #991b1b;--button-secondary-hover-bg: rgba(220, 38, 38, .2);--button-secondary-hover: #dc2626;--button-success-bg: #22c55e;--button-success-hover: #16a34a;--text-disabled-color: #404040;--text-hint-color: #2d2d2d;--color-success-100: #052e16;--color-success-200: #14532d;--color-success-700: #4ade80;--color-success-800: #86efac;--color-error-100: #2d1010;--color-error-200: #4a1515;--color-error-700: #ef4444;--color-error-800: #f87171;--status-pending-bg: #451a03;--status-pending-text: #fbbf24;--status-processing-bg: #2d1010;--status-processing-text: #ef4444;--upload-hover-bg: #1f1f1f;--feature-item-bg: rgba(220, 38, 38, .1);--border-color-light-transparent: rgba(220, 38, 38, .2);--story-view-bg: #0a0a0a;--msg-dialogue-bg: #1a0a0a;--msg-dialogue-border: #dc2626;--msg-action-bg: #0a1a0a;--msg-action-border: #22c55e;--msg-narration-bg: #1a1408;--msg-narration-border: #f59e0b;--msg-narration-color: #a3a3a3;--msg-context-bg: #1f1f1f;--msg-context-border: #525252;--msg-context-color: #737373;--msg-ai-bg: #140a0a;--msg-ai-border: #991b1b;--story-character-name: #ef4444;--story-action-color: #4ade80;--story-dialogue-color: #fbbf24;--header-background: linear-gradient(135deg, #0a0a0a 0%, #1a0808 100%);--header-border: #dc2626;--header-text-color: #ef4444}[data-theme=tenebrae] h1,[data-theme=tenebrae] h2,[data-theme=tenebrae] h3{color:#ef4444;text-shadow:0 0 20px rgba(220,38,38,.3)}[data-theme=quietlight]{--color-primary-50: #faf5ff;--color-primary-100: #f3e8ff;--color-primary-200: #e9d5ff;--color-primary-300: #d8b4fe;--color-primary-400: #c084fc;--color-primary-500: #7c3aed;--color-primary-600: #6d28d9;--color-primary-700: #5b21b6;--color-primary-800: #4c1d95;--color-primary-900: #3b0764;--color-primary-950: #2e1065;--color-secondary-50: #fafaf9;--color-secondary-100: #f5f5f4;--color-secondary-200: #e7e5e4;--color-secondary-300: #d6d3d1;--color-secondary-400: #a8a29e;--color-secondary-500: #78716c;--color-secondary-600: #57534e;--color-secondary-700: #44403c;--color-secondary-800: #292524;--color-secondary-900: #1c1917;--color-secondary-950: #0c0a09;--color-surface-50: #fefdfb;--color-surface-100: #faf8f5;--color-surface-200: #f5f3ef;--color-surface-300: #e8e6e1;--color-surface-400: #d6d3d1;--color-surface-500: #a8a29e;--color-surface-600: #78716c;--color-surface-700: #57534e;--color-surface-800: #44403c;--color-surface-900: #292524;--color-surface-950: #1c1917;--color-success-50: #f0fdfa;--color-success-500: #14b8a6;--color-warning-50: #fff7ed;--color-warning-500: #f97316;--color-warning-700: #c2410c;--color-error-50: #fff1f2;--color-error-500: #e11d48;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-lg: .75rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #e7e5e4;--border-color-base: #d6d3d1;--shadow-sm: 0 1px 3px rgba(28, 25, 23, .08);--shadow-md: 0 4px 12px rgba(28, 25, 23, .1);--shadow-lg: 0 8px 24px rgba(28, 25, 23, .12);--shadow-xl: 0 16px 48px rgba(28, 25, 23, .15);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--body-background-color: #faf8f5;--body-text-color: #292524;--text-secondary-color: #44403c;--text-tertiary-color: #78716c;--text-muted-color: #a8a29e;--header-background: #fefdfb;--card-background: #fefdfb;--card-background-transparent: rgba(254, 253, 251, .9);--input-background: #fefdfb;--input-border: #e7e5e4;--input-border-focus: #7c3aed;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 5px 20px rgba(124, 58, 237, .3);--button-secondary-bg: #f5f3ef;--button-secondary-border: #d6d3d1;--button-secondary-hover-bg: #e8e6e1;--button-secondary-hover: #44403c;--button-success-bg: #14b8a6;--button-success-hover: #0d9488;--text-disabled-color: #a8a29e;--text-hint-color: #d6d3d1;--color-success-100: #ccfbf1;--color-success-200: #99f6e4;--color-success-700: #0d9488;--color-success-800: #0f766e;--color-error-100: #ffe4e6;--color-error-200: #fecdd3;--color-error-700: #be123c;--color-error-800: #9f1239;--status-pending-bg: #ffedd5;--status-pending-text: #c2410c;--status-processing-bg: #f3e8ff;--status-processing-text: #6d28d9;--upload-hover-bg: #f5f3ef;--feature-item-bg: rgba(124, 58, 237, .05);--border-color-light-transparent: rgba(124, 58, 237, .1);--story-view-bg: #faf8f5;--msg-dialogue-bg: #f3e8ff;--msg-dialogue-border: #7c3aed;--msg-action-bg: #f0fdfa;--msg-action-border: #14b8a6;--msg-narration-bg: #fff7ed;--msg-narration-border: #f97316;--msg-narration-color: #57534e;--msg-context-bg: #f5f3ef;--msg-context-border: #a8a29e;--msg-context-color: #78716c;--msg-ai-bg: #faf5ff;--msg-ai-border: #6d28d9;--story-character-name: #5b21b6;--story-action-color: #0d9488;--story-dialogue-color: #c2410c;--header-background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--header-border: #7c3aed;--header-text-color: #ffffff}[data-theme=ocean]{--color-primary-50: #042f2e;--color-primary-100: #0d4f4a;--color-primary-200: #0f766e;--color-primary-300: #0d9488;--color-primary-400: #14b8a6;--color-primary-500: #2dd4bf;--color-primary-600: #5eead4;--color-primary-700: #99f6e4;--color-primary-800: #ccfbf1;--color-primary-900: #e6fffa;--color-primary-950: #f0fdfa;--color-secondary-50: #0c1929;--color-secondary-100: #0f2942;--color-secondary-200: #164e63;--color-secondary-300: #155e75;--color-secondary-400: #0e7490;--color-secondary-500: #0891b2;--color-secondary-600: #06b6d4;--color-secondary-700: #22d3ee;--color-secondary-800: #67e8f9;--color-secondary-900: #a5f3fc;--color-secondary-950: #cffafe;--color-surface-50: #0a1628;--color-surface-100: #0f2035;--color-surface-200: #152a45;--color-surface-300: #1e3a5f;--color-surface-400: #2a4a6f;--color-surface-500: #3b5b80;--color-surface-600: #5a7a9e;--color-surface-700: #8aa4c1;--color-surface-800: #b8cce0;--color-surface-900: #dce8f3;--color-surface-950: #f0f5fa;--color-success-50: #022c22;--color-success-500: #10b981;--color-warning-50: #431407;--color-warning-500: #fb923c;--color-warning-700: #fdba74;--color-error-50: #450a0a;--color-error-500: #f43f5e;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .5rem;--radius-base: .75rem;--radius-lg: 1rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #1e3a5f;--border-color-base: #2a4a6f;--shadow-sm: 0 2px 8px rgba(45, 212, 191, .15);--shadow-md: 0 4px 16px rgba(45, 212, 191, .2);--shadow-lg: 0 8px 32px rgba(45, 212, 191, .25);--shadow-xl: 0 16px 48px rgba(45, 212, 191, .3);--gradient-primary: linear-gradient(135deg, #0d9488 0%, #0891b2 50%, #0f766e 100%);--body-background-color: #0a1628;--body-text-color: #e6fffa;--text-secondary-color: #ccfbf1;--text-tertiary-color: #99f6e4;--text-muted-color: #5eead4;--header-background: #0f2035;--card-background: #152a45;--card-background-transparent: rgba(21, 42, 69, .8);--input-background: #0f2035;--input-border: #1e3a5f;--input-border-focus: #2dd4bf;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 8px 24px rgba(45, 212, 191, .4);--button-secondary-bg: rgba(45, 212, 191, .1);--button-secondary-border: #0d9488;--button-secondary-hover-bg: rgba(45, 212, 191, .2);--button-secondary-hover: #2dd4bf;--button-success-bg: #10b981;--button-success-hover: #059669;--text-disabled-color: #3b5b80;--text-hint-color: #2a4a6f;--color-success-100: #022c22;--color-success-200: #065f46;--color-success-700: #34d399;--color-success-800: #6ee7b7;--color-error-100: #450a0a;--color-error-200: #7f1d1d;--color-error-700: #fb7185;--color-error-800: #fda4af;--status-pending-bg: #431407;--status-pending-text: #fdba74;--status-processing-bg: #042f2e;--status-processing-text: #5eead4;--upload-hover-bg: #1e3a5f;--feature-item-bg: rgba(45, 212, 191, .1);--border-color-light-transparent: rgba(45, 212, 191, .2);--story-view-bg: #0f2035;--msg-dialogue-bg: #152a45;--msg-dialogue-border: #2dd4bf;--msg-action-bg: #0f2a25;--msg-action-border: #10b981;--msg-narration-bg: #1f2a35;--msg-narration-border: #fb923c;--msg-narration-color: #99f6e4;--msg-context-bg: #1e3a5f;--msg-context-border: #5a7a9e;--msg-context-color: #8aa4c1;--msg-ai-bg: #0c1929;--msg-ai-border: #0891b2;--story-character-name: #5eead4;--story-action-color: #34d399;--story-dialogue-color: #fdba74;--header-background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);--header-border: #2dd4bf;--header-text-color: #e6fffa}[data-theme=ocean-compact]{--color-primary-50: #042f2e;--color-primary-100: #0d4f4a;--color-primary-200: #0f766e;--color-primary-300: #0d9488;--color-primary-400: #14b8a6;--color-primary-500: #2dd4bf;--color-primary-600: #5eead4;--color-primary-700: #99f6e4;--color-primary-800: #ccfbf1;--color-primary-900: #e6fffa;--color-primary-950: #f0fdfa;--color-secondary-50: #0c1929;--color-secondary-100: #0f2942;--color-secondary-200: #164e63;--color-secondary-300: #155e75;--color-secondary-400: #0e7490;--color-secondary-500: #0891b2;--color-secondary-600: #06b6d4;--color-secondary-700: #22d3ee;--color-secondary-800: #67e8f9;--color-secondary-900: #a5f3fc;--color-secondary-950: #cffafe;--color-surface-50: #0a1628;--color-surface-100: #0f2035;--color-surface-200: #152a45;--color-surface-300: #1e3a5f;--color-surface-400: #2a4a6f;--color-surface-500: #3b5b80;--color-surface-600: #5a7a9e;--color-surface-700: #8aa4c1;--color-surface-800: #b8cce0;--color-surface-900: #dce8f3;--color-surface-950: #f0f5fa;--color-success-50: #022c22;--color-success-500: #10b981;--color-warning-50: #431407;--color-warning-500: #fb923c;--color-warning-700: #fdba74;--color-error-50: #450a0a;--color-error-500: #f43f5e;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .2rem;--spacing-xs: .125rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem;--bloc-padding: .625rem;--bloc-gap: .5rem;--bloc-header-padding: .5rem .75rem;--param-gap: .375rem;--param-label-gap: .125rem;--input-padding-y: .3rem;--input-padding-x: .5rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-lg: .75rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #1e3a5f;--border-color-base: #2a4a6f;--shadow-sm: 0 1px 4px rgba(45, 212, 191, .15);--shadow-md: 0 2px 8px rgba(45, 212, 191, .2);--shadow-lg: 0 4px 16px rgba(45, 212, 191, .25);--shadow-xl: 0 8px 32px rgba(45, 212, 191, .3);--gradient-primary: linear-gradient(135deg, #0d9488 0%, #0891b2 50%, #0f766e 100%);--body-background-color: #0a1628;--body-text-color: #e6fffa;--text-secondary-color: #ccfbf1;--text-tertiary-color: #99f6e4;--text-muted-color: #5eead4;--header-background: #0f2035;--card-background: #152a45;--card-background-transparent: rgba(21, 42, 69, .8);--input-background: #0f2035;--input-border: #1e3a5f;--input-border-focus: #2dd4bf;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 4px 16px rgba(45, 212, 191, .4);--button-secondary-bg: rgba(45, 212, 191, .1);--button-secondary-border: #0d9488;--button-secondary-hover-bg: rgba(45, 212, 191, .2);--button-secondary-hover: #2dd4bf;--button-success-bg: #10b981;--button-success-hover: #059669;--text-disabled-color: #3b5b80;--text-hint-color: #2a4a6f;--color-success-100: #022c22;--color-success-200: #065f46;--color-success-700: #34d399;--color-success-800: #6ee7b7;--color-error-100: #450a0a;--color-error-200: #7f1d1d;--color-error-700: #fb7185;--color-error-800: #fda4af;--status-pending-bg: #431407;--status-pending-text: #fdba74;--status-processing-bg: #042f2e;--status-processing-text: #5eead4;--upload-hover-bg: #1e3a5f;--feature-item-bg: rgba(45, 212, 191, .1);--border-color-light-transparent: rgba(45, 212, 191, .2);--story-view-bg: #0f2035;--msg-dialogue-bg: #152a45;--msg-dialogue-border: #2dd4bf;--msg-action-bg: #0f2a25;--msg-action-border: #10b981;--msg-narration-bg: #1f2a35;--msg-narration-border: #fb923c;--msg-narration-color: #99f6e4;--msg-context-bg: #1e3a5f;--msg-context-border: #5a7a9e;--msg-context-color: #8aa4c1;--msg-ai-bg: #0c1929;--msg-ai-border: #0891b2;--story-character-name: #5eead4;--story-action-color: #34d399;--story-dialogue-color: #fdba74;--header-background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);--header-border: #2dd4bf;--header-text-color: #e6fffa}[data-theme=forest]{--color-primary-50: #052e16;--color-primary-100: #14532d;--color-primary-200: #166534;--color-primary-300: #15803d;--color-primary-400: #16a34a;--color-primary-500: #22c55e;--color-primary-600: #4ade80;--color-primary-700: #86efac;--color-primary-800: #bbf7d0;--color-primary-900: #dcfce7;--color-primary-950: #f0fdf4;--color-secondary-50: #1c1510;--color-secondary-100: #292016;--color-secondary-200: #3d2f1e;--color-secondary-300: #5c4a2e;--color-secondary-400: #78653e;--color-secondary-500: #92815a;--color-secondary-600: #a89a78;--color-secondary-700: #c4b89c;--color-secondary-800: #ddd4c0;--color-secondary-900: #f0ece4;--color-secondary-950: #faf8f5;--color-surface-50: #0f1410;--color-surface-100: #151c16;--color-surface-200: #1e2a1f;--color-surface-300: #2a3d2b;--color-surface-400: #3a5139;--color-surface-500: #4d6a4b;--color-surface-600: #6b8c68;--color-surface-700: #92b38f;--color-surface-800: #bdd4bb;--color-surface-900: #e2f0e1;--color-surface-950: #f4faf3;--color-success-50: #052e16;--color-success-500: #22c55e;--color-warning-50: #431407;--color-warning-500: #ea580c;--color-warning-700: #fb923c;--color-error-50: #450a0a;--color-error-500: #dc2626;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-base: .25rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-lg: .75rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #2a3d2b;--border-color-base: #3a5139;--shadow-sm: 0 2px 8px rgba(34, 197, 94, .12);--shadow-md: 0 4px 16px rgba(34, 197, 94, .15);--shadow-lg: 0 8px 32px rgba(34, 197, 94, .18);--shadow-xl: 0 16px 48px rgba(34, 197, 94, .22);--gradient-primary: linear-gradient(135deg, #16a34a 0%, #15803d 50%, #166534 100%);--body-background-color: #0f1410;--body-text-color: #e2f0e1;--text-secondary-color: #bdd4bb;--text-tertiary-color: #92b38f;--text-muted-color: #6b8c68;--header-background: #151c16;--card-background: #1e2a1f;--card-background-transparent: rgba(30, 42, 31, .8);--input-background: #151c16;--input-border: #2a3d2b;--input-border-focus: #22c55e;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 8px 24px rgba(34, 197, 94, .35);--button-secondary-bg: rgba(34, 197, 94, .1);--button-secondary-border: #16a34a;--button-secondary-hover-bg: rgba(34, 197, 94, .2);--button-secondary-hover: #22c55e;--button-success-bg: #22c55e;--button-success-hover: #16a34a;--text-disabled-color: #4d6a4b;--text-hint-color: #3a5139;--color-success-100: #052e16;--color-success-200: #14532d;--color-success-700: #4ade80;--color-success-800: #86efac;--color-error-100: #450a0a;--color-error-200: #7f1d1d;--color-error-700: #f87171;--color-error-800: #fca5a5;--status-pending-bg: #431407;--status-pending-text: #fb923c;--status-processing-bg: #052e16;--status-processing-text: #4ade80;--upload-hover-bg: #2a3d2b;--feature-item-bg: rgba(34, 197, 94, .1);--border-color-light-transparent: rgba(34, 197, 94, .15);--story-view-bg: #151c16;--msg-dialogue-bg: #1e2a1f;--msg-dialogue-border: #22c55e;--msg-action-bg: #1a2a20;--msg-action-border: #4ade80;--msg-narration-bg: #2a2a1f;--msg-narration-border: #ea580c;--msg-narration-color: #92b38f;--msg-context-bg: #2a3d2b;--msg-context-border: #6b8c68;--msg-context-color: #92b38f;--msg-ai-bg: #1a251a;--msg-ai-border: #16a34a;--story-character-name: #86efac;--story-action-color: #4ade80;--story-dialogue-color: #fb923c;--header-background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--header-border: #22c55e;--header-text-color: #e2f0e1}[data-theme=storyforge]{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-secondary-400: #a78bfa;--color-secondary-500: #8b5cf6;--color-secondary-600: #7c3aed;--color-surface-50: #2a2a4a;--color-surface-100: #1e1e3f;--color-surface-200: #1a1a2e;--color-surface-300: #12122a;--color-surface-400: #0f0f1a;--color-surface-500: #0a0a12;--body-background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);--card-background: #1a1a2e;--sidebar-background: #12122a;--input-background: #12122a;--modal-background: #1a1a2e;--body-text-color: #e0e0e0;--text-primary-color: #ffffff;--text-secondary-color: #a5b4fc;--text-tertiary-color: #888;--text-muted-color: #666;--heading-color: #e0e0e0;--border-color: #444;--border-color-light: #333;--border-color-focus: #6366f1;--color-success: #22c55e;--color-success-light: #16a34a;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--button-primary-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--button-primary-hover-bg: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--button-primary-color: white;--button-primary-hover-shadow: 0 5px 20px rgba(99, 102, 241, .4);--button-secondary-bg: #333;--button-secondary-color: #ccc;--button-secondary-hover-bg: #444;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--radius-sm: 4px;--radius-base: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--scrollbar-thumb: #444;--scrollbar-track: #1a1a2e;--input-border-color: #444;--input-focus-border-color: #6366f1;--input-placeholder-color: #666;--story-item-bg: #1a1a2e;--story-item-active-bg: #2a2a4a;--story-item-hover-bg: #2a2a4a;--story-item-border: #333;--story-item-active-border: #6366f1;--llm-panel-bg: #1a1a2e;--usage-bar-bg: #333;--usage-fill-gradient: linear-gradient(90deg, #6366f1, #8b5cf6);--usage-fill-gpu-gradient: linear-gradient(90deg, #22c55e, #16a34a);--slider-thumb-bg: #6366f1;--slider-track-bg: #333;--header-background: linear-gradient(135deg, #1e1e3f 0%, #2a1a4a 100%);--header-border: #6366f1;--header-text-color: #e0e0e0;--story-view-bg: #1a1a2e;--msg-dialogue-bg: #2a2a4a;--msg-dialogue-border: #6366f1;--msg-action-bg: #2a3a2a;--msg-action-border: #22c55e;--msg-narration-bg: #3a2a2a;--msg-narration-border: #f59e0b;--msg-narration-color: #ccc;--msg-context-bg: #333;--msg-context-border: #888;--msg-context-color: #999;--msg-ai-bg: #1e1e3a;--msg-ai-border: #8b5cf6;--story-character-name: #a5b4fc;--story-action-color: #86efac;--story-dialogue-color: #fde68a}.auth-overlay.svelte-wlc4f0{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:99999}.auth-container.svelte-wlc4f0{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;width:100%;max-width:380px;text-align:center;box-shadow:0 20px 60px #0000004d}.auth-logo.svelte-wlc4f0{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.logo-icon.svelte-wlc4f0{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:1.5rem;font-weight:700;color:#fff}.logo-text.svelte-wlc4f0{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.02em}.auth-title.svelte-wlc4f0{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#fff}.auth-subtitle.svelte-wlc4f0{margin:0 0 1.5rem;font-size:.9rem;color:#fff9}.auth-form.svelte-wlc4f0{display:flex;flex-direction:column;gap:1rem}.auth-input.svelte-wlc4f0{width:100%;padding:.875rem 1rem;font-size:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.auth-input.svelte-wlc4f0::placeholder{color:#fff6}.auth-input.svelte-wlc4f0:focus{border-color:#667eea;background:#ffffff1f;box-shadow:0 0 0 3px #667eea33}.auth-input.error.svelte-wlc4f0{border-color:#ef4444}.auth-input.svelte-wlc4f0:disabled{opacity:.6;cursor:not-allowed}.error-message.svelte-wlc4f0{margin:0;font-size:.85rem;color:#f87171;text-align:left}.auth-button.svelte-wlc4f0{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.auth-button.svelte-wlc4f0:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #667eea66}.auth-button.svelte-wlc4f0:active:not(:disabled){transform:translateY(0)}.auth-button.svelte-wlc4f0:disabled{opacity:.6;cursor:not-allowed}