.toast-container[data-v-bb090030]{position:fixed;top:var(--spacing-lg, 16px);right:var(--spacing-lg, 16px);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);max-width:400px;pointer-events:none}@media(max-width:480px){.toast-container[data-v-bb090030]{top:var(--spacing-md, 12px);left:var(--spacing-md, 12px);right:var(--spacing-md, 12px);max-width:none}}.toast[data-v-bb090030]{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--radius-lg, 12px);font-size:.875rem;font-weight:500;line-height:1.4;cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--success[data-v-bb090030]{background:#10b981f2;color:#fff}.toast--error[data-v-bb090030]{background:#ef4444f2;color:#fff}.toast--warning[data-v-bb090030]{background:#f59e0bf2;color:#fff}.toast--info[data-v-bb090030]{background:#3b82f6f2;color:#fff}.toast-icon[data-v-bb090030]{flex-shrink:0;display:flex;align-items:center}.toast-message[data-v-bb090030]{flex:1}.toast-enter-active[data-v-bb090030]{transition:all .3s ease-out}.toast-leave-active[data-v-bb090030]{transition:all .2s ease-in}.toast-enter-from[data-v-bb090030],.toast-leave-to[data-v-bb090030]{opacity:0;transform:translate(30px)}.toast-move[data-v-bb090030]{transition:transform .3s ease}.credit-modal-overlay[data-v-91e640ed]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credit-modal[data-v-91e640ed]{width:100%;max-width:480px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden}.credit-modal-header[data-v-91e640ed]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.credit-modal-header h3[data-v-91e640ed]{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.credit-modal-close[data-v-91e640ed]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.credit-modal-close[data-v-91e640ed]:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.credit-modal-body[data-v-91e640ed]{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.credit-modal-subtitle[data-v-91e640ed]{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.credit-modal-loading[data-v-91e640ed],.credit-modal-purchasing[data-v-91e640ed]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:.875rem}.credit-modal-spinner[data-v-91e640ed]{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-91e640ed .8s linear infinite}@keyframes spin-91e640ed{to{transform:rotate(360deg)}}.credit-modal-error[data-v-91e640ed]{text-align:center;padding:var(--spacing-lg)}.credit-modal-error p[data-v-91e640ed]{margin:0 0 var(--spacing-md);color:#f87171;font-size:.875rem}.credit-modal-retry[data-v-91e640ed]{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.credit-modal-retry[data-v-91e640ed]:hover{background:var(--color-surface-hover)}.credit-modal-packages[data-v-91e640ed]{display:flex;flex-direction:column;gap:var(--spacing-md)}.credit-package[data-v-91e640ed]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.credit-package[data-v-91e640ed]:hover:not(:disabled){border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05);transform:translateY(-1px);box-shadow:var(--shadow-md)}.credit-package[data-v-91e640ed]:disabled{opacity:.5;cursor:not-allowed}.credit-package-amount[data-v-91e640ed]{display:flex;flex-direction:column;align-items:center;min-width:72px}.credit-package-number[data-v-91e640ed]{font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1}.credit-package-label[data-v-91e640ed]{font-size:.6875rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.credit-package-info[data-v-91e640ed]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.credit-package-title[data-v-91e640ed]{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.credit-package-credits[data-v-91e640ed]{font-size:.75rem;color:var(--color-text-tertiary)}.credit-package-price[data-v-91e640ed]{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.modal-enter-active[data-v-91e640ed],.modal-leave-active[data-v-91e640ed]{transition:opacity .3s ease}.modal-enter-active .credit-modal[data-v-91e640ed],.modal-leave-active .credit-modal[data-v-91e640ed]{transition:transform .3s ease}.modal-enter-from[data-v-91e640ed],.modal-leave-to[data-v-91e640ed]{opacity:0}.modal-enter-from .credit-modal[data-v-91e640ed],.modal-leave-to .credit-modal[data-v-91e640ed]{transform:scale(.95) translateY(20px)}.credit-modal-overlay[data-v-b02aa3ad]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credit-modal[data-v-b02aa3ad]{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden}.credit-modal-header[data-v-b02aa3ad]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.credit-modal-header h3[data-v-b02aa3ad]{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.credit-modal-close[data-v-b02aa3ad]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.credit-modal-close[data-v-b02aa3ad]:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.credit-modal-body[data-v-b02aa3ad]{padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.credit-modal-icon[data-v-b02aa3ad]{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#f871711a;border-radius:50%;color:#f87171}.credit-modal-title[data-v-b02aa3ad]{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.credit-modal-subtitle[data-v-b02aa3ad]{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.credit-modal-cta[data-v-b02aa3ad]{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-primary-sm)}.credit-modal-cta[data-v-b02aa3ad]:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-md)}.modal-enter-active[data-v-b02aa3ad],.modal-leave-active[data-v-b02aa3ad]{transition:opacity .3s ease}.modal-enter-active .credit-modal[data-v-b02aa3ad],.modal-leave-active .credit-modal[data-v-b02aa3ad]{transition:transform .3s ease}.modal-enter-from[data-v-b02aa3ad],.modal-leave-to[data-v-b02aa3ad]{opacity:0}.modal-enter-from .credit-modal[data-v-b02aa3ad],.modal-leave-to .credit-modal[data-v-b02aa3ad]{transform:scale(.95) translateY(20px)}#app-container{min-height:100vh}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background:var(--gradient-loading);color:#fff}.app-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter-active,.page-leave-active{transition:opacity .4s ease,transform .4s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}:root{--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-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-600);--color-primary-light: var(--color-primary-300);--color-primary-dark: var(--color-primary-700);--color-primary-rgb: 99, 102, 241;--color-secondary-50: #FFF7ED;--color-secondary-100: #FFEDD5;--color-secondary-200: #FED7AA;--color-secondary-300: #FDBA74;--color-secondary-400: #FB923C;--color-secondary-500: #F97316;--color-secondary-600: #EA580C;--color-secondary-700: #C2410C;--color-secondary-800: #9A3412;--color-secondary-900: #7C2D12;--color-secondary: var(--color-secondary-500);--color-secondary-hover: var(--color-secondary-600);--color-secondary-light: var(--color-secondary-300);--color-secondary-rgb: 249, 115, 22;--color-tertiary-50: #FDF9EE;--color-tertiary-100: #FAF0D5;--color-tertiary-200: #F5E3B3;--color-tertiary-300: #EFD38D;--color-tertiary-400: #E8C167;--color-tertiary-500: #DEAD3E;--color-tertiary-600: #C49423;--color-tertiary-700: #9A7419;--color-tertiary-800: #705512;--color-tertiary-900: #46350B;--color-tertiary: var(--color-tertiary-500);--color-tertiary-hover: var(--color-tertiary-600);--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAF8;--color-neutral-100: #F5F4F2;--color-neutral-200: #E8E6E3;--color-neutral-300: #D4D1CC;--color-neutral-400: #A8A49D;--color-neutral-500: #7D786F;--color-neutral-600: #5C584F;--color-neutral-700: #3F3C35;--color-neutral-800: #2A2823;--color-neutral-900: #1A1815;--color-success-50: #ECFDF3;--color-success-100: #D1FAE5;--color-success-500: #22C55E;--color-success-600: #16A34A;--color-success-700: #15803D;--color-success: var(--color-success-500);--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning: var(--color-warning-500);--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-error: var(--color-error-500);--color-error-light: var(--color-error-100);--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1D4ED8;--color-info: var(--color-info-500);--color-background: var(--color-neutral-50);--color-background-warm: var(--color-secondary-50);--color-surface: var(--color-neutral-0);--color-surface-elevated: var(--color-neutral-0);--color-surface-subtle: var(--color-neutral-100);--color-surface-muted: var(--color-neutral-200);--color-surface-hover: var(--color-neutral-100);--color-surface-secondary: var(--color-neutral-100);--color-accent-soft: var(--color-primary-50);--color-warm-soft: var(--color-secondary-50);--color-text-primary: var(--color-neutral-800);--color-text-body: var(--color-neutral-700);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-muted: var(--color-neutral-500);--color-text-placeholder: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-text-on-primary: var(--color-neutral-0);--color-text-on-secondary: var(--color-neutral-0);--color-border: var(--color-neutral-200);--color-border-light: var(--color-neutral-100);--color-border-dark: var(--color-neutral-300);--color-border-hover: var(--color-neutral-300);--color-border-focus: var(--color-primary-400);--shadow-color: 26, 24, 21;--shadow-sm: 0 1px 2px rgba(var(--shadow-color), .05);--shadow-md: 0 4px 6px rgba(var(--shadow-color), .07);--shadow-lg: 0 10px 15px rgba(var(--shadow-color), .1);--shadow-xl: 0 20px 25px rgba(var(--shadow-color), .15);--shadow-2xl: 0 25px 50px rgba(var(--shadow-color), .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Merriweather", Georgia, serif;--font-display: "Poppins", var(--font-sans);--font-handwritten: "Caveat", cursive;--font-dedication: "Ephesis", cursive;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--book-leather-brown: #8B4513;--book-leather-dark: #654321;--book-spine-shadow: rgba(var(--shadow-color), .3);--book-page-cream: #fdfbf7;--book-page-shadow: rgba(var(--shadow-color), .1);--glass-background: rgba(255, 255, 255, .1);--glass-background-light: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--gradient-hero: linear-gradient(135deg, var(--color-neutral-50) 0%, var(--color-secondary-50) 50%, var(--color-primary-50) 100%);--gradient-premium: linear-gradient(135deg, var(--color-tertiary-200) 0%, var(--color-tertiary-300) 100%);--gradient-trust: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary-400) 0%, var(--color-secondary-600) 100%);--gradient-loading: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-story-view: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--focus-ring: 3px solid var(--color-primary-400);--focus-ring-offset: 2px;--shadow-primary-sm: 0 4px 14px rgba(var(--color-primary-rgb), .25);--shadow-primary-md: 0 4px 15px rgba(var(--color-primary-rgb), .4);--shadow-primary-lg: 0 6px 20px rgba(var(--color-primary-rgb), .5);--shadow-secondary-md: 0 4px 15px rgba(var(--color-secondary-rgb), .4);--shadow-secondary-lg: 0 6px 20px rgba(var(--color-secondary-rgb), .5)}@media(prefers-color-scheme:dark){:root.auto-dark{--color-background: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-surface-elevated: var(--color-neutral-700);--color-surface-subtle: var(--color-neutral-800);--color-surface-muted: var(--color-neutral-700);--color-accent-soft: var(--color-primary-900);--color-warm-soft: var(--color-secondary-900);--color-text-primary: var(--color-neutral-100);--color-text-body: var(--color-neutral-200);--color-text-secondary: var(--color-neutral-300);--color-text-muted: var(--color-neutral-400);--color-text-placeholder: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-border: var(--color-neutral-700);--color-border-light: var(--color-neutral-800);--color-border-dark: var(--color-neutral-600);--glass-background: rgba(0, 0, 0, .3);--glass-background-light: rgba(42, 40, 35, .95);--glass-border: rgba(255, 255, 255, .1)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background)}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;min-height:100vh;min-height:100dvh}#app{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,video{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-slow)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all var(--transition-slow)}.slide-fade-enter-from{opacity:0;transform:translateY(20px)}.slide-fade-leave-to{opacity:0;transform:translateY(-20px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.glass{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}