@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Comfortaa:wght@400;500;600;700&display=swap";:root{--sky-blue: #b8d8e8;--soft-pink: #f2c4c4;--cream: #fdf6ec;--sage-green: #c4d7b2;--lavender: #d4c5e2;--warm-peach: #f5d5c8;--muted-gold: #e8d5a3;--soft-coral: #e8a598;--deep-plum: #6b5b7b;--forest-green: #5a7a5a;--warm-brown: #8b7355;--text-dark: #4a3f5c;--text-light: #7a6b8a;--white-soft: #fffef9;--shadow-soft: rgba(107, 91, 123, .12);--shadow-medium: rgba(107, 91, 123, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,sans-serif;background:linear-gradient(160deg,var(--cream) 0%,var(--sky-blue) 40%,var(--lavender) 70%,var(--soft-pink) 100%);background-attachment:fixed;min-height:100vh;color:var(--text-dark);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.4),transparent),radial-gradient(3px 3px at 60% 20%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 80% 50%,rgba(255,255,255,.5),transparent),radial-gradient(3px 3px at 10% 80%,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 70% 90%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 90% 15%,rgba(255,255,255,.5),transparent),radial-gradient(3px 3px at 50% 50%,rgba(255,255,255,.2),transparent);animation:floatParticles 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatParticles{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(2deg);opacity:1}}#root{position:relative;z-index:1;min-height:100vh}.ghibli-btn{font-family:Comfortaa,cursive;font-weight:600;font-size:1rem;padding:14px 36px;border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;position:relative;overflow:hidden}.ghibli-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.ghibli-btn:hover:after{width:200px;height:200px}.ghibli-btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--soft-coral),var(--soft-pink));color:#fff;box-shadow:0 4px 15px #e8a59866}.btn-primary:hover{box-shadow:0 6px 25px #e8a59880;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--sage-green),#a8c49a);color:#fff;box-shadow:0 4px 15px #c4d7b266}.btn-secondary:hover{box-shadow:0 6px 25px #c4d7b280;transform:translateY(-2px)}.btn-play{background:linear-gradient(135deg,var(--muted-gold),#d4c090);color:var(--text-dark);box-shadow:0 4px 20px #e8d5a380;font-size:1.3rem;padding:18px 60px}.btn-play:hover{box-shadow:0 8px 30px #e8d5a399;transform:translateY(-3px)}.ghibli-card{background:#fffef9d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px var(--shadow-soft);padding:40px}.ghibli-input{font-family:Quicksand,sans-serif;font-size:1rem;padding:14px 20px;border:2px solid rgba(212,197,226,.4);border-radius:16px;background:#fffef9b3;color:var(--text-dark);width:100%;transition:all .3s ease;outline:none}.ghibli-input::placeholder{color:var(--text-light);opacity:.7}.ghibli-input:focus{border-color:var(--lavender);box-shadow:0 0 0 4px #d4c5e233;background:var(--white-soft)}.page-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#4a3f5c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white-soft);border-radius:28px;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 60px #6b5b7b40;padding:40px;max-width:520px;width:90%;position:relative;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#d4c5e233;color:var(--text-dark)}.star-icon{display:inline-block;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.error-msg{color:var(--soft-coral);font-size:.9rem;margin-top:12px;padding:10px 16px;background:#f2c4c433;border-radius:12px;border:1px solid rgba(232,165,152,.3)}.ghibli-title{font-family:Comfortaa,cursive;font-weight:700;color:var(--text-dark);letter-spacing:-.5px}.ghibli-subtitle{font-family:Quicksand,sans-serif;color:var(--text-light);font-weight:500}