:root{--bg: #FDF6EC;--bg-gradient: linear-gradient(170deg, #FDF6EC 0%, #FFF0DB 40%, #F9E8F0 100%);--surface: #FFFFFF;--surface-alt: #FFF9F2;--primary: #F97316;--primary-soft: #FB923C;--primary-glow: rgba(249, 115, 22, .18);--secondary: #8B5CF6;--secondary-soft: #A78BFA;--accent-pink: #F9A8D4;--accent-blue: #7DD3FC;--accent-green: #6EE7B7;--accent-yellow: #FDE68A;--text: #1C1917;--text-secondary: #78716C;--text-muted: #A8A29E;--border: #F5F0EB;--border-focus: var(--primary-soft);--error: #EF4444;--error-bg: #FEF2F2;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--shadow-glow: 0 4px 24px var(--primary-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-normal: .3s;--dur-slow: .5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes progress-glow{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow),0 0 40px #f973161a}}.app{max-width:440px;margin:0 auto;padding:0 20px 32px;min-height:100vh;min-height:100dvh;position:relative}.app:before,.app:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);opacity:.35}.app:before{width:280px;height:280px;background:var(--accent-pink);top:-80px;right:-100px;animation:float 12s ease-in-out infinite}.app:after{width:220px;height:220px;background:var(--accent-blue);bottom:60px;left:-80px;animation:float 15s ease-in-out infinite reverse}.app>*{position:relative;z-index:1}.header{text-align:center;padding:24px 0 8px;animation:fadeInUp var(--dur-slow) var(--ease-out)}.header-icon{font-size:48px;line-height:1;margin-bottom:8px;display:block;animation:bob 4s ease-in-out infinite}.header h1{font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.3px;line-height:1.2}.header p{font-size:15px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:24px;margin-bottom:16px;animation:fadeInUp var(--dur-slow) var(--ease-out) both}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.field{margin-bottom:20px}.field:last-child{margin-bottom:0}.field-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.field-icon{font-size:20px;line-height:1}.field-label{font-size:15px;font-weight:700;color:var(--text)}.field-required{color:var(--primary);font-weight:800}.field-hint{font-size:13px;color:var(--text-muted);margin-bottom:8px;line-height:1.4}.input,.textarea{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--r-md);font-family:Nunito,sans-serif;font-size:16px;color:var(--text);background:var(--surface-alt);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast);-webkit-appearance:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-glow);background:var(--surface)}.textarea{resize:none;min-height:88px;line-height:1.5}.char-count{text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.age-grid{display:flex;gap:8px;flex-wrap:wrap}.age-chip{display:flex;align-items:center;justify-content:center;min-width:52px;height:44px;padding:0 14px;border:2px solid var(--border);border-radius:var(--r-full);background:var(--surface-alt);font-family:Nunito,sans-serif;font-size:15px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.age-chip:active{transform:scale(.95)}.age-chip.selected{background:linear-gradient(135deg,var(--primary),var(--primary-soft));border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.quick-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.quick-tag{padding:6px 12px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent}.quick-tag:active{transform:scale(.95)}.quick-tag.active{background:var(--secondary-soft);border-color:var(--secondary);color:#fff}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;border:none;border-radius:var(--r-lg);font-family:Nunito,sans-serif;font-size:17px;font-weight:800;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),#E85D04);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:active{box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-primary:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.btn-secondary{background:var(--surface);color:var(--primary);border:2px solid var(--primary-soft);box-shadow:var(--shadow-sm)}.btn-icon{font-size:20px;line-height:1}.btn-group{margin-top:20px;animation:fadeInUp var(--dur-slow) var(--ease-out) .2s both}.error-banner{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--error-bg);border:1.5px solid #FECACA;border-radius:var(--r-md);margin-bottom:16px;animation:scaleIn var(--dur-normal) var(--ease-spring)}.error-banner-icon{font-size:18px;flex-shrink:0;line-height:1.4}.error-banner-text{font-size:14px;color:var(--error);font-weight:600;line-height:1.4}.gen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;min-height:85dvh;padding:20px 0;text-align:center;animation:fadeIn var(--dur-slow) var(--ease-out)}.gen-orb-wrap{position:relative;width:120px;height:120px;margin-bottom:32px}.gen-orb{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-soft),var(--secondary-soft),var(--accent-pink));background-size:300% 300%;animation:shimmer 4s ease infinite;display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 0 40px var(--primary-glow),0 0 80px #8b5cf61a;animation:progress-glow 2s ease-in-out infinite}.gen-orb-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:3px solid var(--primary-soft);opacity:0;animation:pulse-ring 2s var(--ease-out) infinite}.gen-orb-ring:nth-child(2){animation-delay:.6s}.gen-stages{display:flex;gap:4px;margin-bottom:28px;padding:4px;background:var(--surface);border-radius:var(--r-full);box-shadow:var(--shadow-sm)}.gen-stage{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--dur-normal) var(--ease-spring);position:relative}.gen-stage.done{background:var(--accent-green)}.gen-stage.active{background:linear-gradient(135deg,var(--primary),var(--primary-soft));box-shadow:var(--shadow-glow);animation:scaleIn var(--dur-normal) var(--ease-spring)}.gen-stage.pending{background:var(--border);opacity:.5}.gen-progress{width:100%;max-width:280px;margin-bottom:24px}.gen-progress-track{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.gen-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent-pink));background-size:200% 100%;border-radius:3px;transition:width .8s var(--ease-out);animation:shimmer 2s ease-in-out infinite}.gen-label{font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.gen-sublabel{font-size:14px;color:var(--text-muted);margin-bottom:24px}.gen-tip{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--surface);border-radius:var(--r-full);box-shadow:var(--shadow-sm);font-size:13px;color:var(--text-secondary);font-weight:600;animation:fadeInUp var(--dur-slow) var(--ease-out);max-width:320px}.gen-tip-icon{font-size:16px;flex-shrink:0}.tale{padding-bottom:24px;animation:fadeIn var(--dur-slow)}.tale-cover{text-align:center;padding:12px 0 20px;animation:fadeInUp var(--dur-slow) var(--ease-out)}.tale-cover-icon{font-size:32px;margin-bottom:8px;display:block}.tale-cover h1{font-size:22px;font-weight:800;color:var(--text);line-height:1.3;letter-spacing:-.3px}.tale-book{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:32px;animation:fadeInUp var(--dur-slow) var(--ease-out) both}.tale-img-wrap{position:relative}.tale-img-wrap:before,.tale-img-wrap:after{content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:1}.tale-img-wrap:before{top:0;background:linear-gradient(to bottom,var(--surface),transparent)}.tale-img-wrap:after{bottom:0;background:linear-gradient(to bottom,transparent,var(--surface))}.tale-img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:opacity var(--dur-normal)}.tale-text-card{padding:24px 20px}.tale-text{font-size:18px;line-height:1.7;color:var(--text);font-weight:500}.tale-end{text-align:center;padding:32px 20px;margin-top:12px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:scaleIn var(--dur-slow) var(--ease-spring)}.tale-end-icon{font-size:48px;margin-bottom:12px;display:block}.tale-end h2{font-size:20px;font-weight:800;margin-bottom:4px}.tale-end p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;animation:fadeIn var(--dur-normal)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin-slow .7s linear infinite;margin-bottom:16px}.loading-text{font-size:15px;font-weight:600;color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tale-parent-guide{margin-top:16px;padding:24px 20px;background:linear-gradient(135deg,#fff9f2,#fdf2f8);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1.5px solid #F5E6D3;animation:fadeInUp var(--dur-slow) var(--ease-out)}.tale-parent-guide-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:16px;text-align:center}.tale-discussion{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.tale-discussion-item{display:flex;align-items:flex-start;gap:12px}.tale-discussion-number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--secondary-soft));color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.tale-discussion-item p{font-size:15px;line-height:1.5;color:var(--text);font-weight:500;padding-top:3px}.tale-anchor-suggestion{padding:16px;background:var(--surface);border-radius:var(--r-md);border:1.5px solid var(--accent-yellow)}.tale-anchor-title{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:8px}.tale-anchor-suggestion p{font-size:14px;line-height:1.5;color:var(--text-secondary);font-weight:500}.home{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 0 32px;min-height:85vh;min-height:85dvh;justify-content:center;animation:fadeInUp var(--dur-slow) var(--ease-out)}.home-icon{font-size:64px;line-height:1;margin-bottom:16px;animation:bob 4s ease-in-out infinite}.home-title{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:8px}.home-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;max-width:320px}.home-card{width:100%;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:16px 20px;margin-bottom:32px;animation:fadeInUp var(--dur-slow) var(--ease-out) 80ms both}.home-feature{display:flex;align-items:center;gap:12px;padding:10px 0}.home-feature+.home-feature{border-top:1px solid var(--border)}.home-feature-icon{font-size:22px;line-height:1;flex-shrink:0}.home-feature-text{font-size:15px;font-weight:600;color:var(--text);text-align:left}.home-actions{width:100%;animation:fadeInUp var(--dur-slow) var(--ease-out) .16s both}.home-hint{margin-top:20px;font-size:14px;font-weight:700;color:var(--primary);animation:fadeIn var(--dur-slow) var(--ease-out) .3s both}.pay-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0 24px;animation:fadeInUp var(--dur-slow) var(--ease-out)}.pay-icon{font-size:56px;line-height:1;margin-bottom:16px;animation:bob 4s ease-in-out infinite}.pay-title{font-size:26px;font-weight:800;color:var(--text);margin-bottom:8px}.pay-subtitle{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;max-width:340px}.pay-card{width:100%;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:20px 24px;margin-bottom:24px;animation:fadeInUp var(--dur-slow) var(--ease-out) 80ms both}.pay-card-row{display:flex;align-items:center;gap:12px;padding:10px 0}.pay-card-row+.pay-card-row{border-top:1px solid var(--border)}.pay-card-icon{font-size:22px;line-height:1;flex-shrink:0}.pay-card-label{font-size:15px;font-weight:600;color:var(--text);text-align:left}.pay-price-block{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding-top:20px;border-top:2px dashed var(--border)}.pay-price{font-size:36px;font-weight:800;color:var(--primary);line-height:1}.pay-price-hint{font-size:14px;color:var(--text-muted);margin-top:4px;font-weight:600}.pay-screen .btn{animation:fadeInUp var(--dur-slow) var(--ease-out) .16s both}.pay-legal{margin-top:16px;font-size:12px;color:var(--text-muted);line-height:1.5;animation:fadeIn var(--dur-slow) var(--ease-out) .24s both}.pay-legal a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.pay-card-form{margin-top:20px;padding-top:20px;border-top:2px dashed var(--border);text-align:left}.pay-card-form .input{margin-top:0}.pay-nav-link{margin-top:24px;font-size:15px;font-weight:700;color:var(--primary);cursor:pointer;transition:opacity var(--dur-fast);animation:fadeIn var(--dur-slow) var(--ease-out) .3s both}.pay-nav-link:active{opacity:.6}.tales-list{display:flex;flex-direction:column;gap:12px;animation:fadeInUp var(--dur-slow) var(--ease-out)}.tale-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;animation:fadeInUp var(--dur-slow) var(--ease-out) both}.tale-card:nth-child(2){animation-delay:40ms}.tale-card:nth-child(3){animation-delay:80ms}.tale-card:nth-child(4){animation-delay:.12s}.tale-card:nth-child(5){animation-delay:.16s}.tale-card:active{transform:scale(.98)}.tale-card-cover{width:72px;height:72px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;background:var(--border)}.tale-card-cover-placeholder{width:72px;height:72px;border-radius:var(--r-sm);flex-shrink:0;background:linear-gradient(135deg,var(--accent-pink),var(--accent-blue));display:flex;align-items:center;justify-content:center;font-size:28px}.tale-card-body{flex:1;min-width:0;position:relative}.tale-card-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tale-card-meta{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:600}.tale-card-badge{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-soft));color:#fff}.tales-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;animation:fadeInUp var(--dur-slow) var(--ease-out)}.tales-empty-icon{font-size:64px;margin-bottom:16px;animation:bob 4s ease-in-out infinite}.tales-empty h2{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.tales-empty p{font-size:15px;color:var(--text-secondary);margin-bottom:24px;max-width:280px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-16{margin-bottom:16px}