:root{font-family:var(--font-family-base, 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}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading, inherit);letter-spacing:var(--letter-spacing-heading, normal)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--bg-texture, none);background-repeat:repeat;opacity:var(--bg-texture-opacity, 0)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .35s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,fill .25s ease!important}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}[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: "Century Gothic", "CenturyGothic", "AppleGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Century Gothic", "CenturyGothic", "AppleGothic", Georgia, serif;--letter-spacing-heading: .1em;--letter-spacing-button: .05em;--bg-texture: url("data:image/svg+xml,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L8 8M8 0L0 8' stroke='%23000' stroke-width='.3'/%3E%3C/svg%3E");--bg-texture-opacity: .03;--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%);--title-gradient: linear-gradient(135deg, #404040 0%, #737373 50%, #404040 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;--sidebar-background: #f5f5f5;--modal-background: #ffffff;--border-color: #d4d4d4;--border-color-focus: #1a1a1a;--color-success: #62aa93;--color-success-light: #4a8b78;--color-error: #dc2626;--color-warning: #f59e0b;--color-info: #525252;--text-primary-color: #0f0f0f;--button-primary-color: #1a1a1a;--button-secondary-color: #737373;--story-item-bg: #ffffff;--story-item-active-bg: #f5f5f5;--story-item-hover-bg: #f5f5f5;--story-item-border: #d4d4d4;--story-item-active-border: #1a1a1a;--llm-panel-bg: #ffffff;--slider-thumb-bg: #525252;--slider-track-bg: #d4d4d4;--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:var(--font-family-heading);letter-spacing:var(--letter-spacing-heading);font-weight:400}[data-theme=luxury] body,[data-theme=luxury] p,[data-theme=luxury] span,[data-theme=luxury] div{font-family:var(--font-family-base);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=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, #eff6ff 0%,#bcd3fb 100%);--title-gradient: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #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;--sidebar-background: #f3f4f6;--modal-background: #ffffff;--border-color: #d1d5db;--border-color-focus: #1e40af;--color-success: #22c55e;--color-success-light: #16a34a;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #1e40af;--text-primary-color: #030712;--button-primary-color: white;--button-secondary-color: #6b7280;--story-item-bg: #ffffff;--story-item-active-bg: #eff6ff;--story-item-hover-bg: #f3f4f6;--story-item-border: #e5e7eb;--story-item-active-border: #1e40af;--llm-panel-bg: #ffffff;--slider-thumb-bg: #1e40af;--slider-track-bg: #e5e7eb;--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%);--title-gradient: linear-gradient(135deg, #94a3b8 0%, #cbd5e1 50%, #94a3b8 100%);--body-background-color: #020617;--body-text-color: #e2e8f0;--text-secondary-color: #cbd5e1;--text-tertiary-color: #bfc6cf;--text-muted-color: #94a3b8;--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;--sidebar-background: #0f172a;--modal-background: #1e293b;--border-color: #334155;--border-color-focus: #64748b;--color-success: #10b981;--color-success-light: #059669;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #64748b;--text-primary-color: #f8fafc;--button-primary-color: white;--button-secondary-color: #cbd5e1;--story-item-bg: #1e293b;--story-item-active-bg: #334155;--story-item-hover-bg: #334155;--story-item-border: #334155;--story-item-active-border: #64748b;--llm-panel-bg: #1e293b;--slider-thumb-bg: #64748b;--slider-track-bg: #334155;--header-background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--header-border: #334155;--header-text-color: #e2e8f0}[data-theme=medium-light]{--color-primary-50: #dee5ee;--color-primary-100: #d0d9e4;--color-primary-200: #c2cbda;--color-primary-300: #adb8c8;--color-primary-400: #8c9ab0;--color-primary-500: #64748b;--color-primary-600: #475569;--color-primary-700: #334155;--color-primary-800: #1e293b;--color-primary-900: #0f172a;--color-primary-950: #020617;--color-secondary-50: #dee5ee;--color-secondary-100: #d0d9e4;--color-secondary-200: #c2cbda;--color-secondary-300: #adb8c8;--color-secondary-400: #8c9ab0;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-secondary-950: #020617;--color-surface-50: #dee5ee;--color-surface-100: #d0d9e4;--color-surface-200: #c2cbda;--color-surface-300: #adb8c8;--color-surface-400: #8c9ab0;--color-surface-500: #64748b;--color-surface-600: #475569;--color-surface-700: #334155;--color-surface-800: #1e293b;--color-surface-900: #0f172a;--color-surface-950: #020617;--color-success-50: #c5e5d2;--color-success-500: #22c55e;--color-warning-50: #e5d8c0;--color-warning-500: #f59e0b;--color-warning-700: #b45309;--color-error-50: #e8c8c8;--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: #adb8c8;--border-color-base: #8c9ab0;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #b5bfce 0%, #adb8c8 100%);--title-gradient: linear-gradient(135deg, #475569 0%, #64748b 50%, #475569 100%);--body-background-color: #c2cbda;--body-text-color: #1e293b;--text-secondary-color: #2d3a4d;--text-tertiary-color: #475569;--text-muted-color: #64748b;--header-background: #b5bfce;--card-background: #cbd4e0;--card-background-transparent: rgba(203, 212, 224, .5);--input-background: #d0d9e4;--input-border: #adb8c8;--input-border-focus: #475569;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 5px 16px rgba(71, 85, 105, .25);--button-secondary-bg: rgba(71, 85, 105, .12);--button-secondary-border: #64748b;--button-secondary-hover-bg: rgba(71, 85, 105, .2);--button-secondary-hover: #475569;--button-success-bg: #22c55e;--button-success-hover: #16a34a;--text-disabled-color: #94a3b8;--text-hint-color: #adb8c8;--color-success-100: #c5e5d2;--color-success-200: #a3d4b5;--color-success-700: #15803d;--color-success-800: #166534;--color-error-100: #e8c8c8;--color-error-200: #d9a8a8;--color-error-700: #b91c1c;--color-error-800: #991b1b;--status-pending-bg: #e5d8c0;--status-pending-text: #92400e;--status-processing-bg: #c2cbda;--status-processing-text: #334155;--upload-hover-bg: #b8c4d2;--feature-item-bg: rgba(173, 184, 200, .3);--border-color-light-transparent: rgba(100, 116, 139, .15);--story-view-bg: #c2cbda;--msg-dialogue-bg: #c8d3e2;--msg-dialogue-border: #475569;--msg-action-bg: #c0d8ce;--msg-action-border: #15803d;--msg-narration-bg: #d8d0c2;--msg-narration-border: #b45309;--msg-narration-color: #475569;--msg-context-bg: #b8c4d2;--msg-context-border: #8c9ab0;--msg-context-color: #64748b;--msg-ai-bg: #c5c5d8;--msg-ai-border: #6b5bab;--story-character-name: #475569;--story-action-color: #166534;--story-dialogue-color: #92400e;--sidebar-background: #b5bfce;--modal-background: #cbd4e0;--border-color: #8c9ab0;--border-color-focus: #475569;--color-success: #22c55e;--color-success-light: #16a34a;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #475569;--text-primary-color: #020617;--button-primary-color: white;--button-secondary-color: #475569;--story-item-bg: #cbd4e0;--story-item-active-bg: #b5bfce;--story-item-hover-bg: #b5bfce;--story-item-border: #adb8c8;--story-item-active-border: #475569;--llm-panel-bg: #cbd4e0;--slider-thumb-bg: #475569;--slider-track-bg: #adb8c8;--header-background: linear-gradient(135deg, #8c9ab0 0%, #7a8a9e 100%);--header-border: #64748b;--header-text-color: #f1f5f9}[data-theme=shades-of-grey]{--color-primary-50: #070707;--color-primary-100: #171717;--color-primary-200: #282828;--color-primary-300: #3f3f3f;--color-primary-400: #535353;--color-primary-500: #727272;--color-primary-600: #a1a1a1;--color-primary-700: #d3d3d3;--color-primary-800: #e7e7e7;--color-primary-900: #f4f4f4;--color-primary-950: #fafafa;--color-secondary-50: #050505;--color-secondary-100: #070707;--color-secondary-200: #171717;--color-secondary-300: #282828;--color-secondary-400: #3f3f3f;--color-secondary-500: #535353;--color-secondary-600: #a1a1a1;--color-secondary-700: #d3d3d3;--color-secondary-800: #e7e7e7;--color-secondary-900: #f4f4f4;--color-secondary-950: #fafafa;--color-surface-50: #050505;--color-surface-100: #0e0e0e;--color-surface-200: #171717;--color-surface-300: #282828;--color-surface-400: #3f3f3f;--color-surface-500: #727272;--color-surface-600: #a1a1a1;--color-surface-700: #d3d3d3;--color-surface-800: #e7e7e7;--color-surface-900: #f4f4f4;--color-surface-950: #fafafa;--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: "SF Mono", "Cascadia Code", "Fira Code", Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacing-heading: -.01em;--spacing-base: .25rem;--radius-sm: .5rem;--radius-base: .5rem;--radius-lg: 1rem;--border-width: 1px;--border-width-thick: 2px;--border-color-light: #3f3f3f;--border-color-base: #535353;--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, #3f3f3f 0%, #282828 100%);--title-gradient: linear-gradient(135deg, #a1a1a1 0%, #d4d4d4 50%, #a1a1a1 100%);--body-background-color: #070707;--body-text-color: #e7e7e7;--text-secondary-color: #d3d3d3;--text-tertiary-color: #c0c0c0;--text-muted-color: #a1a1a1;--header-background: #171717;--card-background: #282828;--card-background-transparent: rgba(40, 40, 40, .3);--input-background: #171717;--input-border: #3f3f3f;--input-border-focus: #727272;--button-primary-bg: var(--gradient-primary);--button-primary-hover-shadow: 0 5px 20px rgba(83, 83, 83, .4);--button-secondary-bg: rgba(161, 161, 161, .2);--button-secondary-border: #a1a1a1;--button-secondary-hover-bg: rgba(161, 161, 161, .3);--button-secondary-hover: #535353;--button-success-bg: #10b981;--button-success-hover: #34d399;--text-disabled-color: #727272;--text-hint-color: #535353;--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: #3f3f3f;--status-processing-text: #d3d3d3;--upload-hover-bg: #3f3f3f;--feature-item-bg: rgba(63, 63, 63, .3);--border-color-light-transparent: rgba(161, 161, 161, .2);--story-view-bg: #171717;--msg-dialogue-bg: #282828;--msg-dialogue-border: #727272;--msg-action-bg: #0d261d;--msg-action-border: #10b981;--msg-narration-bg: #261a0d;--msg-narration-border: #f59e0b;--msg-narration-color: #d3d3d3;--msg-context-bg: #282828;--msg-context-border: #535353;--msg-context-color: #a1a1a1;--msg-ai-bg: #1a1a1a;--msg-ai-border: #a1a1a1;--story-character-name: #a1a1a1;--story-action-color: #34d399;--story-dialogue-color: #fbbf24;--sidebar-background: #0e0e0e;--modal-background: #282828;--border-color: #3f3f3f;--border-color-focus: #727272;--color-success: #10b981;--color-success-light: #059669;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #727272;--text-primary-color: #fafafa;--button-primary-color: white;--button-secondary-color: #d3d3d3;--story-item-bg: #282828;--story-item-active-bg: #3f3f3f;--story-item-hover-bg: #3f3f3f;--story-item-border: #3f3f3f;--story-item-active-border: #727272;--llm-panel-bg: #282828;--slider-thumb-bg: #727272;--slider-track-bg: #3f3f3f;--header-background: linear-gradient(135deg, #282828 0%, #171717 100%);--header-border: #3f3f3f;--header-text-color: #e7e7e7}[data-theme=shades-of-grey] h1,[data-theme=shades-of-grey] h2,[data-theme=shades-of-grey] h3{font-weight:500;letter-spacing:-.01em}[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%);--title-gradient: 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;--sidebar-background: #fef7fc;--modal-background: #ffffff;--border-color: #fbcfe8;--border-color-focus: #ec4899;--color-success: #84cc16;--color-success-light: #65a30d;--color-error: #f43f5e;--color-warning: #eab308;--color-info: #06b6d4;--text-primary-color: #500724;--button-primary-color: white;--button-secondary-color: #9d174d;--story-item-bg: #ffffff;--story-item-active-bg: #fce7f3;--story-item-hover-bg: #fce7f3;--story-item-border: #fbcfe8;--story-item-active-border: #ec4899;--llm-panel-bg: #ffffff;--slider-thumb-bg: #ec4899;--slider-track-bg: #fbcfe8;--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: "Arial Narrow", "Helvetica Neue", "Inter", sans-serif;--letter-spacing-heading: .08em;--letter-spacing-button: .04em;--bg-texture: url("data:image/svg+xml,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='2' width='1' height='1' fill='%23dc2626'/%3E%3Crect x='3' y='0' width='1' height='1' fill='%23fff'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23dc2626'/%3E%3C/svg%3E");--bg-texture-opacity: .02;--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%);--title-gradient: linear-gradient(135deg, #ef4444 0%, #f87171 50%, #ef4444 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;--sidebar-background: #0a0a0a;--modal-background: #0f0f0f;--border-color: #2d2d2d;--border-color-focus: #dc2626;--color-success: #22c55e;--color-success-light: #16a34a;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #dc2626;--text-primary-color: #ffffff;--button-primary-color: white;--button-secondary-color: #a3a3a3;--story-item-bg: #0f0f0f;--story-item-active-bg: #1f1f1f;--story-item-hover-bg: #1f1f1f;--story-item-border: #2d2d2d;--story-item-active-border: #dc2626;--llm-panel-bg: #0f0f0f;--slider-thumb-bg: #dc2626;--slider-track-bg: #2d2d2d;--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);text-transform:uppercase;font-weight:600;letter-spacing:.08em}[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;--letter-spacing-heading: .04em;--letter-spacing-button: .02em;--bg-texture: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='.6' fill='%232dd4bf'/%3E%3Ccircle cx='13' cy='11' r='.4' fill='%230d9488'/%3E%3C/svg%3E");--bg-texture-opacity: .04;--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%);--title-gradient: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 50%, #2dd4bf 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;--sidebar-background: #0f2035;--modal-background: #152a45;--border-color: #1e3a5f;--border-color-focus: #2dd4bf;--color-success: #10b981;--color-success-light: #059669;--color-error: #f43f5e;--color-warning: #fb923c;--color-info: #0891b2;--text-primary-color: #f0fdfa;--button-primary-color: white;--button-secondary-color: #99f6e4;--story-item-bg: #152a45;--story-item-active-bg: #1e3a5f;--story-item-hover-bg: #1e3a5f;--story-item-border: #1e3a5f;--story-item-active-border: #2dd4bf;--llm-panel-bg: #152a45;--slider-thumb-bg: #2dd4bf;--slider-track-bg: #1e3a5f;--header-background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);--header-border: #2dd4bf;--header-text-color: #e6fffa}[data-theme=ocean] h1,[data-theme=ocean] h2,[data-theme=ocean] h3{font-weight:300;letter-spacing:.04em}[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: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;--letter-spacing-heading: .01em;--bg-texture: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='1' height='1' fill='%2322c55e' rx='.5'/%3E%3Crect x='5' y='4' width='1' height='1' fill='%2316a34a' rx='.5'/%3E%3C/svg%3E");--bg-texture-opacity: .03;--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%);--title-gradient: linear-gradient(135deg, #4ade80 0%, #86efac 50%, #4ade80 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;--sidebar-background: #151c16;--modal-background: #1e2a1f;--border-color: #2a3d2b;--border-color-focus: #22c55e;--color-success: #22c55e;--color-success-light: #16a34a;--color-error: #dc2626;--color-warning: #ea580c;--color-info: #22c55e;--text-primary-color: #f4faf3;--button-primary-color: white;--button-secondary-color: #92b38f;--story-item-bg: #1e2a1f;--story-item-active-bg: #2a3d2b;--story-item-hover-bg: #2a3d2b;--story-item-border: #2a3d2b;--story-item-active-border: #22c55e;--llm-panel-bg: #1e2a1f;--slider-thumb-bg: #22c55e;--slider-track-bg: #2a3d2b;--header-background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--header-border: #22c55e;--header-text-color: #e2f0e1}[data-theme=forest] h1,[data-theme=forest] h2,[data-theme=forest] h3{font-weight:500;letter-spacing:.01em}[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;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--title-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #818cf8 100%);--button-primary-bg: var(--gradient-primary);--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}