:root{--bg-light:linear-gradient(135deg,#e0e5ec,#f5f7fa);--bg-dark:linear-gradient(135deg,#1a1a2e,#16213e);--text-light:#333;--text-dark:#fff;--card-light:#ffffffe6;--card-dark:#ffffff1a;--font:"Bree Serif",serif;--color-primary:#ff6b6b;--gpu-transform:translateZ(0);--animation-timing:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.15}body{font-family:var(--font);background:var(--bg-dark);color:var(--text-dark);min-height:100vh;line-height:1.6}body.light-theme{background:var(--bg-light);color:var(--text-light)}.theme-switch{z-index:1000;position:fixed;top:20px;right:20px}.theme-switch button{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:50px;height:50px;transition:transform .3s var(--animation-timing);will-change:transform;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000001a}.theme-switch button:hover{transform:scale(1.1)var(--gpu-transform)}.day-icon,.night-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex;position:absolute;top:0;left:0}.day-icon svg{color:gold}.night-icon svg{color:silver}.light-theme .day-icon,.dark-theme .night-icon{opacity:0}.light-theme .night-icon,.dark-theme .day-icon{opacity:1}.social-links,.footer-social-links{text-align:center;padding:20px}.hero{text-align:center;z-index:1;padding:2rem 1rem 1rem;position:relative}.hero h1{margin-bottom:.5rem;font-size:2.5rem}.tagline{opacity:.8;margin-bottom:1rem;font-size:1.2rem}.hero-description{opacity:.9;max-width:550px;margin:0 auto;font-size:1rem}.container,.story-settings,.story-container{z-index:1;max-width:700px;margin:0 auto;padding:1rem;position:relative}.setting-section{margin-bottom:2.5rem;position:relative}.setting-section h2{text-align:center;margin-bottom:.5rem;font-size:1.2rem}.swiper{width:100%;height:180px;padding:1rem .5rem;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%)}.swiper-slide{transition:opacity .3s var(--animation-timing);opacity:.5;will-change:transform,opacity}.swiper-slide-active{opacity:1}.choice-card{background:var(--card-dark);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:120px;padding:1rem;display:flex;position:relative}.choice-card span{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;overflow-x:auto}.choice-card span::-webkit-scrollbar{display:none}.choice-card:after,.choice-card.selected:after,.choice-card.selected,.selection-check,.selection-status,[class*=selection-indicator],.setting-section h2:after,.setting-section h2 span[class*=check]{display:none!important}.light-theme .choice-card{background:var(--card-light)}.swiper-slide-active .choice-card{opacity:1}.emoji{justify-content:center;align-items:center;margin-bottom:.5rem;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,Bree Serif,serif;font-size:2rem;display:flex}.emoji svg{width:50px;height:50px;transition:transform .3s,filter .3s}.emoji img{border-radius:4px;width:40px;height:auto}.time-swiper .choice-card .emoji svg{color:#2196f3}.place-swiper .choice-card .emoji svg{color:#4caf50}.character-swiper .choice-card .emoji svg{color:#9c27b0}.mood-swiper .choice-card .emoji svg{color:#ff9800}.language-swiper .choice-card .emoji img{border:2px solid #ffc107}.swiper-slide-active .choice-card .emoji svg{filter:brightness(1.3)drop-shadow(0 0 15px);animation:1s ease-in-out enhancedBounce}.swiper-slide-active .choice-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff4d;box-shadow:0 0 10px #ffffff0d}@keyframes enhancedBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.swiper-pagination-bullet{opacity:.5;background:currentColor}.swiper-pagination-bullet-active{opacity:1}.generate-button{color:#fff;cursor:pointer;width:280px;max-width:300px;font-size:1.1rem;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,var(--color-primary)0%,#ff5252 50%,#ff3838 100%);transition:all .3s var(--animation-timing);border:none;border-radius:12px;margin:0 auto;padding:1rem;display:block;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff6b6b4d}.generate-button:before{content:"";width:100%;height:100%;transition:left .5s var(--animation-timing);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.generate-button:hover{transform:translateY(-2px)var(--gpu-transform);box-shadow:0 8px 25px #ff6b6b66}.generate-button:hover:before{left:100%}.generate-button:active{transform:translateY(0)var(--gpu-transform);box-shadow:0 2px 10px #ff6b6b4d}.generate-button.cooldown{background:linear-gradient(135deg,#666 0%,#888 50%,#999 100%);box-shadow:0 4px 15px #0003}.generate-button.cooldown .cooldown-icon{filter:drop-shadow(0 0 3px #ffd7004d);animation:3s linear infinite hourglassRotate;display:inline-block}.generate-button.cooldown .cooldown-time{color:gold;opacity:.9;font-weight:400;animation:2s ease-in-out infinite countdownPulse;display:inline-block}.share-btn{color:#fff;cursor:pointer;width:50px;height:50px;font-size:1.1rem;font-weight:700;font-family:var(--font);transition:all .3s var(--animation-timing);border:none;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;display:flex}.share-btn.copy{background:#2ecc71}.share-btn.twitter{background:#000}.share-btn.facebook{background:#4267b2}.share-btn.copy.copy-success{animation:.3s ease-in-out copySuccess;background:#27ae60!important}@keyframes copySuccess{0%{transform:scale(1)var(--gpu-transform)}50%{transform:scale(1.1)var(--gpu-transform)}to{transform:scale(1)var(--gpu-transform)}}.share-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.share-icon svg{width:24px;height:24px}.share-btn.copy .share-icon svg{color:#4caf50}.share-btn.twitter .share-icon svg{color:#1da1f2}.share-btn.facebook .share-icon svg{color:#1877f2}.share-btn.copy-success .share-icon svg{color:#ff9800;animation:.6s copySuccess}.story-container{background:#ffffff0d;border-radius:12px;margin-top:2rem;padding:1.5rem;display:none}.story-container.show{display:block}.story-header h3{text-align:center;margin-bottom:1rem;font-size:1.5rem}#story-text{white-space:pre-wrap;margin-bottom:2rem;font-size:1.2rem;line-height:1.8}.story-paragraph{transition:opacity .5s var(--animation-timing);background:#ffffff0d;border-radius:15px;margin-bottom:1rem;padding:1rem}.share-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;padding:0 15px;display:flex}footer{text-align:center;margin-top:2rem;padding:1.5rem 1rem}.patreon-link{color:#fff;transition:all .3s var(--animation-timing);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.patreon-link:before{content:"";width:100%;height:100%;transition:left .5s var(--animation-timing);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.patreon-link:hover{transform:translateY(-2px)var(--gpu-transform);color:#fff;text-decoration:none;box-shadow:0 8px 25px #667eea66}.patreon-link:hover:before{left:100%}.patreon-link:active{transform:translateY(0)var(--gpu-transform);box-shadow:0 2px 10px #667eea4d}.age-slider-container{background:#ffffff0d;border-radius:12px;max-width:400px;margin:0 auto;padding:1.5rem}.age-slider{appearance:none;background:#fff3;border-radius:10px;outline:none;width:100%;height:20px;margin:1rem 0}.age-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:30px;height:30px;transition:transform .3s var(--animation-timing);will-change:transform;border-radius:50%;box-shadow:0 0 10px #ff6b6b80}.age-slider::-webkit-slider-thumb:hover{transform:scale(1.1)var(--gpu-transform)}.age-labels{justify-content:space-between;margin-bottom:.5rem;font-weight:500;display:flex}.age-description{text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:1.2rem;font-weight:600;display:flex}.age-emoji{justify-content:center;align-items:center;font-size:1.5rem;display:flex}.age-emoji svg:first-child{color:#ff6b6b}.age-emoji svg:nth-child(2){color:#4ecdc4}.age-emoji svg:nth-child(3){color:#45b7d1}.age-emoji svg:nth-child(4){color:#ffa07a}.loading-animation{text-align:center;background:#ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.5rem;display:none}.loading-animation.visible{display:block}.loading-text{margin-bottom:1rem;font-size:1.2rem}.loading-dots{justify-content:center;gap:8px;display:flex}.loading-dot{background:var(--color-primary);width:12px;height:12px;animation:loadingDot 1.5s infinite var(--animation-timing);will-change:transform,opacity;border-radius:50%}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.loading-messages{opacity:.8;margin-top:1rem;font-style:italic}.firefly{pointer-events:none;z-index:-1;position:fixed;inset:0}.firefly-glow{--tx:0px;--ty:0px;--duration:8s;--delay:0s;width:4px;height:4px;animation:firefly 8s ease-in-out infinite var(--delay);will-change:transform,opacity;background:#ffff96cc;border-radius:50%;position:absolute}.light-theme .firefly-glow{background:#ffdf9699}.typing-cursor{vertical-align:middle;will-change:opacity;background-color:currentColor;width:2px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.story-content{display:none}.loading-sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkle{width:20px;height:20px;animation:sparkle 2s infinite var(--animation-timing);opacity:0;will-change:transform,opacity;position:absolute}@keyframes firefly{0%,to{transform:translate(0,0)var(--gpu-transform);opacity:0}10%,90%{opacity:.8}50%{transform:translate(var(--tx),var(--ty))var(--gpu-transform);opacity:1}}@keyframes loadingDot{0%,to{transform:scale(1)var(--gpu-transform);opacity:1}50%{transform:scale(1.5)var(--gpu-transform);opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes sparkle{0%{transform:translate(0,0)rotate(0deg)scale(0)var(--gpu-transform);opacity:0}25%{opacity:1}to{transform:translate(var(--tx,100px),var(--ty,-100px))rotate(180deg)scale(1)var(--gpu-transform);opacity:0}}@keyframes hourglassRotate{0%{transform:rotate(0deg)var(--gpu-transform)}to{transform:rotate(360deg)var(--gpu-transform)}}@keyframes countdownPulse{0%,to{transform:scale(1)var(--gpu-transform)}50%{transform:scale(1.05)var(--gpu-transform)}}.bg-gradient{background:var(--bg-dark);z-index:-2;position:fixed;inset:0}.light-theme .bg-gradient{background:var(--bg-light)}.stars{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){.hero h1{font-size:2.2rem}.tagline{font-size:1.3rem}.hero-description{max-width:500px;margin:0 15px;padding:1rem}.social-links{padding:15px;position:static}.swiper{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.share-buttons{gap:.5rem;padding:0 10px}.share-btn{width:50px;height:50px;padding:.75rem}.container{padding:1rem}.swiper-button-next,.swiper-button-prev{display:none}.setting-section h2{font-size:1.5rem}.choice-card{transform:scale(.9)var(--gpu-transform)}.story-container{margin:2rem 15px;padding:1.5rem}.story-header h3{font-size:1.6rem}#story-text{font-size:1.1rem}.loading-animation{margin:1rem;padding:1.5rem}.loading-text{font-size:1.1rem}.loading-dots{gap:6px}.loading-dot{width:10px;height:10px}}@media print{.theme-switch,.social-links,.share-buttons,.generate-button,.loading-animation,.firefly{display:none!important}body{color:#000!important;background:0 0!important}.story-container{box-shadow:none;margin:0;padding:0}#story-text{font-size:12pt;line-height:1.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}