@import"https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&family=Inter:wght@400;500&display=swap";:root{--primary-color: #d4a853;--primary-light: #e8c97d;--primary-dark: #b8923f;--secondary-color: #fefcf8;--secondary-light: #ffffff;--secondary-dark: #f5f0e8}body{margin:0;background-color:var(--secondary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary: #d4a853;--color-primary-light: #e8c97d;--color-primary-dark: #b8923f;--color-secondary: #fefcf8;--color-secondary-light: #ffffff;--color-secondary-dark: #f5f0e8;--color-accent: #1a2744;--color-accent-light: #2a3b5c;--color-highlight: #e8b4bc;--color-text-primary: #1a2744;--color-text-secondary: #5a6a7a;--color-background: #fefcf8;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e0e0e0;--color-gray-300: #bdbdbd;--color-gray-400: #9e9e9e;--color-gray-500: #757575;--color-gray-600: #616161;--color-gray-700: #424242;--color-gray-800: #212121;--color-background-light: #ffffff;--color-background-dark: #f5f0e8;--font-heading: "Balsamiq Sans", cursive;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:2.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:2rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}h4{font-size:1.25rem;margin-bottom:var(--spacing-sm)}h5{font-size:1.125rem;margin-bottom:var(--spacing-sm)}h6{font-size:1rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}button{font-family:var(--font-body);cursor:pointer;transition:all .2s ease}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-primary);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.py-0{padding:0}.py-1{padding:var(--spacing-xs) 0}.py-2{padding:var(--spacing-sm) 0}.py-3{padding:var(--spacing-md) 0}.py-4{padding:var(--spacing-lg) 0}.py-5{padding:var(--spacing-xl) 0}.py-6{padding:var(--spacing-2xl) 0}.px-0{padding:0}.px-1{padding:0 var(--spacing-xs)}.px-2{padding:0 var(--spacing-sm)}.px-3{padding:0 var(--spacing-md)}.px-4{padding:0 var(--spacing-lg)}.px-5{padding:0 var(--spacing-xl)}.px-6{padding:0 var(--spacing-2xl)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}.btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.navbar{background-color:var(--color-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;position:relative}.navbar-logo h2{color:var(--color-primary);margin:0;font-size:1.5rem}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.navbar-toggle span{width:25px;height:3px;background-color:var(--color-gray-700);margin:3px 0;transition:.3s;border-radius:2px}.navbar-links{display:flex;align-items:center;gap:var(--spacing-lg)}.navbar-link{color:var(--color-text-primary);font-weight:500;transition:color .2s ease;font-size:.95rem}.navbar-link:hover{color:var(--color-primary)}.footer{background-color:var(--color-accent);color:var(--color-secondary);padding:var(--spacing-3xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4,.footer-section h5{color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--color-text-secondary);transition:color .2s ease}.footer-section ul li a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-accent-light);padding-top:var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.auth-user{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{color:var(--color-text-primary);font-weight:500}.auth-loading{color:var(--color-text-secondary);font-size:.9rem}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.navbar-links--open{transform:translateY(0);opacity:1;visibility:visible}.navbar-link{padding:var(--spacing-sm) 0;text-align:center;border-bottom:1px solid var(--color-gray-100)}.navbar-link:last-child{border-bottom:none}.auth-user{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.hero{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-light) 100%);padding:var(--spacing-3xl) 0;min-height:500px;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-text h1{font-size:3rem;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}.hero-text p{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;gap:var(--spacing-lg)}.hero-image{display:flex;justify-content:center;align-items:center}.products{background-color:var(--color-white)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.product-card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.product-image{height:200px;background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center}.product-image-placeholder{color:var(--color-gray-500);font-size:1.1rem}.product-info{padding:var(--spacing-lg)}.product-info h3{color:var(--color-gray-800);margin-bottom:var(--spacing-sm)}.product-info p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.testimonials{background-color:var(--color-gray-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.testimonial-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.testimonial-card p{font-style:italic;color:var(--color-gray-700);margin-bottom:var(--spacing-lg);font-size:1.1rem}.testimonial-author strong{color:var(--color-gray-800);display:block;margin-bottom:var(--spacing-xs)}.testimonial-author span{color:var(--color-gray-500);font-size:.9rem}.cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-accent)}.cta-content h2{color:var(--color-accent);margin-bottom:var(--spacing-lg);font-size:2.5rem}.cta-content p{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9;color:var(--color-accent)}.cta .btn-primary{background-color:var(--color-white);color:var(--color-primary)}.cta .btn-primary:hover{background-color:var(--color-gray-100);transform:translateY(-2px)}.faq{background-color:var(--color-white)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.faq-item{background-color:var(--color-secondary-dark);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.faq-item h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.faq-item p{color:var(--color-text-secondary);margin-bottom:0}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{justify-content:center;flex-direction:column;align-items:center}.product-grid,.testimonials-grid,.faq-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}}.about-header{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-light) 100%);text-align:center}.about-header-content h1{font-size:3rem;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.lead{font-size:1.3rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.about-story{background-color:var(--color-white)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);align-items:start}.about-text h2{color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.about-text h3{color:var(--color-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.about-text p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.about-image{display:flex;justify-content:center;align-items:center}.about-image-placeholder{width:300px;height:400px;background-color:var(--color-gray-200);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:1.1rem;border:2px dashed var(--color-gray-300)}.team{background-color:var(--color-gray-50)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.team-member{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center}.team-photo{margin-bottom:var(--spacing-lg)}.team-photo-placeholder{width:120px;height:120px;background-color:var(--color-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);margin:0 auto;border:3px solid var(--color-primary)}.team-info h4{color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.team-role{color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-md)}.team-info p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.about-testimonials{background-color:var(--color-white)}.contact-form{background-color:var(--color-gray-50)}.contact-content{max-width:800px;margin:0 auto}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px}@media (max-width: 768px){.about-header-content h1{font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-image-placeholder{width:250px;height:300px}.team-grid,.contact-form-grid{grid-template-columns:1fr}}.create-book{min-height:80vh;padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-background-light) 0%,var(--color-white) 100%)}.create-book-content{max-width:800px;margin:0 auto}.create-book-header{text-align:center;margin-bottom:var(--spacing-3xl)}.create-book-header h1{font-size:3rem;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.create-book-header p{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.book-form{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.form-section{margin-bottom:var(--spacing-3xl)}.form-section h3{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.form-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:border-color .2s ease;font-family:var(--font-body)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-input textarea{resize:vertical;min-height:120px}.story-ideas{margin-bottom:var(--spacing-xl)}.story-ideas h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1rem}.story-suggestions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.story-suggestion{padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-secondary-dark);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all .2s ease;font-size:.9rem;line-height:1.4}.story-suggestion:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-accent)}.art-style-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.art-style-option{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-secondary-dark);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-weight:500}.art-style-option:hover,.art-style-option.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-accent)}.form-actions{text-align:center;margin-top:var(--spacing-3xl)}.auth-notice{color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--spacing-md)}.pending-notice{color:var(--color-primary);font-size:.9rem;margin-top:var(--spacing-md);font-weight:500}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.order-page{background-color:var(--color-background-light);min-height:100vh;padding:var(--spacing-xl) 0}.order-steps{display:flex;justify-content:center;margin-bottom:var(--spacing-3xl);gap:var(--spacing-xl)}.step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);background-color:var(--color-gray-200);color:var(--color-text-secondary);font-weight:600;transition:all .3s ease}.step.active{background-color:var(--color-primary);color:var(--color-accent)}.step span{background-color:#fff3;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.step.active span{background-color:#ffffff4d}.step-content{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.book-preview-card{background-color:var(--color-background-light);padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.quantity-selector{margin:var(--spacing-lg) 0}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.quantity-controls button{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700}.quantity-controls button:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.quantity-controls span{font-size:1.2rem;font-weight:700;min-width:32px;text-align:center}.address-form h3{margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-grid input,.form-grid select{padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:1rem}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff634733}.checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.checkbox-container input[type=checkbox]{transform:scale(1.2)}.payment-form{max-width:600px}.payment-section h3{margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.card-element-container{padding:var(--spacing-lg);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);background-color:var(--color-white)}.order-summary{background-color:var(--color-background-light);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.order-summary h3{margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.summary-line{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.summary-line.total{border-top:2px solid var(--color-gray-300);border-bottom:none;font-weight:700;font-size:1.1rem;padding-top:var(--spacing-md);margin-top:var(--spacing-sm)}.step-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-xl)}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem;font-weight:700}.error-message{color:var(--color-error);background-color:#f443361a;padding:var(--spacing-md);border-radius:var(--border-radius);margin-top:var(--spacing-md);border:1px solid rgba(244,67,54,.3)}.order-success-page,.payment-failed-page{background-color:var(--color-background-light);min-height:100vh;padding:var(--spacing-xl) 0;display:flex;align-items:center}.success-content,.failure-content{text-align:center;background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:600px;margin:0 auto}.success-icon,.failure-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.success-content h1,.failure-content h1{color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.order-details{background-color:var(--color-background-light);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-xl) 0;text-align:left}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.detail-row:last-child{border-bottom:none}.next-steps{text-align:left;margin:var(--spacing-xl) 0}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-number{background-color:var(--color-primary);color:var(--color-white);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-text{flex:1}.step-text strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.step-text p{color:var(--color-text-secondary);margin:0}.contact-info{background-color:var(--color-background-light);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-xl) 0;text-align:left}.action-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-xl)}.common-issues,.next-steps{text-align:left;margin:var(--spacing-xl) 0}.common-issues ul,.next-steps ul{margin-left:var(--spacing-lg);color:var(--color-text-secondary)}.common-issues li,.next-steps li{margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.order-steps{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.step-content{padding:var(--spacing-xl)}.form-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column;gap:var(--spacing-md)}.action-buttons{flex-direction:column;align-items:center}.success-content,.failure-content{padding:var(--spacing-xl);margin:var(--spacing-md)}}.App{text-align:center}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.book-preview{min-height:100vh;padding:2rem 0}.book-preview-content{max-width:1000px;margin:0 auto;padding:2rem}.book-preview-header{text-align:center;margin-bottom:3rem}.book-preview-header h1{font-family:Fredoka,cursive;font-size:3rem;color:var(--color-text-primary);margin-bottom:1rem}.book-preview-header p{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:0}.book-container{display:flex;justify-content:center;margin-bottom:3rem}.book-page{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem;max-width:600px;width:100%;min-height:500px}.page-number{text-align:center;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem}.page-content{display:flex;flex-direction:column;gap:2rem}.page-image{text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.story-image{max-width:100%;max-height:300px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.image-placeholder{background:var(--color-background-light);border:2px dashed var(--color-primary-light);border-radius:15px;padding:3rem;text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}.image-placeholder.error{border-color:var(--error-color);background:var(--error-light)}.page-text{font-size:1.1rem;line-height:1.6;color:var(--color-text-primary);text-align:left;font-family:Inter,sans-serif}.book-navigation{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem}.page-dots{display:flex;gap:.5rem}.page-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-primary-light);background:transparent;cursor:pointer;transition:all .3s ease}.page-dot.active{background:var(--color-primary);border-color:var(--color-primary)}.page-dot:hover{transform:scale(1.2)}.book-actions{text-align:center}.polling-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem;background:#fffc;border-radius:10px;font-size:.9rem;color:var(--color-text-secondary)}#checkout{max-width:600px;margin:2rem auto;padding:2rem}.container{max-width:800px;margin:2rem auto;padding:2rem;text-align:center}.error-message{color:#d32f2f;font-weight:700;margin:1rem 0}@media (max-width: 768px){.book-preview-header h1{font-size:2rem}.book-page{padding:1.5rem;min-height:450px}.page-content{gap:1.5rem}.book-navigation{flex-direction:column;gap:1rem}.page-dots{order:-1}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%)}.error-content{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center;max-width:600px}.error-content h1{color:var(--color-text-primary);font-family:Fredoka,cursive;margin-bottom:1rem}.error-details{margin:2rem 0;text-align:left}.error-details summary{cursor:pointer;font-weight:700;margin-bottom:1rem}.error-details pre{background:var(--color-background-light);padding:1rem;border-radius:8px;font-size:.8rem;overflow-x:auto;max-height:200px}