.login-module{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;opacity:1;overflow:hidden;padding:2rem;position:fixed;right:0;top:0;transform:translateY(0);transition:all .3s ease;z-index:2000}.login-module.fade-out{opacity:0;transform:translateY(-20px)}.login-container{background:#0000;border:none;border-radius:20px;box-shadow:none;max-width:400px;padding:3rem;text-align:center;width:100%}.login-header{margin-bottom:2rem}.login-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.login-header p{color:#fffc;font-size:1rem;margin:0}.login-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.login-btn{align-items:center;background:#0000;border:none;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease;width:100%}.login-btn.primary{background:linear-gradient(135deg,gold,#ffed4e);border:none;box-shadow:0 4px 15px #ffd7004d;color:#333}.login-btn.primary:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 8px 25px #ffd70080;transform:translateY(-2px)}.login-btn.secondary{background:linear-gradient(135deg,#ffb347,#ffcc5c);border:none;box-shadow:0 4px 15px #ffb3474d;color:#333}.login-btn.secondary:hover{background:linear-gradient(135deg,#ffcc5c,#ffb347);box-shadow:0 8px 25px #ffb34780;transform:translateY(-2px)}.login-divider{margin:1.5rem 0;position:relative;text-align:center}.login-divider:before{background:#ffffff4d;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fffc;font-size:.9rem;padding:0 1rem}.login-footer{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.login-footer p{color:#fff9;font-size:.8rem;line-height:1.4;margin:0}.login-back-button{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.login-back-button:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.login-back-button:active{transform:translateY(0)}@media (max-width:768px){.login-container{margin:1rem;padding:2rem}.login-header h2{font-size:1.75rem}.login-btn{font-size:.9rem;padding:.75rem 1.25rem}}.login-module-container{align-items:center;background:#00000080;bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;min-height:100vh;padding:20px;position:fixed;right:0;top:0;z-index:1000}.login-module-card{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;padding:40px;position:relative;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-module-header{margin-bottom:30px}.login-module-header h2{color:#333;font-size:28px;font-weight:700;margin:0 0 10px}.login-module-header p{color:#666;font-size:16px;line-height:1.5;margin:0}.login-module-methods{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.login-method-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.login-method-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.login-method-button:active{transform:translateY(0)}.login-method-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.login-method-button.facebook{background:#1877f2;color:#fff}.login-method-button.facebook:hover{background:#166fe5;box-shadow:0 8px 20px #1877f24d}.login-module-cancel-button{background:#0000;border:1px solid #ddd;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:12px 24px;transition:all .3s ease;width:100%}.login-module-cancel-button:hover{background:#f5f5f5;border-color:#ccc}.login-module-cancel-button:disabled{cursor:not-allowed;opacity:.5}.login-module-loading{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:20px}.login-module-spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:30px;width:30px}.login-module-loading p{color:#666;font-size:14px;margin:0}.login-facebook-header{margin-bottom:30px}.login-facebook-logo{margin-bottom:20px}.login-facebook-header h2{color:#333;font-size:24px;font-weight:700;margin:0 0 10px}.login-facebook-header p{color:#666;font-size:16px;line-height:1.5;margin:0}.login-facebook-actions{display:flex;flex-direction:column;gap:15px}.login-facebook-login-button{align-items:center;background:#1877f2;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.login-facebook-login-button:hover{background:#166fe5;box-shadow:0 8px 20px #1877f24d;transform:translateY(-2px)}.login-facebook-login-button:active{transform:translateY(0)}.login-facebook-login-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.login-facebook-cancel-button{background:#0000;border:1px solid #ddd;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:12px 24px;transition:all .3s ease}.login-facebook-cancel-button:hover{background:#f5f5f5;border-color:#ccc}.login-facebook-cancel-button:disabled{cursor:not-allowed;opacity:.5}.login-facebook-user-info{align-items:center;display:flex;flex-direction:column;gap:20px}.login-facebook-user-avatar{border:4px solid #1877f2;border-radius:50%;height:80px;object-fit:cover;width:80px}.login-facebook-user-details{text-align:center}.login-facebook-user-details h3{color:#333;font-size:20px;font-weight:600;margin:0 0 5px}.login-facebook-user-details p{color:#666;font-size:14px;margin:0}.login-facebook-continue-button{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.login-facebook-continue-button:hover{background:#45a049;box-shadow:0 8px 20px #4caf504d;transform:translateY(-2px)}.login-facebook-logout-button{background:#0000;border:1px solid #ddd;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.login-facebook-logout-button:hover{background:#f5f5f5;border-color:#ccc}.login-facebook-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.loading-spinner{align-items:center;color:#666;display:flex;font-size:16px;height:200px;justify-content:center}@media (max-width:480px){.login-module-container{padding:10px}.login-module-card{padding:30px 20px}.login-module-header h2{font-size:24px}.login-method-button{font-size:15px;padding:14px 20px}}.beanstalk-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;position:relative;width:100%;z-index:10}.beanstalk-image{bottom:0;height:100%;left:50%;max-height:100%;object-fit:contain;object-position:bottom center;position:absolute;transform:translateX(-50%);width:auto;z-index:1}.lunori-images-wrapper{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10% 0;position:relative;width:100%;z-index:2}.lunori-image-side{cursor:pointer;flex-shrink:0;height:auto;max-height:200px;max-width:200px;object-fit:contain;position:relative;transition:transform .3s ease,filter .3s ease;width:auto;z-index:3}.lunori-image-top-left{animation:float1 3s ease-in-out infinite;animation-delay:0s;bottom:50%;margin-right:0;position:absolute;right:calc(50% - 170px)}.lunori-image-middle-right{animation:float2 3.5s ease-in-out infinite;animation-delay:.5s;bottom:35%;left:calc(50% - 170px);margin-left:0;position:absolute}.lunori-image-bottom-left{animation:float3 3.2s ease-in-out infinite;animation-delay:1s;bottom:20%;margin-right:0;position:absolute;right:calc(50% - 170px)}.lunori-image-bottom-left:hover,.lunori-image-middle-right:hover,.lunori-image-top-left:hover{animation-play-state:paused;transform:translateY(-10px) scale(1.05)}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.jrpg-chat-bubble{bottom:420px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .5s ease-in-out;width:400px;z-index:15}.jrpg-chat-bubble.fade-in{animation:fadeInChat .5s ease-in-out forwards}@keyframes fadeInChat{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.jrpg-chat-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid #ecf0f1;border-radius:15px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #fff3;padding:20px;position:relative}.jrpg-character-name{color:#f39c12;font-family:Arial,sans-serif;font-size:20px;font-weight:700;margin-bottom:12px;text-shadow:1px 1px 2px #00000080}.jrpg-text-content{color:#ecf0f1;font-family:Arial,sans-serif;font-size:18px;line-height:1.6;white-space:pre-line}@media (max-width:768px){.lunori-image-side{max-height:150px;max-width:180px}.lunori-image-top-left{margin-right:0;right:calc(50% - 90px);top:10%}.lunori-image-middle-right{left:calc(50% - 90px);margin-left:0;top:25%}.lunori-image-bottom-left{margin-right:0;right:calc(50% - 90px);top:45%}}@media (max-width:480px){.lunori-image-side{max-height:200px;max-width:200px}.lunori-image-top-left{margin-right:0;right:calc(50% - 160px);top:10%}.lunori-image-middle-right{left:calc(50% - 160px);margin-left:0;top:25%}.lunori-image-bottom-left{margin-right:0;right:calc(50% - 160px);top:45%}}@media (max-width:768px){.jrpg-chat-bubble{bottom:320px!important;left:0!important;right:0!important;transform:none!important;width:100%!important}.jrpg-chat-content{padding:15px}.jrpg-character-name,.jrpg-text-content{font-size:18px}}@media (max-width:480px){.jrpg-chat-bubble{bottom:270px!important}.jrpg-chat-content{padding:12px}.jrpg-character-name,.jrpg-text-content{font-size:18px}}.splash-screen{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center;overflow:hidden;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.bottom-clouds{bottom:0;height:auto;left:0;object-fit:cover;position:absolute;width:100%;z-index:5}@media (max-width:768px){.bottom-clouds{bottom:0;max-height:25vh;max-height:calc(var(--vh, 1vh)*25);min-height:15vh;min-height:calc(var(--vh, 1vh)*15);object-position:bottom center}}@media (max-width:480px){.bottom-clouds{max-height:30vh;max-height:calc(var(--vh, 1vh)*30);min-height:20vh;min-height:calc(var(--vh, 1vh)*20)}}.starry-background{overflow:hidden}.shooting-star{animation:shoot 4s linear infinite;background:linear-gradient(90deg,#fff,#0000);border-radius:50%;height:2px;position:absolute;width:2px;z-index:1}@keyframes shoot{0%{opacity:1;transform:translateX(-100px) translateY(0) rotate(45deg)}to{opacity:0;transform:translateX(calc(100vw + 100px)) translateY(calc(100vh + 100px)) rotate(45deg)}}.splash-content{left:50%;opacity:0;position:absolute;text-align:center;top:60%;transform:translateY(20px);transform:translate(-50%,-50%);transition:all 1s ease-in-out;z-index:15}.splash-content.message-visible{opacity:1;transform:translate(-50%,-50%)}.splash-content.message-moved{transform:translateY(-50px)}.splash-content.message-fade-out{opacity:0;transform:translateY(-100px)}.splash-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:15px;color:#fff;font-size:3rem;font-weight:700;margin:0;padding:20px;text-shadow:2px 2px 4px #00000080}.start-here-container{align-items:center;bottom:100px;display:flex;flex-direction:column;gap:10px;position:fixed;right:100px;z-index:1002}.start-here-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.start-here-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.start-here-button:active{transform:translateY(0)}.start-here-arrow{animation:arrowBounce 2s ease-in-out infinite;border-left:15px solid #0000;border-right:15px solid #0000;border-top:20px solid #667eea;height:0;width:0}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.start-here-container{bottom:80px;right:20px}.start-here-button{font-size:14px;padding:10px 20px}.start-here-arrow{border-left:12px solid #0000;border-right:12px solid #0000;border-top:16px solid #667eea}}.cogwheel-bounce{animation:cogwheelBounce 1s ease-in-out}@keyframes cogwheelBounce{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-15px) scale(1.1)}40%{transform:translateY(-8px) scale(1.05)}60%{transform:translateY(-12px) scale(1.08)}80%{transform:translateY(-4px) scale(1.02)}}.splash-screen.touching{cursor:pointer}.splash-screen.holding{animation:holdPulse .8s ease-in-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}@keyframes holdPulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.magic-book{animation:magicBookPulse 2s ease-in-out infinite;bottom:100px;filter:drop-shadow(0 0 15px rgba(255,237,78,.6)) drop-shadow(0 0 30px rgba(255,237,78,.4));height:auto;left:50%;max-height:200px;max-width:200px;object-fit:contain;position:absolute;transform:translateX(-50%);transition:transform .3s ease,filter .3s ease;width:auto;z-index:100}.magic-book:hover{animation-play-state:paused;filter:drop-shadow(0 0 20px rgba(255,237,78,.8)) drop-shadow(0 0 40px rgba(255,237,78,.6));transform:translateX(-50%) scale(1.1)}.magic-book:active{transform:translateX(-50%) scale(.95)}@keyframes magicBookPulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,237,78,.6)) drop-shadow(0 0 30px rgba(255,237,78,.4));transform:translateX(-50%) scale(1)}50%{filter:drop-shadow(0 0 25px rgba(255,237,78,.8)) drop-shadow(0 0 50px rgba(255,237,78,.6));transform:translateX(-50%) scale(1.08)}}@media (max-width:768px){.magic-book{bottom:90px;max-height:180px;max-width:180px}}@media (max-width:480px){.magic-book{bottom:80px;max-height:200px;max-width:200px}}.tutorial-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none;background:#0000;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;touch-action:manipulation;transition:opacity .5s ease-out;-webkit-user-select:none;user-select:none;z-index:2000}.tutorial-container.fade-out{opacity:0;pointer-events:none}.gold-coins-container{display:flex;gap:15px;left:50%;position:fixed;top:30px;transform:translateX(-50%);z-index:2001}.gold-coin{background:radial-gradient(circle at 30% 30%,gold,#ffb347);border:3px solid #daa520;border-radius:50%;box-shadow:0 0 15px #ffd7004d,inset 0 0 15px #fff3;cursor:pointer;height:40px;opacity:.4;position:relative;transition:all .3s ease;width:40px}.gold-coin:before{background:radial-gradient(circle at 30% 30%,#fff8dc,gold);border:2px solid #daa520;border-radius:50%;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.gold-coin:hover{opacity:.8;transform:scale(1.05)}.gold-coin.active{animation:coinGlow 2s ease-in-out infinite alternate;box-shadow:0 0 15px #ffd70099,inset 0 0 15px #ffffff4d;opacity:1;transform:scale(1.1)}@keyframes coinGlow{0%{box-shadow:0 0 15px #ffd70099,inset 0 0 15px #ffffff4d}to{box-shadow:0 0 20px #ffd700cc,inset 0 0 20px #fff6}}.tutorial-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2001}.tutorial-close-btn:hover{background:#fff3;transform:scale(1.1)}.tutorial-step-1,.tutorial-step-2{align-items:flex-start;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:120px 2rem 2rem;position:absolute;right:0;top:0}.tutorial-content{max-width:800px;text-align:center;width:100%}.tutorial-title{animation:titleFadeIn 1s ease-out;color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 2rem;text-shadow:0 2px 4px #0000004d}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tablet-image-container{animation:tabletFadeIn 1s ease-out .5s both;margin-top:2rem}@keyframes tabletFadeIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tablet-image{border-radius:20px;box-shadow:0 20px 40px #0000004d;height:auto;max-width:400px;width:100%}.payment-cards-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:flex-start;cursor:grab;display:flex;flex-wrap:nowrap;gap:2rem;justify-content:center;margin-top:40px;overflow-x:auto;padding:1rem;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.payment-cards-container:active{cursor:grabbing}.payment-cards-container.scrollable,.payment-cards-container.scrollable:hover{cursor:grab}.payment-cards-container.dragging{cursor:grabbing!important;scroll-behavior:auto}.payment-cards-container::-webkit-scrollbar{display:none}.payment-card{animation:cardFadeIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex:0 0 320px;max-width:320px;min-width:320px;padding:2rem;scroll-snap-align:start;transition:all .3s ease}.payment-card:hover{border-color:#fff6;box-shadow:0 20px 40px #0000004d;transform:none}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-card-header{margin-bottom:1.5rem;text-align:center}.payment-card-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.payment-card-price{align-items:center;display:flex;flex-direction:column;gap:.25rem}.price-amount{color:gold;font-size:2rem;font-weight:700}.price-period{color:#ffffffb3;font-size:.9rem}.payment-card-features{margin-bottom:2rem}.payment-card-features ul{list-style:none;margin:0;padding:0}.payment-card-features li{border-bottom:1px solid #ffffff1a;color:#ffffffe6;line-height:1.4;padding:.6rem 0 .6rem 2rem;position:relative}.payment-card-features li:before{color:gold;content:"✓";font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}.payment-card-features li:last-child{border-bottom:none}.payment-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;width:100%}.free-btn{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 15px #ffd7004d;color:#333}.free-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 8px 25px #ffd70080;transform:translateY(-2px)}.premium-btn{background:linear-gradient(135deg,#ffb347,#ffcc5c);box-shadow:0 4px 15px #ffb3474d;color:#333}.premium-btn:hover{background:linear-gradient(135deg,#ffcc5c,#ffb347);box-shadow:0 8px 25px #ffb34780;transform:translateY(-2px)}.premium-plus-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.premium-plus-btn:hover{background:linear-gradient(135deg,#ff8e8e,#ff6b6b);box-shadow:0 8px 25px #ff6b6b80;transform:translateY(-2px)}.annual-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px #4ecdc44d;color:#fff}.annual-btn:hover{background:linear-gradient(135deg,#44a08d,#4ecdc4);box-shadow:0 8px 25px #4ecdc480;transform:translateY(-2px)}.payment-cards-container.scrollable{justify-content:flex-start;min-width:-webkit-max-content;min-width:max-content}@media (max-width:768px){.payment-cards-container.scrollable{justify-content:flex-start;min-width:auto}.tutorial-title{font-size:2rem}.gold-coins-container{gap:15px;top:30px}.gold-coin{height:35px;width:35px}.payment-cards-container{align-items:center;cursor:default;flex-direction:column;gap:1.5rem;justify-content:flex-start;max-height:60vh;overflow-x:hidden;overflow-y:auto;padding:1rem .5rem;touch-action:pan-y}.payment-card{flex:none;max-width:280px;min-width:280px;padding:1.5rem}.payment-card-title{font-size:1.3rem}.price-amount{font-size:1.8rem}.tablet-image{max-width:300px}.payment-card-features li{font-size:.95rem;line-height:1.4;padding:.6rem 0 .6rem 2rem}}@media (max-width:480px){.payment-cards-container{align-items:center;cursor:default;flex-direction:column;gap:1rem;justify-content:flex-start;max-height:65vh;overflow-x:hidden;overflow-y:auto;padding:1rem .25rem;touch-action:pan-y}.payment-card{flex:none;max-width:260px;min-width:260px;padding:1.25rem}.payment-card-title{font-size:1.2rem}.price-amount{font-size:1.6rem}.payment-card-features li{font-size:.95rem;line-height:1.4;padding:.6rem 0 .6rem 2rem}}.management-module{align-items:flex-start;background:#0000;box-sizing:border-box;display:flex;height:100%;justify-content:center;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateY(20px);transition:all .5s ease;width:100%;z-index:10}.management-module.visible{opacity:1;transform:translateY(0)}.management-container{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;padding:3rem .5rem;text-align:center;width:100%}.management-header{margin-bottom:2rem}.welcome-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.welcome-container p{color:#fffc;flex:1 1;font-size:1.2rem;margin:0}.user-profile-pic{animation:fadeInProfile .5s ease-in-out;flex-shrink:0}.profile-image{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0003;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.profile-image:hover{border-color:#fff6;box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}@keyframes fadeInProfile{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.management-header h1{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.management-header p{color:#fffc;font-size:1.2rem;margin:0}.management-content{flex:1 1;margin-top:2rem;min-height:0;min-width:100%;overflow-y:auto}.management-content,.usercreation-container{display:flex;flex-direction:column;width:100%}.usercreation-container{align-items:stretch;flex:1 1;padding-top:1rem}.questionnaire-back-button{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fffc;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin:0 auto 1rem;padding:.5rem 1.5rem;position:relative;transition:all .3s ease;z-index:10}.questionnaire-back-button:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.questionnaire-back-button:active{transform:translateY(0)}.usercreation-header{margin-bottom:2rem;text-align:left;width:100%}.usercreation-header h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.finish-container{display:flex;justify-content:center;margin-top:3rem;padding:2rem 0}.finish-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;box-shadow:0 4px 15px #ffd7004d;color:#333;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.finish-button:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.finish-button:active{transform:translateY(0)}.completion-message{align-items:center;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.completion-message h2{color:gold;font-size:2rem;font-weight:600;margin-bottom:1rem}.completion-message p{color:#fffc;font-size:1.1rem;line-height:1.6;max-width:500px}.management-placeholder{color:#fffc;font-style:italic;padding:2rem;text-align:center}.avatar-selection-container{animation:fadeInUp .5s ease-out;margin-top:2rem;padding:0;width:100%}.placeholder-content{background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:10px;margin-top:2rem;padding:2rem}.placeholder-content p{color:#fffc;font-size:1.1rem;font-style:italic;margin:0}.avatar-section{margin-top:2rem}.avatar-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.chat-interface{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-bottom:2rem;min-width:100%;padding:0 .5rem;width:100%}.chat-message{align-items:flex-start;display:flex;gap:.5rem}.chat-message.user-message{justify-content:flex-end;margin-left:auto}.message-text{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;box-shadow:0 1px 2px #0000001a;max-width:85%;padding:1rem 1.5rem}.message-text h2{color:#fff;font-size:1.4rem;font-weight:500;margin:0;text-align:left}.message-avatar{align-items:center;animation:slideInLeft .3s ease-out;display:flex;justify-content:center}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.message-avatar img{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:50px;object-fit:contain;padding:.5rem;width:50px}.avatars-container{flex-wrap:wrap;gap:2rem;margin-top:1rem;width:100%}.avatar-icon,.avatars-container{align-items:center;display:flex;justify-content:center}.avatar-icon{cursor:pointer;height:80px;transition:all .3s ease;width:80px}.avatar-icon img{height:100%;object-fit:contain;transition:all .3s ease;width:100%}.avatar-icon:hover{transform:scale(1.1)}.avatar-icon.selected{cursor:default;transform:scale(1.2)}.avatar-icon.faded{opacity:.3;pointer-events:none;transform:scale(.8);transition:all .5s ease}.avatars-container.avatar-selected{opacity:.7;transition:opacity .3s ease}.progress-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-bottom:2rem;padding:1rem;text-align:center}.progress-indicator span{color:#fffc;font-size:1rem;font-weight:500}.age-range-container,.child-name-container{animation:fadeInUp .5s ease-out;margin-top:2rem;padding:0;width:100%}.child-name-input-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:0 1rem}.input-wrapper{align-items:center;display:flex;gap:.5rem;max-width:400px;width:100%}.child-name-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;flex:1 1;font-size:1.1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.child-name-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70033}.child-name-input::placeholder{color:#fff9}.submit-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:50%;box-shadow:0 4px 15px #ffd7004d;color:#333;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 6px 20px #ffd70066;transform:scale(1.05)}.submit-button:disabled{background:#ffffff4d;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.info-icon,.info-icon-container{display:flex;justify-content:center}.info-icon{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:help;font-size:14px;height:20px;position:relative;transition:all .3s ease;width:20px}.info-icon:hover{background:#fff3;color:#fff}.info-icon:hover:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:6px;color:#fff;content:attr(title);font-size:.875rem;margin-bottom:.5rem;padding:.5rem .75rem;white-space:nowrap;z-index:1000}.info-icon:hover:after,.info-icon:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}.info-icon:hover:before{border:5px solid #0000;border-top-color:#000000e6;content:"";margin-bottom:-.5rem}.age-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.age-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid gold;border-radius:10px;color:gold;cursor:pointer;font-size:1.1rem;font-weight:500;min-width:120px;padding:1rem 2rem;transition:all .3s ease}.age-option:hover{background:gold;box-shadow:0 5px 15px #ffd7004d;color:#333;transform:translateY(-2px)}.other-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid gold;border-radius:10px;color:gold;font-family:inherit;font-size:1.1rem;font-weight:500;margin-top:.5rem;max-width:300px;min-width:120px;outline:none;padding:1rem 2rem;width:100%}.other-input::placeholder{color:#ffed4e99}.other-input:focus{background:#ffffff26;border-color:#ffed4e;box-shadow:0 0 10px #ffd7004d}.unknown-component{color:#fffc;font-style:italic;padding:2rem;text-align:center}.chat-message.user-message .message-text.user-response{background:linear-gradient(135deg,gold,#ffed4e);border-radius:18px;box-shadow:0 1px 2px #0000001a;color:#333;font-size:1rem;font-weight:500;margin:0;max-width:-webkit-fit-content;max-width:fit-content;min-width:120px;padding:1rem 1.5rem}.tab-navigation{display:flex;gap:0;justify-content:center;margin-bottom:0;padding-top:2px;position:relative}.tab-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -2px 8px #0000001a;color:#fff9;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-1px;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;z-index:1}.tab-button:hover{background:#ffffff1a;box-shadow:0 -4px 12px #00000026;color:#fffc;transform:translateY(-2px)}.tab-button.active{background:#ffffff26;border-color:#ffffff4d;border-bottom:1px solid #fff3;box-shadow:0 -4px 12px #0003;color:#fff;z-index:2}.audience-section{background:#0000;border-radius:0 0 12px 12px;border-top:1px solid #fff3;margin-top:0;padding-top:2rem}.admin-content{color:#fff;padding:2rem;text-align:center}.admin-layout{align-items:flex-start;display:flex;gap:16px}.admin-sidebar{min-width:180px;text-align:left}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav-horizontal{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:2rem}.admin-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#ffffffb3;cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px;transition:all .3s ease}.admin-nav-btn:hover{background:#ffffff1a;color:#ffffffe6}.admin-nav-btn.active{background:#ffffff26;color:#fff}.admin-reset-tutorial-btn{font-size:.85rem;opacity:.7}.admin-reset-tutorial-btn:hover{background:#ffed4e1a;color:#ffed4e;opacity:1}.admin-nav-icon{height:18px;width:18px}.admin-nav-separator{background:#fff3;height:1px;margin:8px 0;width:100%}.admin-main{display:flex;justify-content:center;text-align:center;width:100%}.admin-section-content{margin:0 auto;max-width:800px;width:100%}.pm-actions{display:flex;flex-direction:column;gap:16px;max-width:520px}.pm-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:14px;display:flex;gap:12px;padding:12px 14px}.pm-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:24px;width:24px}.pm-text{flex:1 1;text-align:left}.pm-heading{color:#fff;font-weight:600;margin:0 0 2px}.pm-sub{color:#fffc;font-size:.9rem}.pm-add-btn{background:#0000;border:1px solid #ffd700cc;border-radius:10px;color:gold;cursor:pointer;padding:8px 12px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.pm-add-btn:hover{background:#ffd70026;box-shadow:0 2px 10px #ffd70040}.pm-badge{background:#28a74540;border:1px solid #28a74580;border-radius:999px;color:#8ef0a1;display:inline-block;font-size:.9rem;padding:6px 10px}.admin-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.admin-content p{color:#fffc;font-size:1rem;margin:0}.children-list{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:2.5rem;justify-content:flex-start;width:100%}.child-summary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;box-shadow:0 2px 12px #ffffff1a;display:flex;flex-direction:column;max-width:180px;min-width:140px;padding:1.5rem 2rem 1rem}.child-avatar{margin-bottom:.7rem;position:relative}.child-avatar img:not(.child-edit-cogwheel){background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;height:64px;object-fit:cover;width:64px}.child-edit-cogwheel{background:#0000;border:none;border-radius:0;cursor:pointer;height:17px!important;left:-18px;object-fit:contain;opacity:.8;position:absolute;top:-3px;transition:all .2s ease;width:17px!important;z-index:10}.child-edit-cogwheel:hover{opacity:1;transform:scale(1.1) rotate(15deg)}.child-delete-checkbox{accent-color:gold;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:2px solid #ffffff80!important;border-radius:50%!important;cursor:pointer;flex-shrink:0;height:17px!important;margin:0;max-height:17px!important;max-width:17px!important;min-height:17px!important;min-width:17px!important;padding:0;position:absolute;right:-18px;top:-3px;width:17px!important;z-index:10}.child-delete-checkbox:checked{background:gold!important;border-color:gold!important}.child-delete-checkbox:checked:after{color:#1a1a2e;content:"✓";display:block;font-size:10px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.child-label{margin-top:.2rem;text-align:center}.child-name{color:#fff;font-weight:600;margin-bottom:.2rem}.child-age{color:#fffc;font-size:.95rem;font-weight:400;line-height:1.2}.child-controls{gap:.5rem;margin-top:.8rem}.child-controls,.control-button{display:flex;justify-content:center}.control-button{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:1.2rem;font-weight:700;height:32px;transition:all .3s ease;width:32px}.control-button.checkbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28a74533;border:2px solid #28a745;color:#28a745}.control-button.checkbox:hover{background:#28a7454d;box-shadow:0 4px 12px #28a7454d;transform:scale(1.1)}.control-button.checkbox.active{background:#28a745;border-color:#28a745;box-shadow:0 4px 12px #28a74566;color:#fff}.control-button.x-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc354533;border:2px solid #dc3545;color:#dc3545}.control-button.x-button:hover{background:#dc35454d;box-shadow:0 4px 12px #dc35454d;transform:scale(1.1)}.control-button.x-button.active{background:#dc3545;border-color:#dc3545;box-shadow:0 4px 12px #dc354566;color:#fff}.child-summary.disabled{opacity:.7}.child-summary.disabled .child-name{color:#ffffff80}.child-summary.disabled .child-age{color:#fff6}.add-child-card{align-items:center;background:#ffffff0d;border:2px dashed #ffffff4d;cursor:pointer;display:flex;justify-content:center;min-height:140px;transition:all .3s ease}.add-child-card:hover{background:#ffd7001a;border-color:gold;box-shadow:0 4px 15px #ffd70033;transform:scale(1.02)}.add-child-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;box-shadow:0 4px 12px #ffd7004d;box-sizing:border-box;display:flex;height:64px;justify-content:center;padding:12px;transition:all .3s ease;width:64px}.add-child-button img{filter:brightness(.8) contrast(1.2);height:100%;object-fit:contain;transition:all .3s ease;width:100%}.add-child-card:hover .add-child-button{box-shadow:0 6px 18px #ffd70066;transform:scale(1.1)}.add-child-card:hover .add-child-button img{filter:brightness(1) contrast(1.4)}.action-buttons-container{display:flex;gap:1rem;margin:1rem auto;max-width:480px;padding:0;position:relative;width:100%;z-index:10}.action-buttons-container .action-button:only-child{flex:1 1 100%;min-width:140px;width:100%}.action-buttons-container .action-button:not(:only-child){flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;min-width:0}.action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:18px;box-shadow:0 2px 12px #ffffff1a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:105px;padding:1.125rem 2rem;text-align:center;transition:all .3s ease}.action-button:hover{background:#ffd7001a;border-color:gold;box-shadow:0 4px 15px #ffd70033;transform:scale(1.02)}.action-button:active{transform:scale(.98)}.action-button.delete-action{background:#dc35451a;border-color:#dc354580;color:#dc3545}.action-button.delete-action:hover{background:#dc354533;border-color:#dc3545;color:#fff}.action-button.ready-action{background:#ffed4e0d;border-color:#ffed4e80;color:#ffed4e}.action-button.ready-action:hover{background:#ffed4e26;border-color:#ffed4e}.delete-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000080;max-width:400px;padding:2.5rem;width:90%}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(40px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.delete-modal-content h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem;text-align:center}.delete-modal-content p{color:#fffc;font-size:1rem;line-height:1.5;margin:0 0 2rem;text-align:center}.delete-modal-buttons{display:flex;gap:1rem;justify-content:center}.delete-modal-cancel,.delete-modal-confirm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.delete-modal-cancel{background:#ffffff1a;border-color:#ffffff4d;color:#fffc}.delete-modal-cancel:hover{background:#fff3;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.delete-modal-confirm{background:#dc354533;border-color:#dc3545;color:#dc3545}.delete-modal-confirm:hover{background:#dc3545;box-shadow:0 4px 12px #dc354566;color:#fff;transform:translateY(-2px)}.delete-modal-confirm:active{transform:translateY(0)}.tutorial-overlay{bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:2000}.tutorial-overlay-dark{background:#000000b3;pointer-events:auto}.tutorial-highlight{animation:tutorialPulse 2s ease-in-out infinite;border:3px solid #ffed4e;border-radius:12px;box-shadow:0 0 20px #ffed4e99,0 0 40px #ffed4e66;pointer-events:none;position:absolute;z-index:2001}@keyframes tutorialPulse{0%,to{box-shadow:0 0 20px #ffed4e99,0 0 40px #ffed4e66}50%{box-shadow:0 0 30px #ffed4ecc,0 0 60px #ffed4e99}}.tutorial-message{animation:slideUpFromBottom .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffed4e4d;border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:min(400px,calc(100vw - 2rem));min-width:300px;padding:1.5rem 2rem;pointer-events:auto;transform:translateX(-50%);z-index:2002}.tutorial-message p{color:#fff;font-size:1.1rem;font-weight:500;line-height:1.5;margin:0 0 1.5rem;text-align:center}.tutorial-buttons{display:flex;gap:1rem;justify-content:center}.tutorial-close,.tutorial-next{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.tutorial-next{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 12px #ffd7004d;color:#1a1a2e}.tutorial-next:hover{box-shadow:0 6px 18px #ffd70066;transform:translateY(-2px)}.tutorial-next:active{transform:translateY(0)}.tutorial-close{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.tutorial-close:hover{background:#fff3;border-color:#ffffff80}.tutorial-close:active{transform:translateY(0)}@media (max-width:768px){.tutorial-message{margin:0 1rem;padding:1.25rem 1.5rem}.tutorial-message p{font-size:1rem;margin-bottom:1.25rem}.tutorial-close,.tutorial-next{font-size:.95rem;padding:.875rem 1.5rem}.tutorial-highlight{border-radius:8px;border-width:2px}}@media (max-width:480px){.tutorial-message{border-radius:12px;padding:1rem 1.25rem}.tutorial-message p{font-size:.95rem;margin-bottom:1rem}.tutorial-close,.tutorial-next{font-size:.9rem;padding:.75rem 1.25rem}}.pin-fields{align-items:center;gap:1rem;margin-bottom:1rem}.pin-field,.pin-fields{display:flex;flex-direction:column}.pin-field{gap:.5rem}.pin-field label{color:#ffffffe6;font-size:.9rem;font-weight:500}.pin-field input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1.2rem;letter-spacing:.5rem;max-width:200px;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.pin-field input:focus{background:#ffffff26;border-color:#ffed4e;box-shadow:0 0 10px #ffed4e4d;outline:none}.pin-field input::placeholder{color:#fff6;letter-spacing:.5rem}.pin-error{color:#ff6b6b;font-size:.85rem;margin-bottom:1rem;text-align:center}.pin-display{margin-top:1rem}.pin-display-inline{align-items:center;display:flex;gap:.75rem;justify-content:center}.pin-readonly{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:not-allowed;font-family:monospace;font-size:1.5rem;letter-spacing:.5rem;max-width:200px;padding:.75rem 1rem;text-align:center;width:100%}.pin-reset-btn{align-items:center;background:#0000;border:1px solid #ff6b6b;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:32px}.pin-reset-btn:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.pin-apply-btn{background:#0000;border:2px solid #ffed4e;border-radius:12px;box-shadow:0 4px 12px #ffed4e4d;color:#ffed4e;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.pin-apply-btn:hover{background:#ffed4e1a;box-shadow:0 6px 18px #ffed4e66;transform:translateY(-2px)}.pin-apply-btn:active{transform:translateY(0)}.child-dashboard-section{margin:0 auto;max-width:800px;width:100%}.dashboard-title{color:#ffffffe6;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.dashboard-empty{color:#fff9;font-size:1rem;padding:2rem;text-align:center}.dashboard-children-list{display:flex;flex-direction:column;gap:1rem}.child-dashboard-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.child-dashboard-item:hover{background:#ffffff14;border-color:#fff3}.child-dashboard-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease}.child-dashboard-header:hover{background:#ffffff0d}.child-name{color:#ffffffe6;font-size:1.1rem;font-weight:500}.expand-icon{align-items:center;color:#ffed4e;display:flex;font-size:1.5rem;font-weight:700;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.child-dashboard-content{animation:slideDown .3s ease;background:#0003;border-top:1px solid #ffffff1a;padding:1.5rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.dashboard-setting{margin-bottom:2rem}.dashboard-setting:last-of-type{margin-bottom:1.5rem}.dashboard-label{color:#ffffffe6;display:block;font-size:1rem;font-weight:500;margin-bottom:1rem}.dashboard-label-with-help{align-items:center;display:inline-flex;gap:.35rem;position:relative}.voice-tooltip-wrapper{align-items:center;display:flex;gap:.35rem;position:relative;width:100%}.voice-help-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff59;border-radius:50%;color:#ffffffe6;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:600;height:1rem;justify-content:center;outline:none;transition:background .2s,border-color .2s;width:1rem}.voice-help-btn:hover{background:#ffffff38;border-color:#fff9}.voice-help-btn:focus-visible{box-shadow:0 0 0 2px #ffed4e80}.voice-info-popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1c22f7;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 8px 24px #00000059;box-sizing:border-box;color:#ffffffeb;font-size:.875rem;font-weight:400;left:0;line-height:1.45;max-width:min(320px,100%);min-width:200px;padding:.875rem 2rem .875rem 1rem;pointer-events:auto;position:absolute;top:calc(100% + .5rem);width:-webkit-max-content;width:max-content;z-index:100}.voice-info-popup-text{word-wrap:break-word;margin:0;padding:0;white-space:normal}@media (max-width:480px){.voice-info-popup{bottom:calc(100% + .5rem);max-height:50vh;overflow-y:auto;top:auto}}.voice-info-popup-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffff73;cursor:pointer;display:flex;font-size:.95rem;height:1.25rem;justify-content:center;line-height:1;padding:0;position:absolute;right:.4rem;top:.4rem;transition:color .15s,background .15s;width:1.25rem}.voice-info-popup-close:hover{background:#ffffff0f;color:#ffffffbf}.voice-info-popup-close:focus{outline:none}.voice-info-popup-close:focus-visible{box-shadow:0 0 0 1px #fff3}.radio-group{display:flex;flex-wrap:wrap;gap:2rem}.radio-option{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;transition:color .3s ease}.radio-option:hover{color:#fff}.radio-option input[type=radio]{accent-color:#ffed4e;cursor:pointer;height:20px;width:20px}.dashboard-apply-btn,.radio-option input[type=radio]:checked+span{color:#ffed4e;font-weight:600}.dashboard-apply-btn{background:#0000;border:2px solid #ffed4e;border-radius:12px;box-shadow:0 4px 12px #ffed4e4d;cursor:pointer;display:block;font-size:1rem;margin:0 auto;max-width:200px;padding:.75rem 2rem;transition:all .3s ease;width:100%}.dashboard-apply-btn:hover{background:#ffed4e1a;box-shadow:0 6px 18px #ffed4e66;transform:translateY(-2px)}.dashboard-apply-btn:active{transform:translateY(0)}@media (max-width:768px){.management-module{padding:.5rem .5rem 0}.management-container{padding:1rem .5rem 0}.child-dashboard-section{padding:0 .5rem}.dashboard-title{font-size:1.25rem;margin-bottom:1.5rem}.child-dashboard-header{padding:.875rem 1rem}.child-name{font-size:1rem}.child-dashboard-content{padding:1rem}.dashboard-label{font-size:.95rem;margin-bottom:.875rem}.radio-group{gap:1.5rem}.dashboard-apply-btn{max-width:100%;padding:.875rem 1.5rem}.action-buttons-container{gap:.75rem;margin:1rem 0;padding:0;width:100%}.action-buttons-container .action-button:only-child{min-width:120px;width:100%}.action-button{font-size:.9rem;min-height:90px;padding:.75rem 1.5rem}.audience-section{padding-bottom:2rem}.children-list{padding-bottom:0}.management-header h1{font-size:1.8rem}.management-header p{font-size:1rem}.tab-navigation{flex-direction:row;gap:0;padding-top:2px}.tab-button{border-radius:8px 8px 0 0;font-size:.9rem;margin-top:0;padding:.5rem 1rem}.welcome-container{align-items:center;flex-direction:column;gap:.8rem}.profile-image{height:50px;width:50px}.usercreation-header h1{font-size:1.8rem;line-height:1.3}.message-text h2{font-size:1.2rem}.message-text{max-width:90%;padding:.8rem 1.2rem}.avatars-container{gap:1rem;justify-content:center}.avatar-icon{height:60px;width:60px}.input-wrapper{max-width:100%;padding:0 1rem}.child-name-input{font-size:1rem;padding:.8rem 1.2rem}.age-options{gap:.8rem;padding:0 1rem}.age-option{font-size:1rem;min-width:100px;padding:.8rem 1.5rem}.children-list{gap:1.5rem;justify-content:center}.children-list .child-summary:not(.add-child-card){flex-basis:calc(50% - 0.75rem);flex-grow:0;flex-shrink:0;max-width:calc(50% - .75rem);min-width:calc(50% - .75rem)}.children-list .add-child-card{flex:0 0 100%!important;margin-top:.5rem;max-width:100%!important;min-width:100%!important;order:999}.children-list .child-summary:not(.add-child-card):last-child:nth-child(odd){flex:0 0 100%;max-width:100%;min-width:100%}.admin-layout{flex-direction:column;gap:12px}.admin-sidebar{min-width:0;min-width:auto}.admin-main{width:100%}.child-summary{max-width:150px;min-width:120px;padding:1rem 1.5rem}.add-child-card{min-height:120px}.add-child-button{height:50px;padding:10px;width:50px}.finish-button{font-size:1.1rem;padding:.8rem 2rem}}@media (max-width:480px){.management-container{padding:.5rem .5rem 0}.audience-section{padding-bottom:2rem}.management-header h1{font-size:1.5rem}.audience-title{font-size:1.4rem}.usercreation-header h1{font-size:1.5rem;line-height:1.3}.message-text h2{font-size:1.1rem}.message-text{max-width:95%;padding:.7rem 1rem}.avatars-container{gap:.8rem}.avatar-icon{height:50px;width:50px}.input-wrapper{max-width:100%;padding:0 .5rem}.child-name-input{font-size:.9rem;padding:.7rem 1rem}.age-options{gap:.6rem;padding:0 .5rem}.age-option{font-size:.9rem;min-width:90px;padding:.7rem 1.2rem}.children-list{gap:1rem;justify-content:center}.children-list .child-summary:not(.add-child-card){flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0;max-width:calc(50% - .5rem);min-width:calc(50% - .5rem)}.children-list .add-child-card{flex:0 0 100%!important;margin-top:.5rem;max-width:100%!important;min-width:100%!important;order:999}.children-list .child-summary:not(.add-child-card):last-child:nth-child(odd){flex:0 0 100%;max-width:100%;min-width:100%}.child-summary{max-width:130px;min-width:100px;padding:.8rem 1.2rem}.add-child-card{min-height:100px}.action-buttons-container{gap:.5rem;margin:1rem 0;padding:0;width:100%}.action-buttons-container .action-button:only-child{min-width:100px;width:100%}.action-button{font-size:.85rem;min-height:75px;padding:.6rem 1.2rem}.add-child-button{height:45px;padding:8px;width:45px}.child-name{font-size:1rem}.child-age{font-size:.85rem}.finish-button{font-size:1rem;padding:.7rem 1.5rem}.completion-message h2{font-size:1.5rem}.completion-message p{font-size:1rem}}@media (max-width:360px){.management-container{padding:.3rem}.management-header h1,.usercreation-header h1{font-size:1.3rem}.message-text h2{font-size:1rem}.message-text{max-width:98%;padding:.6rem .8rem}.avatars-container{gap:.6rem}.avatar-icon{height:45px;width:45px}.age-options{align-items:center;flex-direction:column;gap:.8rem}.age-option{min-width:120px;text-align:center}.children-list{align-items:center;flex-direction:column;gap:1rem}.child-summary{max-width:150px;min-width:120px}.add-child-card{min-height:120px}.add-child-button{height:50px;padding:10px;width:50px}}.star{z-index:1}.edit-child-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:99999}.edit-child-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.edit-child-modal h2{color:#fff;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.edit-child-form{display:flex;flex-direction:column;gap:1.25rem}.edit-child-field{display:flex;flex-direction:column;gap:.5rem}.edit-child-field label{color:#ffffffe6;font-size:.95rem;font-weight:500}.edit-child-field input{padding:.75rem}.edit-child-field input,.edit-child-field select{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.edit-child-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;padding:.75rem 2.5rem .75rem .75rem}.edit-child-field select::-webkit-list-button{display:none}.edit-child-field select::-moz-focus-inner{border:0}.edit-child-field select option{background-color:#1a1a2ef2;color:#fff;padding:.5rem}.edit-child-field input:focus,.edit-child-field select:focus{background:#ffffff26;border-color:#ffed4e;box-shadow:0 0 0 2px #ffed4e33;outline:none}.edit-child-field select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ffed4e' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px}.edit-child-field input::placeholder{color:#ffffff80}.custom-dropdown{position:relative;width:100%}.custom-dropdown-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;justify-content:space-between;padding:.75rem;text-align:left;transition:all .3s ease;width:100%}.custom-dropdown-button>span:first-child{flex:1 1}.custom-dropdown-button:hover{background:#ffffff26;border-color:#ffffff4d}.custom-dropdown-button:focus{background:#ffffff26;border-color:#ffed4e;box-shadow:0 0 0 2px #ffed4e33;outline:none}.custom-dropdown-arrow{color:#fff;flex-shrink:0;font-size:.75rem;margin-left:auto;transition:transform .3s ease}.custom-dropdown-menu{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2efa;border:1px solid #fff3;border-radius:10px;box-shadow:0 8px 32px #00000080;left:0;max-height:200px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:calc(100% + 4px);z-index:10000}.custom-dropdown-option{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.custom-dropdown-option:hover{background:#ffffff1a}.custom-dropdown-option.selected{background:#ffed4e33;color:#ffed4e}.custom-dropdown-option:first-child{margin-top:0}.custom-dropdown-option:last-child{margin-bottom:0}.edit-child-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.edit-child-apply,.edit-child-cancel{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.edit-child-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.edit-child-cancel:hover{background:#fff3}.edit-child-apply{background:#ffed4e;box-shadow:0 4px 15px #ffed4e4d;color:#1a1a2e}.edit-child-apply:hover{background:gold;box-shadow:0 6px 20px #ffed4e66;transform:translateY(-2px)}@media (max-width:768px){.edit-child-modal{max-width:90%;padding:1.5rem}.edit-child-modal h2{font-size:1.3rem}.edit-child-buttons{flex-direction:column}.edit-child-apply,.edit-child-cancel{width:100%}}.step-transition{opacity:1;transform:translateY(0);will-change:opacity,transform}.step-transition.step-active{animation:stepFadeInUp .4s ease-out forwards}.step-transition.step-completed{animation:none;opacity:1;transform:translateY(0)}.step-transition.step-fading-out{opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out}@keyframes stepFadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.step-transition .age-options,.step-transition .avatars-container,.step-transition .child-name-input-container{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.step-transition.step-active .age-options,.step-transition.step-active .avatars-container,.step-transition.step-active .child-name-input-container{animation:stepContentFadeIn .4s ease-out .2s both}@keyframes stepContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.apple-watch-grid-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem;position:relative;width:100%}.apple-watch-grid-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 2px 10px #0000004d}.apple-watch-back-button{background:#0000;border:2px solid #ffffff4d;border-radius:24px;bottom:100px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;left:50%;margin:0;padding:.75rem 1.5rem;position:fixed;right:auto;top:auto;transform:translateX(-50%);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1000}.apple-watch-back-button:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 6px 18px #0000004d;transform:translateX(-50%) translateY(-2px);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.apple-watch-back-button:active{transform:translateY(0)}.apple-watch-grid{height:500px;margin:0;position:relative;width:500px}.apple-watch-grid,.apple-watch-icon-button{align-items:center;display:flex;justify-content:center;padding:0}.apple-watch-icon-button{animation:iconFadeIn .6s ease-out forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);background:#0000;border:none;border-radius:50%;cursor:pointer;flex-direction:column;height:-webkit-fit-content;height:fit-content;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(calc(-50% + var(--random-x, 0)),calc(-50% + var(--random-y, 0)));transform-origin:center center;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.apple-watch-icon-button:hover{transform:translate(-50%,calc(-50% - 3px)) scale(1.05);transform:translate(calc(-50% + var(--random-x, 0)),calc(-50% + var(--random-y, 0) - 3px)) scale(1.05);z-index:10}.apple-watch-icon-button:active{transform:translate(-50%,calc(-50% - 3px)) scale(.95);transform:translate(calc(-50% + var(--random-x, 0)),calc(-50% + var(--random-y, 0) - 3px)) scale(.95)}.apple-watch-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #0003;display:flex;height:100px;height:var(--icon-size,100px);justify-content:center;margin-bottom:.75rem;overflow:hidden;transition:all .3s ease;width:100px;width:var(--icon-size,100px)}.apple-watch-icon-button:hover .apple-watch-icon-wrapper{background:#ffffff26;border-color:#ffffff59;box-shadow:0 6px 25px #667eea40}.apple-watch-icon{height:70px;height:calc(var(--icon-size, 100px)*.7);object-fit:contain;transition:all .3s ease;width:70px;width:calc(var(--icon-size, 100px)*.7)}.apple-watch-icon-button:hover .apple-watch-icon{transform:scale(1.05)}.apple-watch-icon-label{word-wrap:break-word;color:#ffffffe6;font-size:.85rem;font-weight:500;line-height:1.3;max-width:100px;text-align:center;transition:color .3s ease}.apple-watch-icon-button:hover .apple-watch-icon-label{color:#fff}@media (max-width:768px){.apple-watch-grid{height:320px;width:320px}.apple-watch-back-button{bottom:80px}.apple-watch-icon-wrapper{height:80px;width:80px}.apple-watch-icon{height:55px;width:55px}.apple-watch-icon-label{font-size:.75rem;max-width:80px}.apple-watch-grid-title{font-size:1.5rem;margin-bottom:1.5rem}}@media (max-width:480px){.apple-watch-grid{height:300px;width:300px}.apple-watch-back-button{bottom:70px}.apple-watch-icon-wrapper{height:70px;width:70px}.apple-watch-icon{height:45px;width:45px}.apple-watch-icon-label{font-size:.7rem;max-width:70px}}@keyframes iconFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);transform:translate(calc(-50% + var(--random-x, 0)),calc(-50% + var(--random-y, 0))) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1);transform:translate(calc(-50% + var(--random-x, 0)),calc(-50% + var(--random-y, 0))) scale(1)}}.story-builder-progress-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;left:50%;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.story-builder-progress-wrapper.with-descriptions{align-items:center;display:flex;flex-direction:column;justify-content:center;left:auto;margin:0;max-width:100%;padding:0;position:relative;top:auto;transform:none;width:100%}.story-builder-progress{align-items:center;display:flex;flex-direction:row;gap:0}.story-builder-progress-wrapper.with-descriptions .story-builder-progress{grid-gap:1rem 1rem;align-items:center;display:grid;gap:1rem 1rem;grid-template-columns:140px auto -webkit-max-content;grid-template-columns:140px auto max-content;max-width:100%;width:auto}.progress-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;justify-content:center}.story-builder-progress-wrapper.with-descriptions .progress-item{display:contents}.progress-item-icon{align-items:center;animation:iconExpand .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000004d;display:flex;flex-shrink:0;grid-column:2;height:60px;justify-content:center;justify-self:center;overflow:hidden;transition:all .3s ease;width:60px}.progress-item-icon:hover{border-color:#ffffff80;transform:scale(1.1)}.progress-item-icon img{height:100%;object-fit:contain;padding:.5rem;width:100%}.progress-item-step-label{color:#ffffffb3;font-size:.85rem;font-weight:600;grid-column:1;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.progress-item-description,.progress-item-step-label{align-self:center;text-align:left;text-shadow:0 2px 4px #0000004d}.progress-item-description{word-wrap:break-word;color:#ffffffe6;font-size:1rem;font-weight:500;grid-column:3;white-space:normal}.story-builder-progress-wrapper.with-descriptions .progress-connector{display:none}.progress-connector{background:#ffffff4d;flex-shrink:0;height:2px;margin:0 .5rem;width:40px}@keyframes iconExpand{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.story-builder-progress-wrapper{left:50%!important;transform:translateX(-50%)}.story-builder-progress-wrapper.with-descriptions{left:auto!important;transform:none!important}.story-builder-progress-wrapper.with-descriptions .story-builder-progress{gap:1rem 1rem;grid-template-columns:120px auto -webkit-max-content;grid-template-columns:120px auto max-content;max-width:100%;padding:0 1rem}.progress-item-step-label{font-size:.9rem}.progress-item-icon{flex-shrink:0;height:70px;width:70px}.progress-item-description{font-size:1.1rem}.progress-connector{margin:0 .25rem;width:30px}}@media (max-width:480px){.story-builder-progress-wrapper{left:50%!important;transform:translateX(-50%)}.story-builder-progress-wrapper.with-descriptions{left:auto!important;transform:none!important}.story-builder-progress-wrapper.with-descriptions .story-builder-progress{gap:.75rem .75rem;grid-template-columns:100px auto -webkit-max-content;grid-template-columns:100px auto max-content;max-width:100%;padding:0 .5rem}.progress-item-step-label{font-size:.8rem}.progress-item-icon{flex-shrink:0;height:60px;width:60px}.progress-item-description{font-size:1rem}.progress-connector{margin:0 .25rem;width:20px}}.build-story-prompt{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:calc(100vh - 100px);overflow:visible;padding:2.5rem 2rem 120px;position:relative;width:100%}.build-story-content-scroll{flex:1 1;margin-bottom:.75rem;max-height:calc(100vh - 320px);overflow-y:auto;padding-right:.25rem;width:100%}.build-story-header-with-avatar{align-items:flex-start;display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;width:100%}.build-prompt-avatar-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.build-prompt-avatar-left img{background:#f5f6fa;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea33;height:48px;object-fit:cover;transition:all .3s ease;width:48px}.build-prompt-avatar-left img:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.05)}.selected-child-icon-left{align-items:center;display:flex;justify-content:center}.selected-child-icon-left img{background:#f5f6fa;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #667eea33;height:48px;object-fit:cover;transition:all .3s ease;width:48px}.selected-child-icon-left img:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.05)}.build-story-header{flex:1 1;position:relative;text-align:center}.build-story-header h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.build-story-header p{color:#666;font-size:1.2rem;margin:0}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2001}.story-config-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e4d;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-bottom:1.5rem;max-width:100%;overflow:hidden;padding:0;width:auto}.config-tabs{background:#0003;border-bottom:1px solid #ffffff1a;border-radius:0;display:flex;gap:0;justify-content:center}.config-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.config-tab:first-child,.config-tab:last-child{border-radius:0}.config-tab:hover{background:#ffffff0d;color:#ffffffe6}.config-tab.active{background:#ffffff26;box-shadow:0 2px 12px #fff3;color:#fff;transform:translateY(-2px)}.config-tab-content{background:#ffffff0d;max-height:none;overflow:visible;padding:1.25rem}.advanced-container .config-tab-content{padding:1.25rem 1.5rem}.config-group{margin-bottom:0}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.config-btn{background:#ffffffe6;border:2px solid #fff3;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#333;cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.config-btn:hover{background:#fff;border-color:#ffed4e99;box-shadow:0 6px 20px #ffed4e4d;color:#1a1a2e;transform:translateY(-4px)}.config-btn.active{background:#ffed4e26;border:2px solid #ffed4e;box-shadow:0 4px 16px #ffed4e66,0 0 20px #ffed4e33;color:#ffed4e;font-weight:600;transform:translateY(2px)}.hair-section{gap:1.5rem}.hair-section,.hair-subsection{display:flex;flex-direction:column}.hair-subsection{gap:.75rem}.hair-subsection h3{color:#ffffffe6;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-align:center;text-transform:uppercase}.close-button:hover{background:#fff3;transform:scale(1.1)}.keywords-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;width:100%}.keyword-button{background:#ffffffe6;border:2px solid #fff3;border-radius:25px;box-shadow:0 2px 8px #00000026;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.keyword-button:hover{background:#fff;border-color:#ffffff4d;box-shadow:0 6px 20px #0003;color:#1a1a2e;transform:translateY(-4px)}.keyword-button:active{box-shadow:0 4px 12px #0003;transform:translateY(2px)}.prompt-input-container{max-width:100%;width:100%}.prompt-header{margin-bottom:.5rem}.prompt-footer,.prompt-header{align-items:center;display:flex;justify-content:flex-end}.prompt-footer{margin-top:.5rem}.character-counter{background:#ffffffe6;border-radius:12px;color:#666;font-size:.85rem;font-weight:600;padding:.25rem .75rem;transition:all .3s ease}.character-counter.warning{background:#ff98001a;color:#ff9800}.character-counter.error{background:#f443361a;color:#f44336}.prompt-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:15px;font-family:inherit;font-size:1.1rem;line-height:1.6;min-height:120px;outline:none;padding:1.5rem;resize:vertical;transition:all .3s ease;width:100%}.prompt-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.prompt-textarea::placeholder{color:#999;font-style:italic}.story-time-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:120px;margin-top:0;position:relative;width:100%}.story-time-button{background:#0000;border:2px solid #ffed4e;border-radius:24px;box-shadow:0 6px 20px #ffed4e33,0 0 20px #ffed4e26;color:#ffed4e;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 3rem;text-transform:none;transition:all .3s ease}.story-time-button:hover{background:#ffed4e0d;box-shadow:0 10px 30px #ffed4e66,0 0 30px #ffed4e40;transform:translateY(-6px)}.story-time-button:active{box-shadow:0 6px 20px #ffed4e4d,0 0 20px #ffed4e33;transform:translateY(-2px)}.story-builder-header{margin:0 0 .5rem;padding-bottom:.5rem;position:relative;text-align:center}.story-builder-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.protagonist-cards-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding:2rem}@media (max-width:768px){.protagonist-cards-container{align-items:center;flex-direction:column;gap:2rem;padding:1rem}.protagonist-children-stack{display:flex;justify-content:center;width:100%}.protagonist-children-stack.stacked{margin-right:0;min-width:auto;padding-right:90px;width:-webkit-fit-content;width:fit-content}.question-mark-card{max-width:250px;width:100%}}.protagonist-children-stack{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative}.protagonist-children-stack.stacked{margin-right:2rem;min-width:330px;padding-right:90px}.protagonist-radio-container{display:flex;justify-content:center;left:0;margin-top:1.5rem;position:relative;width:100%}.protagonist-children-stack.stacked .protagonist-radio-container{left:40px}.protagonist-question-mark-wrapper{align-items:center;display:flex;flex-direction:column}.protagonist-question-mark-wrapper .protagonist-radio-container{left:0}.protagonist-radio-label{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.protagonist-radio-label input[type=radio]{cursor:pointer;opacity:0;position:absolute}.protagonist-radio-custom{background:#0000;border:2px solid #ffed4e;border-radius:50%;height:24px;position:relative;transition:all .3s ease;width:24px}.protagonist-radio-label input[type=radio]:checked+.protagonist-radio-custom{background:gold;border-color:gold}.protagonist-radio-label input[type=radio]:checked+.protagonist-radio-custom:after{background:#fff;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.protagonist-children-stack.stacked .stacked-card{left:0;position:absolute;top:0}.protagonist-children-stack.stacked .stacked-card:first-child{position:relative;transform:rotate(-5deg);z-index:1}.protagonist-children-stack.stacked .stacked-card:nth-child(2){transform:translate(40px,12px) rotate(1deg);z-index:2}.protagonist-children-stack.stacked .stacked-card:nth-child(3){transform:translate(80px,24px) rotate(-1deg);z-index:3}.protagonist-card-avatar-indicator{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:48px;left:-8px;overflow:hidden;position:absolute;top:-8px;width:48px;z-index:10}.protagonist-card-avatar-indicator img{height:100%;object-fit:cover;width:100%}.protagonist-card{background:#fff}.protagonist-card,.question-mark-card{align-items:center;border-radius:24px;box-shadow:0 4px 20px #667eea1f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:2rem 2.5rem 1.5rem;transition:all .3s ease;width:250px}.question-mark-card{background:#0000;justify-content:center}.protagonist-card:hover{box-shadow:0 8px 30px #667eea33;transform:translateY(-8px)}.protagonist-children-stack.stacked .stacked-card:first-child:hover{transform:rotate(-5deg) translateY(-4px);z-index:10}.protagonist-children-stack.stacked .stacked-card:nth-child(2):hover{transform:translate(40px,12px) rotate(1deg) translateY(-2px);z-index:11}.protagonist-children-stack.stacked .stacked-card:nth-child(3):hover{transform:translate(80px,24px) rotate(-1deg) translateY(-2px);z-index:12}.protagonist-avatar{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.protagonist-avatar img{background:#f5f6fa;border:3px solid #e0e0e0;border-radius:50%;height:192px;object-fit:cover;transition:all .3s ease;width:192px}.protagonist-card:hover .protagonist-avatar img{border-color:#667eea;transform:scale(1.05)}.question-mark-icon{align-items:center;background:#0000;border:3px solid #ffed4e;border-radius:50%;box-shadow:0 4px 15px #ffd70033;color:gold;display:flex;font-size:8rem;font-weight:900;height:192px;justify-content:center;margin-bottom:1.5rem;text-shadow:3px 3px 0 #0000004d;transition:all .3s ease;width:192px}.question-mark-card:hover .question-mark-icon{border-color:gold;box-shadow:0 6px 25px #ffd70066;color:#ffed4e;transform:scale(1.1)}.protagonist-label{margin-top:.2rem;text-align:center}.protagonist-name{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:.3rem}.protagonist-age{color:#666;font-size:1rem;font-weight:500}.protagonist-label-spacer{display:none}.protagonist-placeholder{color:#999;font-size:1.2rem;padding:2rem;text-align:center}.protagonist-page-actions{display:flex;justify-content:center;margin-bottom:100px;margin-top:1rem;padding-bottom:1rem}.protagonist-cards-container.fade-out,.protagonist-question-mark-wrapper.fade-out{opacity:0;pointer-events:none;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease}.protagonist-icon-grid-wrapper{animation:fadeIn .5s ease;margin-top:2rem;width:100%}.final-story-progress-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin-bottom:.5rem;max-height:none;min-height:0;overflow-y:auto;padding:.75rem 1rem;position:relative;width:100%}.scroll-indicator-arrows{align-items:center;animation:bounceDown 1.5s ease-in-out infinite;bottom:30px;cursor:pointer;display:flex;flex-direction:column;gap:0;justify-content:center;left:50%;opacity:1;pointer-events:auto;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:10}.scroll-indicator-arrows:hover{opacity:.8}.scroll-indicator-arrows svg{filter:drop-shadow(0 2px 4px rgba(255,237,78,.4));margin:-8px 0}@keyframes bounceDown{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.7;transform:translateX(-50%) translateY(10px)}}.story-time-btn{background:#0000;border:2px solid #ffed4e;border-radius:12px;box-shadow:0 4px 12px #ffed4e4d;color:#ffed4e;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.story-time-btn:hover{background:#ffed4e1a;box-shadow:0 6px 18px #ffed4e66;transform:translateY(-2px)}.story-time-btn:active{transform:translateY(0)}.protagonist-next-btn{background:#0000;border:2px solid #ffed4e;border-radius:24px;box-shadow:0 4px 12px #ffed4e4d;color:#ffed4e;cursor:pointer;font-size:1rem;font-weight:600;padding:1.2rem 3rem;transition:all .3s ease}.protagonist-next-btn:hover{background:#ffed4e1a;box-shadow:0 6px 18px #ffed4e66;transform:translateY(-2px)}.protagonist-next-btn:active{transform:translateY(0)}@media (max-width:768px){.protagonist-cards-container{align-items:center;flex-direction:column;gap:2rem;padding:1rem}.protagonist-children-stack{display:flex;justify-content:center;width:100%}.protagonist-children-stack.stacked{margin-right:0;min-width:auto;padding-right:90px;width:-webkit-fit-content;width:fit-content}.protagonist-card{max-width:200px;min-width:160px;padding:1.5rem 2rem 1rem}.question-mark-card{max-width:200px;width:100%}.protagonist-avatar img,.question-mark-icon{height:144px;width:144px}.question-mark-icon{font-size:6rem}.story-builder-header h1{font-size:2rem}.protagonist-page-actions{margin-bottom:100px;padding-bottom:1rem}}@media (max-width:480px){.build-story-prompt{padding:1.5rem 1rem 100px}.protagonist-cards-container{align-items:center;flex-direction:column;gap:1.5rem}.protagonist-card{max-width:180px;min-width:140px;padding:1rem 1.5rem .8rem}.protagonist-avatar img,.question-mark-icon{height:120px;width:120px}.question-mark-icon{font-size:5rem}.story-builder-header{margin-bottom:.25rem;padding-bottom:.25rem}.story-builder-header h1{font-size:1.5rem}.protagonist-page-actions{margin-bottom:70px;margin-top:.5rem;padding-bottom:.75rem}.final-story-progress-container{margin-bottom:.25rem;padding:.5rem}}@media (max-width:768px){.build-story-prompt{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 2rem);padding:2rem 1.5rem 120px;width:calc(100% - 2rem)}.build-story-content-scroll{margin-bottom:.5rem;max-height:calc(100vh - 360px)}.story-time-container{margin-bottom:60px}.protagonist-page-actions{margin-bottom:80px;margin-top:.75rem}.final-story-progress-container{margin-bottom:.5rem;padding:.5rem .75rem}.build-story-header-with-avatar{gap:1rem}.build-prompt-avatar-left img,.selected-child-icon-left img{height:40px;width:40px}}@media (max-width:420px){.build-story-prompt{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 1rem);padding:4rem 1rem 120px;width:calc(100% - 1rem)}.build-story-content-scroll{margin-bottom:1rem;max-height:calc(100vh - 380px)}.story-time-container{margin-bottom:70px}}.build-story-header h1{font-size:2rem}.build-story-header p{font-size:1rem}.keywords-container{gap:.8rem}.keyword-button{font-size:.9rem;padding:.7rem 1.2rem}.prompt-textarea{font-size:1rem;min-height:100px;padding:1.2rem}@media (max-width:480px){.build-story-prompt{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 1rem);padding:4rem 1rem 120px;width:calc(100% - 1rem)}.build-story-content-scroll{margin-bottom:1rem;max-height:calc(100vh - 380px)}.story-time-container{margin-bottom:70px}.build-story-header-with-avatar{gap:.75rem}.build-prompt-avatar-left img,.selected-child-icon-left img{height:36px;width:36px}.build-story-header h1{font-size:1.8rem}.keywords-container{gap:.6rem}.keyword-button{font-size:.85rem;padding:.6rem 1rem}.config-tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.config-tab{flex:0 0 auto;font-size:.85rem;padding:.6rem 1rem}}.accordion-page-wrapper{align-items:center;align-self:flex-start;display:flex;flex-direction:column;width:100%}.accordion-page-wrapper .build-story-header{text-align:center;width:100%}.accordion-container{align-self:center;margin:1rem 0 0;max-width:800px;width:100%}.accordion-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;overflow:visible;transition:border-color .3s ease}.accordion-header{align-items:center;background:#ffffff0d;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.25rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.accordion-radio-wrapper{align-items:center;display:flex;gap:.75rem}.accordion-radio{background:#0000;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:20px;transition:all .3s ease;width:20px}.accordion-radio.selected{background:#ffd7001a;border:2px solid gold!important;box-shadow:0 0 0 3px #ffd70033}.accordion-radio.selected:after{background:gold;border-radius:50%;content:"";display:block;height:10px;margin:3px auto;width:10px}.accordion-header:hover{background:#ffffff1a}.accordion-header.active{background:#667eea33;border-bottom:1px solid #ffffff1a}.accordion-icon{font-size:1.5rem;font-weight:300;transition:transform .3s ease}.accordion-header.active .accordion-icon{transform:rotate(0deg)}.accordion-content{background:#ffffff05;border-radius:0 0 12px 12px;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.open{max-height:2000px;overflow:visible;padding:0}.advanced-container.open,.basic-container.open{overflow:visible;position:relative}.advanced-config-groups{align-items:stretch;display:flex;flex-direction:column;gap:0;width:100%}.advanced-config-groups .config-tabs:nth-of-type(2){border-top:2px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.basic-accordion-edit-button{align-items:center;background:#667eeae6;border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;z-index:10}.basic-accordion-edit-button:hover{background:#667eea;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.basic-accordion-edit-button:active{transform:translateY(0)}.icon-grid-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.icon-grid-start{align-items:center;display:flex;justify-content:center;min-height:200px}.start-icon-grid-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.start-icon-grid-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.saved-stories-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:1000}.saved-stories-overlay.visible{opacity:1}.saved-stories-container{animation:slideUp .5s ease-out;background:#0000;border:1px solid #fff3;border-radius:30px;box-shadow:0 25px 80px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;width:90%}.saved-stories-header{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border-bottom:1px solid #fff3;border-radius:30px 30px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem 2.5rem}.saved-stories-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0000004d}.close-saved-stories{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;padding:.75rem;transition:all .3s ease;width:48px}.close-saved-stories:hover{background:#ffffff4d;box-shadow:0 4px 15px #0000004d;color:#fff;transform:scale(1.1) rotate(90deg)}.no-stories,.saved-stories-error,.saved-stories-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:5px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.saved-stories-loading p{color:#667eea;font-size:1.2rem;font-weight:600}.saved-stories-error p{color:#e74c3c;font-size:1.1rem;font-weight:500}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.no-stories{color:#999}.no-stories p:first-child{color:#667eea;font-size:1.5rem;font-weight:600}.no-stories .subtitle{color:#666;font-size:1rem;opacity:.7}.stories-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));min-height:0;overflow-x:hidden;overflow-y:auto;padding:2rem 2.5rem}.stories-grid::-webkit-scrollbar{width:8px}.stories-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.stories-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.stories-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a428f)}.story-card{align-items:center;background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 8px 32px #667eea26;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.story-title{word-wrap:break-word;color:#333;font-size:1.25rem;font-weight:700;line-height:1.5;margin-bottom:.5rem;text-align:center;width:100%}.story-duration-container{align-items:center;display:flex;gap:.5rem;justify-content:center}.story-language-flag{border-radius:2px;box-shadow:0 1px 3px #0000001a;height:18px;object-fit:cover;width:24px}.story-duration{color:#666;font-size:.9rem;font-weight:500;text-align:center}.story-card:before{background:linear-gradient(90deg,#fffc,#fff6 50%,#fff9);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.story-card:hover:before{transform:scaleX(1)}.story-card:hover{background:#fff;border-color:#667eea4d;box-shadow:0 15px 40px #667eea40;transform:translateY(-5px)}.story-card:active{transform:translateY(-4px)}.story-card-header{align-items:flex-start;gap:1rem}.story-keywords{color:#333;flex:1 1;font-size:1.15rem;font-weight:700;line-height:1.4}.story-language{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:1.8rem}.story-preview{background:#667eea0d;border-left:3px solid #667eea;border-radius:12px;color:#555;font-size:.95rem;line-height:1.6;min-height:65px;padding:.75rem}.story-metadata{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.metadata-row{display:flex;font-size:.9rem;justify-content:space-between}.metadata-label{color:#999;font-weight:500}.metadata-value{color:#333;font-weight:600}.story-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-badge{background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:1px solid #fff3;border-radius:20px;color:#667eea;font-size:.85rem;font-weight:600;padding:.4rem .9rem;transition:all .3s ease}.story-card:hover .feature-badge{background:linear-gradient(135deg,#fff6,#fff3);border-color:#ffffff4d}.story-date{border-top:1px solid #f0f0f0;color:#999;font-size:.85rem;font-weight:500;margin-top:auto;padding-top:.5rem;text-align:right}@media (max-width:768px){.saved-stories-container{border-radius:20px;max-height:85vh;width:95%}.saved-stories-header{border-radius:20px 20px 0 0;padding:1.5rem}.saved-stories-header h1{font-size:1.6rem}.close-saved-stories{font-size:1.2rem;height:40px;width:40px}.stories-grid{gap:1.25rem;grid-template-columns:1fr;padding:1.5rem}.story-card{padding:1.25rem}.story-keywords{font-size:1.05rem}.story-language{font-size:1.5rem}}@media (max-width:480px){.saved-stories-header{padding:1.25rem}.saved-stories-header h1{font-size:1.4rem}.stories-grid,.story-card{padding:1rem}}.stories-load-more-container{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:2rem 2.5rem}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:1rem 2.5rem;transition:all .3s ease}.load-more-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.load-more-btn:active:not(:disabled){transform:translateY(0)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.stories-count{color:#fffc;font-size:.9rem;font-weight:500;margin:0}.landing-module{align-items:flex-start;background:#0000;box-sizing:border-box;display:flex;height:100%;justify-content:center;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateY(20px);transition:all .5s ease;z-index:1}.landing-module.visible{opacity:1;transform:translateY(0)}.landing-module.hidden{display:none!important}.landing-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0 auto;max-width:1200px;padding:3rem 2rem 3rem .5rem;text-align:center;width:100%}.landing-header{margin-bottom:3rem;position:relative}.landing-header h1{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.saved-stories-card{background:linear-gradient(135deg,#4ecdc4,#44a08d)!important;border:2px solid #4ecdc4;color:#fff!important}.saved-stories-card:hover{border-color:#44a08d;box-shadow:0 8px 30px #4ecdc466!important;transform:translateY(-8px)}.saved-stories-icon{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:4rem;height:192px;justify-content:center;transition:all .3s ease;width:192px}.saved-stories-card:hover .saved-stories-icon{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.saved-stories-card .landing-child-name{color:#fff!important;font-weight:700}.saved-stories-card .landing-child-age{color:#ffffffe6!important}.landing-header p{color:#fffc;font-size:1.2rem;margin:0}.landing-content{margin-top:2rem;min-width:100%;width:100%}.landing-children-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin-top:2rem;width:100%}.landing-child-card{align-items:center;background:#fff;border-radius:24px;box-shadow:0 4px 20px #667eea1f;cursor:pointer;display:flex;flex-direction:column;max-width:250px;min-width:200px;padding:2rem 2.5rem 1.5rem;transition:all .3s ease}.landing-child-card:hover{box-shadow:0 8px 30px #667eea33;transform:translateY(-8px)}.landing-child-avatar{margin-bottom:1.5rem}.landing-child-avatar img{background:#f5f6fa;border:3px solid #e0e0e0;border-radius:50%;height:192px;object-fit:cover;transition:all .3s ease;width:192px}.landing-child-card:hover .landing-child-avatar img{border-color:#667eea;transform:scale(1.05)}.landing-child-card.jumping{border:2px solid gold!important;box-shadow:0 4px 12px #ffd7004d;transform:translateY(8px);transition:all .3s ease}.landing-child-card.jumping .landing-child-avatar img{border-color:gold!important;transform:scale(1.05);transition:all .3s ease}.landing-child-card.clicked{pointer-events:none}.landing-child-card.clicked,.landing-child-card.clicked .landing-child-avatar img{animation:shrinkAndFade 1s ease-in-out forwards}.ready-button-container{align-items:center;display:flex;justify-content:center;padding:1rem 0;width:100%}.ready-button{align-items:center;background:#0000;border:2px solid #ffed4e;border-radius:24px;box-shadow:0 6px 20px #ffed4e33,0 0 20px #ffed4e26;color:#ffed4e;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:1.2rem 3rem;text-transform:none;transition:all .3s ease}.ready-button-count{font-size:.85rem;font-weight:500;opacity:.9}.ready-button:hover{background:#ffed4e0d;box-shadow:0 10px 30px #ffed4e66,0 0 30px #ffed4e40;transform:translateY(-6px)}.ready-button:active{box-shadow:0 6px 20px #ffed4e4d,0 0 20px #ffed4e33;transform:translateY(-2px)}@keyframes shrinkAndFade{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(.1)}}.bottom-left-avatar{animation:slideInFromBottomLeft .8s ease-out .5s both;bottom:2rem;left:2rem;position:fixed;z-index:1000}.bottom-left-avatar img{background:#f5f6fa;border:3px solid #667eea;border-radius:50%;box-shadow:0 4px 20px #667eea4d;height:64px;object-fit:cover;transition:all .3s ease;width:64px}.bottom-left-avatar img:hover{box-shadow:0 6px 25px #667eea66;transform:scale(1.1)}@keyframes slideInFromBottomLeft{0%{opacity:0;transform:translateX(-100px) translateY(100px) scale(.1)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}.landing-child-label{margin-top:.2rem;text-align:center}.landing-child-name{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:.3rem}.landing-child-age{color:#888;font-size:1.1rem;font-weight:400;line-height:1.2}.no-children-message{align-items:center;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.no-children-message h2{color:#667eea;font-size:2rem;font-weight:600;margin-bottom:1rem}.no-children-message p{color:#666;font-size:1.1rem;line-height:1.6;max-width:500px}.error-content,.loading-content{padding:2rem;text-align:center}.error-content p,.loading-content p{color:#fffc;font-size:1.1rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-module{padding:1rem}.landing-container{padding:2rem}.landing-header h1{font-size:2rem}.landing-header p{font-size:1rem}.landing-children-list{gap:2rem}.landing-children-list:has(.landing-child-card:nth-child(n+3)){justify-content:space-between}.landing-children-list:has(.landing-child-card:nth-child(n+3)) .landing-child-card{flex-basis:calc(50% - 1rem);flex-grow:0;flex-shrink:0;max-width:calc(50% - 1rem)}.landing-child-card{max-width:200px;min-width:160px;padding:1.5rem 2rem 1rem}.landing-child-avatar img,.saved-stories-icon{height:144px;width:144px}.saved-stories-icon{font-size:3rem}.landing-child-name{font-size:1.2rem}.landing-child-age{font-size:1rem}}@media (max-width:480px){.landing-container{padding:1.5rem}.landing-header h1{font-size:1.8rem}.landing-children-list{gap:1.5rem}.landing-children-list:has(.landing-child-card:nth-child(n+3)){justify-content:space-between}.landing-children-list:has(.landing-child-card:nth-child(n+3)) .landing-child-card{flex-basis:calc(50% - 0.75rem);flex-grow:0;flex-shrink:0;max-width:calc(50% - .75rem)}.landing-child-card{max-width:180px;min-width:140px;padding:1rem 1.5rem .8rem}.landing-child-avatar img,.saved-stories-icon{height:120px;width:120px}.saved-stories-icon{font-size:2.5rem}.landing-child-name{font-size:1.1rem}.landing-child-age{font-size:.9rem}}.star{pointer-events:none;position:fixed;z-index:0}.star:before{background:radial-gradient(circle,#fffc 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.main-app{height:100%;overflow-y:auto}.main-app,.main-content{align-items:flex-start;background:#0000;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:0;width:100%}.main-content{min-height:100vh}.welcome-message{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.welcome-message h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 1rem}.welcome-message p{color:#666;font-size:1.1rem;margin:0}.app-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.app-content h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.app-content p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.app-placeholder{border:2px dashed #dee2e6;border-radius:10px;margin-top:2rem;padding:2rem}.app-placeholder p{color:#6c757d;font-style:italic;margin:0}@media (max-width:768px){.main-app{padding:0}.app-content{padding:2rem}.app-content h1{font-size:2rem}.app-content p{font-size:1rem}}@media (max-width:480px){.app-content{padding:1.5rem}.app-content h1{font-size:1.8rem}}.language-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;z-index:2000}.language-button{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#667eea;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;padding:0;transition:all .2s ease}.language-button:hover{background:#0000;box-shadow:none;transform:translateY(-1px)}.language-button:active{transform:translateY(0)}.flag-image{border:1px solid #000;border-radius:2px;box-shadow:0 1px 3px #0003;height:24px;object-fit:cover;width:32px}.arrow{font-size:10px;transition:transform .2s ease}.arrow-up{transform:rotate(180deg)}.language-dropdown{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:8px;bottom:100%;box-shadow:none;left:0;margin-bottom:8px;padding:4px;position:absolute;z-index:2001}.language-option{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease;width:100%}.language-option:hover{background:#ffffff1a;color:#fff}.language-option.active{background:#fff3;color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.language-button{font-size:16px}.language-option{font-size:16px;height:36px;min-width:36px;padding:3px}.flag-image{height:21px;width:28px}.language-dropdown{margin-bottom:8px}}@media (max-width:480px){.language-button{font-size:14px}.language-option{font-size:14px;height:36px;min-width:36px;padding:3px}.flag-image{height:21px;width:28px}.language-dropdown{margin-bottom:8px}}.menu-bar{align-items:stretch;background:#0000;box-shadow:none;display:flex;flex-direction:column;grid-row:2;margin:0;padding:0;pointer-events:none;position:relative;z-index:9999}.menu-bar-clouds{bottom:0;height:80px;left:0;object-fit:fill;pointer-events:none;position:absolute;width:100%;z-index:1}.menu-bar-content{align-items:flex-end;justify-content:space-between;padding:0 20px 20px;pointer-events:auto;position:relative;width:100%;z-index:2}.menu-bar-content,.menu-bar-left{background:#0000;display:flex;margin:0}.menu-bar-left{align-items:center;gap:1rem;padding:0}.menu-bar-title{align-items:center;color:#667eea;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;margin:0}.settings-wheel{height:40px;object-fit:contain;width:40px}.settings-wheel.rotating{animation:cogwheelRotate .5s linear forwards}.settings-wheel.rotated{transform:rotate(100deg)}.settings-wheel.returning{animation:cogwheelReturn .5s linear forwards}@keyframes cogwheelRotate{0%{transform:rotate(0deg)}to{transform:rotate(100deg)}}@keyframes cogwheelReturn{0%{transform:rotate(100deg)}to{transform:rotate(0deg)}}.menu-bar-right{gap:.75rem;margin:0}.hide-tutorial-btn,.menu-bar-right{align-items:center;background:#0000;display:flex;padding:0}.hide-tutorial-btn{border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;height:60px;justify-content:center;text-align:center;transition:all .3s ease;white-space:nowrap;width:60px}.hide-tutorial-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.reset-login-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #ffffff4d;border-radius:20px;box-shadow:none;color:#fffc;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:30px;justify-content:center;padding:.5rem 1rem;text-align:center;transition:all .3s ease;white-space:nowrap}.reset-login-btn:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 4px 12px #fff3;color:#fff;transform:translateY(-2px)}.menu-bar-icons-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.refresh-audience-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.refresh-audience-btn:hover{background:#667eea1a;transform:translateY(-2px)}.refresh-audience-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-icon{height:40px;object-fit:contain;transition:transform .3s ease;width:40px}.refresh-icon.spinning{animation:refreshSpin 1s linear infinite}@keyframes refreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.menu-bar{padding:0}.hide-tutorial-btn{font-size:.7rem;height:78px;width:78px}.reset-login-btn{font-size:.7rem;height:39px;padding:.4rem .8rem}.refresh-audience-btn,.refresh-icon,.settings-wheel{height:52px;width:52px}.menu-bar-icons-container{gap:.75rem}}@media (max-width:480px){.menu-bar{padding:0}.hide-tutorial-btn{font-size:.6rem;height:78px;width:78px}.reset-login-btn{font-size:.6rem;height:39px;padding:.3rem .6rem}.refresh-audience-btn,.refresh-icon,.settings-wheel{height:52px;width:52px}.menu-bar-icons-container{gap:.75rem}}.pin-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.pin-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffed4e4d;border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:400px;padding:2rem;width:90%}.pin-modal-content h2{color:#fff;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.pin-modal-field{margin-bottom:1rem}.pin-modal-field input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:monospace;font-size:1.5rem;letter-spacing:.5rem;padding:.75rem 1rem;text-align:center;width:100%}.pin-modal-field input:focus{border-color:#ffed4e;box-shadow:0 0 0 2px #ffed4e33;outline:none}.pin-modal-error{color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;min-height:1.2rem;text-align:center}.pin-modal-buttons{display:flex;gap:1rem;justify-content:center}.pin-modal-cancel,.pin-modal-submit{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.pin-modal-submit{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 12px #ffd7004d;color:#1a1a2e}.pin-modal-submit:hover{box-shadow:0 6px 18px #ffd70066;transform:translateY(-2px)}.pin-modal-cancel{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.pin-modal-cancel:hover{background:#fff3;border-color:#ffffff80}.story-player{background:#000;flex-direction:column;overflow:hidden;position:fixed;touch-action:manipulation;z-index:99999}.story-player,.story-player__image-wrap{align-items:center;display:flex;inset:0;justify-content:center}.story-player__image-wrap{position:absolute}.story-player__image{height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;width:100%}.story-player__image.loaded{opacity:1}.story-player__minimal-btn{align-items:center;background:#0006;border:2px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s ease;width:44px;z-index:20}.story-player__minimal-btn:hover{background:#0009}.story-player__minimal-icon{font-size:1.1rem;line-height:1}.story-player__controls-anchor{align-items:flex-end;bottom:1rem;display:flex;flex-direction:row;gap:12px;justify-content:flex-end;left:1rem;position:absolute;right:1rem;z-index:20}.story-player__audio-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background .2s ease,transform .2s ease;width:48px;z-index:20}.story-player__audio-btn:hover:not(:disabled){background:#0009;transform:scale(1.05)}.story-player__audio-btn:disabled{cursor:not-allowed;opacity:.7}.story-player__seek-area{align-items:center;display:flex;flex:0 1;flex-direction:row;gap:.75rem;max-width:0;min-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .3s ease,flex .3s ease,max-width .3s ease}.story-player__seek-area.visible{flex:1 1;max-width:none;opacity:1;pointer-events:auto}.story-player__play-column{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.story-player__volume-wrap{align-items:center;display:flex;height:80px;justify-content:center;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease;width:24px}.story-player__volume-wrap.visible{max-height:80px;opacity:1}.story-player__volume-input{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:4px;height:8px;margin:0;transform:rotate(-90deg);transform-origin:center center;width:80px}.story-player__volume-input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:18px;width:18px}.story-player__volume-input::-moz-range-track{background:#ffffff4d;border-radius:4px;height:8px}.story-player__volume-input::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.story-player__seek-time{font-feature-settings:"tnum";color:#fffffff2;font-size:.9rem;font-variant-numeric:tabular-nums;min-width:2.75rem}.story-player__seek-input{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:4px;flex:1 1;height:8px;min-width:0}.story-player__seek-input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:18px;width:18px}.story-player__seek-input::-moz-range-track{background:#ffffff4d;border-radius:4px;height:8px}.story-player__seek-input::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.story-player__center-play-pause{align-items:center;display:flex;height:280px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:280px;z-index:25}.story-player__center-play-pause.visible{opacity:1;pointer-events:auto}.story-player__center-play-pause.fading{opacity:0;pointer-events:none;transition:opacity .4s ease}.story-player__pause-icon{gap:16px}.story-player__pause-icon,.story-player__play-icon{align-items:center;cursor:pointer;display:flex;height:160px;justify-content:center;width:160px}.story-player__play-icon:after{border-bottom:40px solid #0000;border-left:56px solid #fff;border-top:40px solid #0000;content:"";height:0;margin-left:16px;width:0}.story-player__pause-bar{background:#fff;border-radius:2px;height:64px;width:20px}.story-player__center-play-pause:hover .story-player__pause-bar{background:#ffffffe6}.story-player__center-play-pause:hover .story-player__play-icon:after{border-left-color:#ffffffe6}.story-player__loading-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:absolute;z-index:15}.story-player__loading-text{color:#fffffff2;font-size:1.1rem;font-weight:600}.story-player__toast{animation:story-player-toast-in .3s ease,story-player-toast-out .4s ease 2.6s forwards;background:#000000bf;border-radius:12px;bottom:30%;color:#fff;font-size:1rem;font-weight:600;left:50%;padding:1rem 1.5rem;position:absolute;transform:translateX(-50%);z-index:35}@keyframes story-player-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes story-player-toast-out{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.story-player__back-play-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:25}.story-player__back-play-btn,.story-player__back-play-overlay{align-items:center;display:flex;height:280px;justify-content:center;width:280px}.story-player__back-play-btn{background:#0000;border:none;color:#fff;cursor:pointer;padding:0;transition:transform .2s ease}.story-player__back-play-btn:hover{transform:scale(1.05)}.story-player__back-play-icon{align-items:center;display:flex;justify-content:center}.story-player__back-play-icon--pause{gap:16px}.story-player__back-play-icon--pause .story-player__pause-bar{background:#fff;border-radius:2px;height:64px;width:20px}.story-player__back-play-overlay:hover .story-player__back-play-icon--pause .story-player__pause-bar{background:#ffffffe6}.story-player__back-play-icon--play{align-items:center;display:flex;height:160px;justify-content:center;width:160px}.story-player__back-play-icon--play:after{border-bottom:40px solid #0000;border-left:56px solid #fff;border-top:40px solid #0000;content:"";height:0;margin-left:16px;width:0}.story-player__back-play-overlay:hover .story-player__back-play-icon--play:after{border-left-color:#ffffffe6}.story-player__audio-btn .audio-playing-notes,.story-player__audio-btn .audio-stopped-notes{font-size:.85rem;height:28px;left:50%;line-height:1;margin-left:-14px;margin-top:-14px;pointer-events:none;position:absolute;top:50%;width:28px}.story-player__audio-btn .audio-playing-note,.story-player__audio-btn .audio-stopped-note{align-items:center;display:inline-flex;justify-content:center;left:50%;margin-left:-.5em;margin-top:-.5em;position:absolute;text-shadow:0 0 4px currentColor;top:50%;transform-origin:50% 50%}.story-player__audio-btn .audio-stopped-note:first-child{color:#fff;opacity:.9;transform:translate(-3px,3px) scale(.8)}.story-player__audio-btn .audio-stopped-note:nth-child(2){color:#ffd699;opacity:1;transform:translate(3px,-3px) scale(.9)}.story-player__audio-btn .audio-stopped-note:nth-child(3){color:#c9b3ff;opacity:.85;transform:translate(2px,2px) scale(.75)}.story-player__audio-btn .audio-playing-note:first-child{animation:story-player-note-out-1 1.56s ease-out infinite both;animation-delay:0ms;color:#fff}.story-player__audio-btn .audio-playing-note:nth-child(2){animation:story-player-note-out-2 1.56s ease-out infinite both;animation-delay:.26s;color:#ffd699}.story-player__audio-btn .audio-playing-note:nth-child(3){animation:story-player-note-out-3 1.56s ease-out infinite both;animation-delay:.56s;color:#c9b3ff}@keyframes story-player-note-out-1{0%{opacity:1;transform:translate(0) scale(.9)}60%{opacity:.4;transform:translate(-4px,4px) scale(.85)}to{opacity:0;transform:translate(-4px,4px) scale(.8)}}@keyframes story-player-note-out-2{0%{opacity:1;transform:translate(0) scale(.9)}60%{opacity:.4;transform:translate(4px,-4px) scale(.85)}to{opacity:0;transform:translate(4px,-4px) scale(.8)}}@keyframes story-player-note-out-3{0%{opacity:1;transform:translate(3px,3px) scale(.9)}60%{opacity:.4;transform:translate(6px,6px) scale(.85)}to{opacity:0;transform:translate(6px,6px) scale(.8)}}.story-page{align-items:flex-start;display:flex;justify-content:center;margin-bottom:150px;min-height:calc(100vh - 200px);opacity:0;overflow-y:auto;padding:0;transform:translateY(20px);transition:all .5s ease;z-index:2000}.story-page,.story-page:before{background:#0000;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0}.story-page:before{content:"";z-index:-1}.story-page.visible{opacity:1;transform:translateY(0)}.story-container{align-items:center;display:flex;justify-content:center;max-width:900px;position:relative;width:90%;z-index:100}.story-progress-wrapper{bottom:150px;left:50%;max-width:900px;pointer-events:auto;position:fixed;transform:translateX(-50%);width:90%;z-index:2001}.story-progress-indicator{padding:1rem 0;text-align:center}.story-progress-indicator .progress-phase-row{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.story-progress-indicator .progress-phase-row .progress-phase-text{text-align:center}.story-progress-indicator .progress-phase-text{color:#fffffff2;font-size:1rem;font-weight:500;margin:0;text-shadow:0 1px 3px #0000004d}.story-progress-indicator .progress-phase-icon{animation:progress-icon-fade 1.5s ease-in-out infinite;height:1.5rem;object-fit:contain;opacity:.9;width:1.5rem}.story-progress-indicator .progress-phase-row .progress-phase-icon{flex-shrink:0}@keyframes progress-icon-fade{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.story-progress-indicator .progress-container{width:100%}.story-progress-indicator .progress-bar{background-color:#fff3;border-radius:2px;height:4px;overflow:hidden;width:100%}.story-progress-indicator .progress-fill{background:linear-gradient(90deg,gold,#ffed4e);border-radius:2px;box-shadow:0 0 10px #ffd70080;height:100%;transition:width .5s ease-out}.story-error{animation:shake .5s ease-in-out;background:#fff;border-radius:30px;box-shadow:0 20px 60px #667eea33;max-width:550px;padding:3rem 2.5rem;text-align:center;width:100%}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.story-error h2{color:#e74c3c;font-size:1.8rem;margin-bottom:1.5rem}.story-error p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.back-button,.close-button,.retry-button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.retry-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.close-button{background:#e0e0e0;color:#666}.close-button:hover{background:#d0d0d0}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.back-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.story-content-card{animation:slideUp .5s ease-out;background:#0000;border-radius:30px;box-shadow:0 20px 60px #667eea33;display:flex;flex-direction:column;max-height:calc(100vh - 200px);overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.story-card-header{background:#0000;border-bottom:1px solid #fff3;border-radius:30px 30px 0 0;justify-content:space-between;padding:2rem 2.5rem;position:relative}.close-story-btn,.story-card-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex}.close-story-btn{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:48px;justify-content:center;padding:.75rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:48px}.close-story-btn:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.story-card-header h1{color:#fff;flex:1 1;font-size:1.8rem;font-weight:700;margin:0;padding-right:48px;text-align:center}.story-body{display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto;padding:2.5rem}.story-body::-webkit-scrollbar{width:8px}.story-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.story-body::-webkit-scrollbar-thumb{background:#ffffff4d;border:1px solid #ffffff1a;border-radius:10px}.story-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.story-image-wrapper{margin-bottom:1rem;overflow:visible;position:relative}.story-image{text-align:center}.story-image img{aspect-ratio:auto;border:3px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 30px #667eea33;display:block;height:auto;margin:0 auto;max-height:80vh;max-width:100%;object-fit:contain;transition:transform .3s ease}.story-image img:hover{transform:scale(1.02)}.story-segment{animation:fadeIn .5s ease-in;margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.story-segment:last-child{margin-bottom:0}.loading-next-segment{margin:1rem 0;padding:1.5rem;text-align:center}.loading-next-segment p{color:gold;font-size:1rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.loading-next-segment .loading-dots{display:inline-block}.loading-next-segment .loading-dots span{animation:dotPulse 1.4s infinite;opacity:0}.loading-next-segment .loading-dots span:first-child{animation-delay:0s}.loading-next-segment .loading-dots span:nth-child(2){animation-delay:.2s}.loading-next-segment .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.story-text{background:#0000;border-left:4px solid #667eea;border-radius:20px;padding:1.5rem;position:relative}.story-text-content{color:#fff;font-size:1.15rem;line-height:1.8;text-align:left}.audio-player-overlay{align-items:center;bottom:.75rem;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;left:.75rem;overflow:visible;pointer-events:auto;position:absolute;right:.75rem;z-index:10}.audio-time{font-feature-settings:"tnum";color:#fffffff2;flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right;text-shadow:0 1px 2px #00000080}.audio-player-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-left:auto;overflow:hidden;position:relative;transition:background .2s ease,transform .2s ease;width:44px}.audio-player-btn:hover:not(:disabled){background:#00000080;transform:scale(1.05)}.audio-player-btn:disabled{cursor:not-allowed;opacity:.7}.audio-player-play-icon{flex-shrink:0}.audio-player-loading{font-size:1.1rem}.audio-playing-notes,.audio-stopped-notes{font-size:.85rem;height:28px;left:50%;line-height:1;margin-left:-14px;margin-top:-14px;pointer-events:none;position:absolute;top:50%;width:28px}.audio-playing-note,.audio-stopped-note{align-items:center;display:inline-flex;justify-content:center;left:50%;margin-left:-.5em;margin-top:-.5em;position:absolute;text-shadow:0 0 4px currentColor;top:50%;transform-origin:50% 50%}.audio-stopped-note:first-child{color:#fff;opacity:.9;transform:translate(-3px,3px) scale(.8)}.audio-stopped-note:nth-child(2){color:#ffd699;opacity:1;transform:translate(3px,-3px) scale(.9)}.audio-stopped-note:nth-child(3){color:#c9b3ff;opacity:.85;transform:translate(2px,2px) scale(.75)}.audio-playing-note:first-child{animation:note-out-1 1.56s ease-out infinite both;animation-delay:0ms;color:#fff}.audio-playing-note:nth-child(2){animation:note-out-2 1.56s ease-out infinite both;animation-delay:.26s;color:#ffd699}.audio-playing-note:nth-child(3){animation:note-out-3 1.56s ease-out infinite both;animation-delay:.56s;color:#c9b3ff}@keyframes note-out-1{0%{opacity:1;transform:translate(0) scale(.9)}60%{opacity:.4;transform:translate(-4px,4px) scale(.85)}to{opacity:0;transform:translate(-4px,4px) scale(.8)}}@keyframes note-out-2{0%{opacity:1;transform:translate(0) scale(.9)}60%{opacity:.4;transform:translate(4px,-4px) scale(.85)}to{opacity:0;transform:translate(4px,-4px) scale(.8)}}@keyframes note-out-3{0%{opacity:1;transform:translate(3px,3px) scale(.9)}60%{opacity:.4;transform:translate(6px,6px) scale(.85)}to{opacity:0;transform:translate(6px,6px) scale(.8)}}.audio-timeline-wrap{align-items:center;display:flex;flex:1 1;min-width:0}.audio-timeline{-webkit-appearance:none;appearance:none;background:#0000;border:none;display:block;height:18px;outline:none;padding:0;width:100%}.audio-timeline::-webkit-slider-runnable-track{background:#00000073;border:1px solid #ffffff59;border-radius:5px;height:10px;margin:4px 0}.audio-timeline::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #0003;border-radius:50%;box-shadow:0 1px 4px #0006;cursor:pointer;height:18px;margin-top:-4px;vertical-align:middle;width:18px}.audio-timeline::-moz-range-track{background:#00000073;border:1px solid #ffffff59;border-radius:5px;height:10px}.audio-timeline::-moz-range-thumb{background:#fff;border:2px solid #0003;border-radius:50%;box-shadow:0 1px 4px #0006;cursor:pointer;height:18px;margin-top:-4px;width:18px}.voice-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease;width:40px;z-index:10}.voice-button:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.voice-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.story-page{margin-bottom:60px;padding:1rem 0}.story-container{width:95%}.story-content-card{border-radius:20px;max-height:calc(100vh - 140px)}.story-card-header{border-radius:20px 20px 0 0;padding:1.5rem 3.5rem 1.5rem 1.5rem;position:relative}.story-card-header h1{word-wrap:break-word;font-size:1.4rem;overflow-wrap:break-word;padding-left:0;padding-right:3rem;text-align:left}.close-story-btn{font-size:1.2rem;height:40px;right:1rem;top:1rem;width:40px}.story-body{padding:1.5rem}.story-text{padding:1.25rem}.story-text-content{font-size:1.05rem}.voice-button{font-size:1.1rem;height:36px;width:36px}.audio-player-overlay{bottom:.6rem;gap:.4rem;left:.6rem;right:.6rem}.audio-player-btn{height:40px;width:40px}.story-controls{flex-wrap:wrap;padding:1.25rem 1.5rem}.nav-button,.play-button{font-size:.95rem;padding:.9rem 1.5rem}.nav-button{flex:1 1;min-width:120px}.play-button{flex:1 1 100%;margin-bottom:.5rem;max-width:none;order:-1}}@media (max-width:480px){.story-page{margin-bottom:40px}.story-error,.story-loading{border-radius:20px;padding:2rem 1.5rem}.story-card-header{padding:1.25rem 3rem 1.25rem 1.25rem;position:relative}.story-card-header h1{font-size:1.2rem;padding-left:0;padding-right:2.5rem}.close-story-btn{font-size:1.1rem;height:36px;right:.75rem;top:.75rem;width:36px}.story-body{padding:1.25rem}.story-text{padding:1rem}.story-text-content{font-size:1rem}.voice-button{height:32px;width:32px}.audio-playing-notes,.audio-stopped-notes{font-size:.75rem;height:24px;margin-left:-12px;margin-top:-12px;width:24px}.audio-player-overlay{bottom:.5rem;gap:.35rem;left:.5rem;right:.5rem}.audio-player-btn{height:36px;width:36px}.audio-player-play-icon{height:16px;width:16px}.audio-time{font-size:.75rem;min-width:2.25rem}.story-controls{padding:1rem}.nav-button,.play-button{font-size:.9rem;padding:.85rem 1.25rem}}.app{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;height:100vh;height:100dvh;overflow:hidden;width:100vw}.loading-screen{align-items:center;background:linear-gradient(135deg,#fff,#764ba2);color:#fff;display:flex;flex-direction:column;font-size:1.2rem;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-screen{align-items:center;background:#f8f9fa;color:#dc3545;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.error-screen h1{font-size:2rem;margin-bottom:1rem}.error-screen p{color:#6c757d;font-size:1.1rem}.magical-glow{filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.floating-animation{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-routes{grid-row:1;min-height:0;overflow-y:auto;position:relative;z-index:2}.starry-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.story-route-wrapper{position:relative;z-index:15}.star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;position:absolute;z-index:11}.star-small{height:2px;width:2px}.star-medium{height:3px;width:3px}.star-large{height:4px;width:4px}.star-bright{box-shadow:0 0 10px #fffc;height:5px;width:5px}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}