:root{--brand-50: #FBF8F3;--brand-100: #F7F2E8;--brand-200: #EDE3D0;--brand-300: #DFD0B5;--brand-400: #C9B08A;--brand-500: #B08050;--brand-600: #8F5E2A;--brand-700: #7C4410;--brand-800: #5E330C;--brand-900: #3E2108;--brand-950: #220F02;--ink: var(--brand-900);--paper: var(--brand-100);--ivory: var(--brand-50);--ash: var(--brand-300);--smoke: var(--brand-600);--ghost: var(--brand-200);--amber: var(--brand-700);--amber-muted: var(--brand-400);--amber-dim: var(--brand-800);--success-bg: #EEF4EE;--success-text: #3A6B3A;--success-border: #A8C9A8;--error-bg: #F9EEEC;--error-text: #7C2810;--error-border: #E0B0A8;--warning-bg: #FBF3E8;--warning-text: var(--brand-700);--warning-border: var(--brand-300);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-story: Georgia, "Times New Roman", serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container: 720px;--container-wide: 1100px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(124,68,16,.08);--shadow-md: 0 4px 12px rgba(124,68,16,.1);--shadow-lg: 0 12px 40px rgba(124,68,16,.12);--shadow-brand: 0 4px 24px rgba(124,68,16,.18);--ease-fast: .12s ease;--ease-base: .2s ease;--ease-slow: .35s ease;--ease-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--bg: var(--paper);--bg-surface: var(--ivory);--bg-raised: #FFFFFF;--bg-hover: var(--ghost);--bg-active: var(--ash);--border: var(--ash);--border-subtle: var(--ghost);--border-strong: var(--brand-400);--text-primary: var(--ink);--text-secondary: var(--brand-800);--text-tertiary: var(--smoke);--text-disabled: var(--brand-400);--accent: var(--amber);--cta: var(--brand-700);--cta-hover: var(--brand-600);--cta-active: var(--brand-800);--cta-text: var(--brand-50)}.dark{--bg: #141416;--bg-surface: #1c1c20;--bg-raised: #232328;--bg-hover: #2a2a30;--bg-active: #333338;--border: #2a2a30;--border-subtle: #222228;--border-strong: #3a3a42;--text-primary: #F0EBE3;--text-secondary: #9E978C;--text-tertiary: #706A60;--text-disabled: #4A463F;--accent: #D4994A;--cta: #D4994A;--cta-hover: #E0A85A;--cta-active: #C08840;--cta-text: #141416;--ink: #F0EBE3;--paper: #141416;--ivory: #1c1c20;--ash: #2a2a30;--ghost: #222228;--smoke: #9E978C;--amber: #D4994A;--amber-muted: #8A6A3A;--amber-dim: #E0A85A;--success-bg: #1A2E1A;--success-text: #6DB86D;--success-border: #2A4A2A;--error-bg: #2E1A18;--error-text: #D88070;--error-border: #4A2A22;--warning-bg: #2E2618;--warning-text: #D4994A;--warning-border: #4A3A22;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-brand: 0 4px 24px rgba(212,153,74,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--ease-slow),color var(--ease-slow)}img,video{display:block;max-width:100%}button,input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-story{font-family:var(--font-story)}.heading-1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.heading-2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:1.15;letter-spacing:-.02em}.heading-3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;line-height:1.25}.heading-4{font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;line-height:1.35}.label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.body-lg{font-size:var(--text-md);line-height:1.7}.body-sm{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.story-body{font-family:var(--font-story);font-size:1.0625rem;line-height:1.9;color:var(--text-primary);letter-spacing:.01em}.story-body p{margin-bottom:1.5em}.story-body p:first-of-type:first-letter{font-family:var(--font-display);font-size:3.8em;line-height:.78;float:left;margin-right:.07em;margin-top:.06em;color:var(--amber)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.container-wide{width:100%;max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.min-h-screen{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;border:none;outline:none;cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast),border-color var(--ease-fast),transform var(--ease-fast),box-shadow var(--ease-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.btn-primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn-primary:hover{background:var(--brand-800)}.dark .btn-primary{background:var(--text-primary);color:var(--bg)}.btn-cta{background:var(--cta);color:var(--cta-text);border:1px solid var(--cta);padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-brand)}.btn-cta:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:0 6px 28px #7c441047;transform:translateY(-1px)}.btn-cta:active{transform:translateY(0) scale(.98)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:var(--space-2) var(--space-3)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-icon{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:var(--space-2);border-radius:var(--radius-md);aspect-ratio:1}.btn-icon:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-5) var(--space-10);font-size:var(--text-md);border-radius:var(--radius-xl)}.btn[data-loading=true]{opacity:.7;pointer-events:none}.btn[data-loading=true]:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-left:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.field-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:calc(var(--space-1) * -1)}.input,.textarea,.select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);outline:none;appearance:none;-webkit-appearance:none}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-secondary)}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #7c441014}.dark .input:focus,.dark .textarea:focus,.dark .select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #d4994a1a}.input::placeholder,.textarea::placeholder{color:var(--text-secondary);opacity:.7}.textarea{resize:vertical;min-height:120px;line-height:1.65}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238F5E2A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}.input-meta{display:flex;justify-content:flex-end;font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:400;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast),border-color var(--ease-fast),transform var(--ease-spring);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.chip:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.chip[aria-selected=true],.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dark .chip[aria-selected=true],.dark .chip.active{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.chip:active{transform:scale(.95)}.slider-field{display:flex;flex-direction:column;gap:var(--space-3)}.slider-track{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--border);border-radius:var(--radius-full);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--border);cursor:pointer}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 1px var(--text-secondary)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--border);cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary)}.slider-value{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--ease-base),border-color var(--ease-base)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.card-flat{background:var(--bg-surface);border:none;padding:var(--space-6)}.divider{height:1px;background:var(--border-subtle);border:none;margin-block:var(--space-6)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-amber{background:#7c441014;color:var(--accent);border-color:#7c441026}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-6);background:#f7f2e8d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.dark .nav{background:#141416d9}.nav-logo{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em}.nav-logo span{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.nav-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--text-secondary)}.nav-mobile-actions{display:none;align-items:center;gap:var(--space-3)}.nav-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:6px}.nav-hamburger-line{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.nav-hamburger-line.open:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-hamburger-line.open:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-mobile-menu{position:absolute;top:56px;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;animation:fade-up .15s ease}.dark .nav-mobile-menu{background:#141416fa}.nav-mobile-link{display:block;padding:var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--ease-fast),background var(--ease-fast);background:none;border:none;cursor:pointer;font-family:inherit}.nav-mobile-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-mobile-link.active{color:var(--text-primary);font-weight:500}@media(max-width:640px){.nav-desktop{display:none}.nav-mobile-actions{display:flex}}.nav-link{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--ease-fast),background var(--ease-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--text-primary);font-weight:500}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;transition:background var(--ease-fast),border-color var(--ease-fast),transform var(--ease-spring)}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border)}.theme-toggle:active{transform:scale(.9)}.theme-toggle-icon{font-size:1rem;line-height:1;transition:transform var(--ease-spring)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:300;display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:380px;pointer-events:none}.toast{overflow:hidden;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:toast-in .25s ease-out forwards;pointer-events:all}.toast-body{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.toast-icon{flex-shrink:0;margin-top:1px;line-height:0}.toast-success .toast-icon{color:var(--amber)}.toast-error .toast-icon{color:var(--error-text)}.toast-text{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:1.3}.toast-message{margin-top:2px;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.45}.toast-dismiss{flex-shrink:0;margin-top:1px;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--ease-fast),background var(--ease-fast)}.toast-dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.toast-progress-track{height:3px;background:var(--border-subtle)}.toast-progress-bar{height:100%;border-radius:var(--radius-full);animation:toast-progress linear forwards}.toast-success .toast-progress-bar{background:var(--amber)}.toast-error .toast-progress-bar{background:var(--error-text)}.loader-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:400}.loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-surface) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10}.loader-icon{animation:loader-pulse 1.4s ease-in-out infinite;border-radius:var(--radius-full)}@keyframes loader-pulse{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.voice-mic-btn{position:absolute;bottom:var(--space-2);right:var(--space-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:color var(--ease-fast),background var(--ease-fast),border-color var(--ease-fast),box-shadow var(--ease-fast)}.voice-mic-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.voice-mic-btn.active{color:var(--error-text);border-color:var(--error-border);background:var(--error-bg);animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #7c281026}50%{box-shadow:0 0 0 6px #7c281000}}.skeleton{background:var(--bg-hover);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.typewriter:after{content:"|";animation:blink 1s step-end infinite;color:var(--amber);font-weight:300}.story-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-6)}.story-loader-ring{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.story-loader-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--amber);border-right-color:var(--brand-400);animation:spin 1.8s linear infinite}.story-loader-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--brand-300);border-left-color:var(--brand-500);animation:spin 2.4s linear infinite reverse}.story-loader-icon{font-size:1.75rem;color:var(--amber);animation:loader-pulse 1.4s ease-in-out infinite;z-index:1}.story-loader-text{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.01em}.streaming-indicator{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.streaming-spinner{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.streaming-spinner:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--amber);border-right-color:var(--brand-400);animation:spin 1.8s cubic-bezier(.4,0,.2,1) infinite}.streaming-spinner .loader-icon{width:14px;height:14px}.page-header{padding-block:var(--space-16) var(--space-8);text-align:center}.page-header .heading-1,.page-header .heading-2{margin-bottom:var(--space-4)}.page-header .body-lg{color:var(--text-secondary);max-width:480px;margin-inline:auto}.section{padding-block:var(--space-12)}.generator-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.generator-actions{display:flex;justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.story-header{padding-block:var(--space-12) var(--space-8);text-align:center;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-10)}.story-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.story-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-block:var(--space-10) var(--space-6);border-top:1px solid var(--border-subtle);margin-top:var(--space-10);flex-wrap:wrap}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.story-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:box-shadow var(--ease-base),border-color var(--ease-base),transform var(--ease-slow);text-decoration:none;color:inherit;position:relative;overflow:hidden}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--amber);opacity:0;transition:opacity var(--ease-base)}.story-card:hover{box-shadow:var(--shadow-md);border-color:var(--border);transform:translateY(-2px)}.story-card:hover:before{opacity:1}.story-card:active{transform:translateY(0)}.story-card-genre{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:var(--space-3)}.story-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:1.25;color:var(--text-primary);margin-bottom:var(--space-3)}.story-card-preview{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.story-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.story-card-date{font-size:var(--text-xs);color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fade-up .5s var(--ease-slow) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}@media(max-width:768px){:root{--text-3xl: 2.25rem;--text-4xl: 2.75rem}.container,.container-wide{padding-inline:var(--space-4)}.nav{padding-inline:var(--space-4);height:52px}.nav-links{gap:0}.nav-link{padding:var(--space-2);font-size:var(--text-xs)}.page-header{padding-block:var(--space-12) var(--space-8)}.gallery-grid{grid-template-columns:1fr}.story-actions{gap:var(--space-2)}.story-header{padding-block:var(--space-10) var(--space-6);margin-bottom:var(--space-6)}.story-meta{gap:var(--space-2)}.story-body{font-size:1rem;line-height:1.8}.btn-cta{width:100%;justify-content:center}}@media(max-width:480px){:root{--text-3xl: 2rem;--text-4xl: 2.5rem}.page-header{text-align:left;padding-block:var(--space-10) var(--space-6)}.story-meta{justify-content:flex-start}.story-header{text-align:left}.story-actions{flex-direction:column;align-items:stretch}.story-actions .btn{width:100%;justify-content:center}.story-body p:first-of-type:first-letter{font-size:3em}.toast-container{right:var(--space-4);bottom:var(--space-4);max-width:calc(100vw - var(--space-8))}}@media(max-width:320px){:root{--text-3xl: 1.75rem;--text-4xl: 2.25rem}.container,.container-wide{padding-inline:var(--space-3)}}.bg-dot{position:fixed;width:400px;height:400px;border-radius:50%;background:#7c44100a;pointer-events:none;top:-100px;right:-100px}.form-section{display:flex;flex-direction:column;gap:var(--space-5)}.form-section>*{animation:fade-up .4s var(--ease-slow) both}.form-section>*:nth-child(1){animation-delay:.05s}.form-section>*:nth-child(2){animation-delay:.1s}.form-section>*:nth-child(3){animation-delay:.15s}.form-section>*:nth-child(4){animation-delay:.2s}.form-section>*:nth-child(5){animation-delay:.25s}.form-section>*:nth-child(6){animation-delay:.3s}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.genre-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:transparent;cursor:pointer;transition:background var(--ease-fast),border-color var(--ease-fast),transform var(--ease-spring);font-family:var(--font-body)}.genre-tile:hover{background:var(--bg-surface);border-color:var(--border)}.genre-tile[aria-selected=true]{background:var(--ink);border-color:var(--ink)}.genre-tile[aria-selected=true] .genre-icon,.genre-tile[aria-selected=true] .genre-label{color:var(--paper)}.dark .genre-tile[aria-selected=true]{background:var(--text-primary);border-color:var(--text-primary)}.dark .genre-tile[aria-selected=true] .genre-icon,.dark .genre-tile[aria-selected=true] .genre-label{color:var(--bg)}.genre-tile:active{transform:scale(.96)}.genre-icon{display:flex;align-items:center;justify-content:center;line-height:1}.genre-label{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);letter-spacing:.04em}.length-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.length-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background var(--ease-fast),border-color var(--ease-fast);font-family:var(--font-body)}.length-option:hover{background:var(--bg-surface);border-color:var(--border)}.length-option[aria-selected=true]{background:var(--ink);border-color:var(--ink)}.length-option[aria-selected=true] .length-name,.length-option[aria-selected=true] .length-words{color:var(--paper)}.dark .length-option[aria-selected=true]{background:var(--text-primary);border-color:var(--text-primary)}.dark .length-option[aria-selected=true] .length-name,.dark .length-option[aria-selected=true] .length-words{color:var(--bg)}.length-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.length-words{font-size:var(--text-xs);color:var(--text-secondary)}.story-container{max-width:640px;margin-inline:auto;padding-inline:var(--space-6)}@media(max-width:480px){.story-container{padding-inline:var(--space-4)}}.card-delete{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:0;transition:opacity var(--ease-fast),background var(--ease-fast),color var(--ease-fast)}.story-card:hover .card-delete{opacity:1}.card-delete:hover{background:var(--bg-hover);color:var(--text-primary)}.share-backdrop{position:fixed;inset:0;z-index:200;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.share-card{width:90%;max-width:360px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.share-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.share-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.share-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.share-close{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--ease-fast),color var(--ease-fast);flex-shrink:0}.share-close:hover{background:var(--bg-hover);color:var(--text-primary)}.share-options{display:flex;flex-direction:column;gap:var(--space-2)}.share-option{display:flex;align-items:center;gap:var(--space-4);width:100%;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:background var(--ease-fast),border-color var(--ease-fast),transform var(--ease-fast);font-family:var(--font-body);text-align:left}.share-option:hover{background:var(--bg-hover);border-color:var(--border)}.share-option:active{transform:scale(.98)}.share-option-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-base);color:var(--text-primary)}.share-option-text{display:flex;flex-direction:column;flex:1;min-width:0}.share-option-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.share-option-sublabel{font-size:var(--text-xs);color:var(--text-secondary)}.share-option-arrow{color:var(--text-secondary);font-size:var(--text-sm);flex-shrink:0}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr}.gallery-header-inner{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.genre-grid,.length-options{grid-template-columns:repeat(2,1fr)}.bg-dot{display:none}.form-section{gap:var(--space-4)}.genre-tile{padding:var(--space-3) var(--space-2)}}