@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--primary: #8b5cf6;--primary-dark: #7c3aed;--kid-orange: #f59e0b;--kid-orange-dark: #d97706;--success: #10b981;--success-dark: #059669;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-heading: "Fredoka", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;line-height:1.5;color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin:0}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none;padding:0;font-size:inherit;color:inherit}input,textarea,select{font-family:var(--font-body);font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}.container{width:100%;max-width:500px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:1rem;border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-md);text-transform:none;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-orange{background-color:var(--kid-orange);color:var(--white)}.btn-orange:hover{background-color:var(--kid-orange-dark)}.btn-success{background-color:var(--success);color:var(--white)}.btn-success:hover{background-color:var(--success-dark)}.animated-gradient-bg{position:fixed;inset:0;z-index:-1;opacity:.3;pointer-events:none}.animated-gradient-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;animation:gradientRotate 30s ease infinite;will-change:transform}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-kid:before{background:radial-gradient(ellipse at center,#8b5cf666,#ec489966,#3b82f666,#9333ea66,#8b5cf666)}.gradient-parent:before{background:radial-gradient(ellipse at center,#8b5cf633,#c4b5fd33,#a5b4fc33,#c4b5fd33,#8b5cf633)}.kid-page{position:relative;min-height:100vh;background-color:#fefefe}.parent-page{position:relative;min-height:100vh;background-color:#fafafa}@media (max-width: 640px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.animated-gradient-bg{opacity:.2}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.welcome-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(to bottom,#87ceeb,#98d8c8 40%,#7cb342,#558b2f)}.welcome-container:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:300px;background-color:#2e7d32;clip-path:polygon(0% 100%,0% 60%,5% 50%,10% 45%,15% 35%,20% 30%,25% 20%,30% 15%,35% 25%,40% 35%,45% 40%,50% 30%,55% 25%,60% 20%,65% 15%,70% 10%,75% 20%,80% 30%,85% 35%,90% 25%,95% 20%,100% 30%,100% 100%);z-index:1}.welcome-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background-color:#1b5e20;clip-path:polygon(0% 100%,0% 70%,10% 65%,15% 55%,20% 50%,25% 45%,30% 50%,35% 55%,40% 60%,45% 50%,50% 45%,55% 40%,60% 45%,65% 50%,70% 55%,75% 45%,80% 40%,85% 45%,90% 50%,95% 55%,100% 60%,100% 100%);z-index:2}.welcome-content{text-align:center;z-index:10;position:relative;padding:2rem;background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:500px;width:90%}.logo-container{margin-bottom:1.5rem}.logo-image{width:120px;height:120px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.welcome-title{font-size:2.5rem;color:#2e7d32;margin-bottom:.5rem;font-weight:700;font-family:Poppins,sans-serif}.welcome-subtitle{font-size:1.2rem;color:#558b2f;margin-bottom:2.5rem;font-weight:400}.button-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;width:250px;text-transform:none;font-family:Poppins,sans-serif;box-shadow:0 4px 15px #0000001a}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 6px 20px #4caf504d}.btn-orange{background-color:#ff6b35;color:#fff}.btn-orange:hover{background-color:#e55a2b;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b354d}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.welcome-content{animation:gentle-float 6s ease-in-out infinite}@media (max-width: 768px){.welcome-container:before{height:200px}.welcome-container:after{height:150px}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.logo-image{width:100px;height:100px}.btn{width:200px;font-size:1rem;padding:.8rem 2rem}}@media (min-width: 769px){.welcome-container:before{box-shadow:inset -100px -200px 50px #ffffff1a,inset 0 -50px 100px #0000001a}}.btn:focus{outline:3px solid #2E7D32;outline-offset:2px}.btn:active{transform:scale(.98)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.login-container.parent-theme{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.login-content{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);position:relative;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.back-button{background:none;border:none;font-size:1rem;color:var(--gray-600);cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-md);display:inline-flex;align-items:center;transition:color var(--transition-base);font-family:var(--font-body)}.back-button:hover{color:var(--primary)}.logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);animation:gentleFloat 3s ease-in-out infinite}.logo-image{width:200px;height:200px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.login-title{font-family:var(--font-heading);font-size:2rem;color:var(--gray-800);margin-bottom:var(--spacing-sm);font-weight:600}.login-subtitle{font-family:var(--font-body);color:var(--gray-600);margin-bottom:var(--spacing-xl);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-group input{padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);transition:border-color var(--transition-base);background-color:var(--white);color:var(--gray-800)}.form-group input:focus{outline:none;border-color:var(--primary)}.submit-button{background-color:var(--primary);color:var(--white);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;font-family:var(--font-body);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-sm);box-shadow:var(--shadow-md)}.submit-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.form-footer{display:flex;justify-content:center;margin-top:var(--spacing-lg);font-size:.875rem;font-family:var(--font-body)}.link{color:var(--primary);text-decoration:none;transition:color var(--transition-base)}.link:hover{color:var(--primary-dark);text-decoration:underline}.link-button{background:none;border:none;color:var(--primary);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:color var(--transition-base);text-decoration:none;padding:0}.link-button:hover{color:var(--primary-dark);text-decoration:underline}.link-button:disabled{opacity:.5;cursor:not-allowed}.error-message{background-color:#fee2e2;border:1px solid #FCA5A5;color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-family:var(--font-body);font-size:.875rem;animation:slideDown .3s ease-out}.field-error{color:#dc2626;font-size:.75rem;font-family:var(--font-body);margin-top:var(--spacing-xs);display:block}.input-error{border-color:#dc2626!important}.form-group input:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button:disabled:hover{transform:none;box-shadow:var(--shadow-md);background-color:var(--primary)}.loading-text{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.loading-text:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top-color:var(--white);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-button:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 640px){.login-content{padding:var(--spacing-2xl)}.login-title{font-size:2.5rem}}.login-container.kid-theme{background:linear-gradient(135deg,var(--kid-orange) 0%,var(--kid-orange-dark) 100%);position:relative;overflow:hidden}.login-container.kid-theme:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:float 20s linear infinite}@keyframes float{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.kid-content{position:relative;background:var(--white);border:3px solid rgba(245,158,11,.3);animation:slideUp .4s ease-out;max-height:90vh;overflow-y:auto}.kid-header{text-align:center;margin-bottom:var(--spacing-md);position:relative}.kid-logo{width:200px;height:200px;margin-bottom:var(--spacing-lg);display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:gentleFloat 2s ease-in-out infinite;transition:transform .3s ease;position:relative}.kid-logo:hover{transform:rotate(10deg) scale(1.05)}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kid-header{position:relative}.sparkle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;pointer-events:none;animation:sparkleFloat 2s ease-out forwards;box-shadow:0 0 6px gold,0 0 10px orange}.sparkle:nth-child(odd){background:orange;box-shadow:0 0 6px orange,0 0 10px #ff8c00}@keyframes sparkleFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--sparkle-x)),calc(-50% + var(--sparkle-y))) scale(0)}}.kid-logo.success{animation:logoSuccess .6s ease-out}@keyframes logoSuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.kid-title{font-family:var(--font-heading);color:var(--kid-orange);font-size:1.5rem;margin-bottom:var(--spacing-xs);font-weight:700}.kid-subtitle{font-family:var(--font-body);color:var(--kid-orange-dark);font-size:1.1rem;font-weight:500}.kid-label{font-family:var(--font-heading);color:var(--kid-orange);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);display:block;text-align:center}.kid-login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.name-input{border:3px solid rgba(245,158,11,.3);font-size:1.125rem;padding:var(--spacing-md);text-align:center;transition:all var(--transition-base);font-family:var(--font-body);border-radius:var(--radius-md);width:100%}.name-input:focus{border-color:var(--kid-orange);background-color:#fef3c74d;outline:none}.pin-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.pin-dots-container{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.pin-dot{width:40px;height:40px;border:3px solid var(--kid-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--kid-orange);background-color:#f59e0b1a;transition:all var(--transition-base)}.pin-dot.filled{background-color:var(--kid-orange);color:var(--white);transform:scale(1.1);animation:dotPop .3s ease-out}@keyframes dotPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);width:100%;max-width:280px;margin:0 auto}.pin-button{background-color:#8b5cf6;color:var(--white);border:none;border-radius:var(--radius-lg);font-size:1.25rem;font-weight:700;font-family:var(--font-heading);padding:var(--spacing-md);height:55px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px #7c3aed;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #7c3aed}.pin-button:active:not(:disabled),.pin-button.pin-button-pressed{transform:translateY(2px);box-shadow:0 2px #7c3aed}.pin-button:disabled{opacity:.5;cursor:not-allowed}.pin-button:nth-child(10){grid-column:2}.backspace-button{background-color:#dc2626;box-shadow:0 4px #991b1b;grid-column:3}.backspace-button:hover:not(:disabled){box-shadow:0 6px #991b1b}.backspace-button:active:not(:disabled){box-shadow:0 2px #991b1b}.pin-hint{font-family:var(--font-body);font-size:.875rem;color:var(--kid-orange-dark);text-align:center;display:block;margin-top:var(--spacing-md)}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffffff2;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);font-family:var(--font-heading);color:var(--kid-orange);font-size:1.25rem;z-index:10}.loading-emoji{font-size:3rem;animation:rocket 1s ease-in-out infinite}@keyframes rocket{0%,to{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-20px) rotate(-45deg)}}.success-animation{animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(.95)}to{transform:scale(1)}}.fun-decoration{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-sm);opacity:.6}.star{font-size:1.5rem;animation:twinkle 2s ease-in-out infinite}.star:nth-child(2){animation-delay:.3s}.star:nth-child(3){animation-delay:.6s}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (min-width: 640px){.kid-title{font-size:2rem}.kid-subtitle{font-size:1.25rem}.pin-button{height:80px;font-size:1.75rem}.pin-dot{width:60px;height:60px}.fun-decoration{font-size:2rem}}.quote-display{margin:var(--spacing-lg) 0;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quote-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.quote-icon{font-size:2rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.quote-text{font-family:var(--font-body);margin:0;line-height:1.6}.quote-author{font-family:var(--font-body);font-size:.875rem;margin:0;font-style:italic;opacity:.8}.quote-display-kid{background:linear-gradient(135deg,#ffe5b4,gold);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 15px #ffd7004d;position:relative;overflow:hidden}.quote-display-kid .particles{position:absolute;inset:0;pointer-events:none;z-index:1}.quote-display-kid .particle{position:absolute;font-size:1.2rem;animation:particleFloat 8s linear infinite;opacity:.6}.quote-display-kid .particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:7s}.quote-display-kid .particle:nth-child(2){left:30%;animation-delay:1s;animation-duration:9s}.quote-display-kid .particle:nth-child(3){left:50%;animation-delay:2s;animation-duration:8s}.quote-display-kid .particle:nth-child(4){left:70%;animation-delay:3s;animation-duration:10s}.quote-display-kid .particle:nth-child(5){left:90%;animation-delay:4s;animation-duration:7s}@keyframes particleFloat{0%{transform:translateY(100%) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100%) rotate(360deg);opacity:0}}.quote-display-kid:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px);background-size:20px 20px;animation:float 20s linear infinite;opacity:.5}.quote-display-kid .quote-content{position:relative;z-index:1}.quote-display-kid .quote-text{font-size:1.25rem;color:var(--gray-800);font-weight:500}.quote-display-kid .quote-author{color:var(--gray-700)}.quote-display-parent{background-color:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.quote-display-parent .quote-icon{font-size:1.5rem;color:var(--primary)}.quote-display-parent .quote-text{font-size:1rem;color:var(--gray-700);font-style:italic}.quote-display-parent .quote-author{color:var(--gray-600);font-size:.75rem}@media (max-width: 640px){.quote-display-kid .quote-text{font-size:1.125rem}.quote-display-parent .quote-text{font-size:.875rem}}.quote-display.quote-in-banner{margin:var(--spacing-sm) 0;padding:var(--spacing-md)!important}.quote-display.quote-in-banner .quote-icon{font-size:1.25rem}.quote-display.quote-in-banner .quote-text{font-size:.9rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.modal-header h2{font-family:var(--font-heading);color:var(--gray-800);margin:0}.close-button{background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base)}.close-button:hover{background-color:var(--gray-100);color:var(--gray-700)}.add-kid-form{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-family:var(--font-body);font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-sm)}.form-group input{width:100%;padding:var(--spacing-md);font-family:var(--font-body);font-size:1rem;border:2px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-sm)}.avatar-option{aspect-ratio:1;background-color:var(--gray-100);border:3px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.avatar-option:hover{background-color:var(--gray-200);transform:scale(1.05)}.avatar-option.selected{background-color:var(--primary-light);border-color:var(--primary)}.error-message{background-color:#fee2e2;color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-family:var(--font-body)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.cancel-button,.submit-button{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-body);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.cancel-button{background-color:var(--gray-200);color:var(--gray-700)}.cancel-button:hover{background-color:var(--gray-300)}.submit-button{background-color:var(--primary);color:var(--white)}.submit-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-view{padding:var(--spacing-xl);text-align:center}.success-icon{font-size:4rem;margin-bottom:var(--spacing-lg);animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-details{background-color:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.kid-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.kid-avatar-large{font-size:3rem;width:80px;height:80px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.kid-info h3{font-family:var(--font-heading);color:var(--gray-800);margin:0;font-size:1.5rem}.pin-display{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-lg);border:2px solid var(--primary-light)}.pin-display p{font-family:var(--font-body);color:var(--gray-600);margin:0 0 var(--spacing-sm) 0}.pin-number{font-family:monospace;font-size:2.5rem;font-weight:700;color:var(--primary);letter-spacing:.5em;margin:var(--spacing-md) 0}.pin-warning{color:var(--warning)!important;font-size:.875rem;margin-top:var(--spacing-md)!important}.close-success-button{background-color:var(--primary);color:var(--white);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.close-success-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}@media (max-width: 640px){.modal-content{margin:var(--spacing-md)}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.avatar-emoji{font-size:1.5rem}}.kid-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;transition:all var(--transition-base)}.kid-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.kid-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.kid-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-emoji{font-size:2rem}.kid-info{flex:1}.kid-info h3{font-family:var(--font-heading);color:var(--gray-800);margin:0;font-size:1.25rem}.kid-age{font-family:var(--font-body);color:var(--gray-600);font-size:.875rem}.edit-form{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.edit-input{font-family:var(--font-body);padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-size:1rem;transition:all var(--transition-base)}.edit-input:focus{outline:none;border-color:var(--primary)}.age-input{width:80px}.kid-stats{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:var(--spacing-xs)}.stat-icon{font-size:1.25rem}.stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--gray-800)}.stat-label{font-family:var(--font-body);color:var(--gray-600);font-size:.875rem}.pin-section{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.pin-header{display:flex;align-items:center;gap:var(--spacing-sm)}.pin-label{font-family:var(--font-body);color:var(--gray-600);font-size:.875rem;font-weight:600}.pin-toggle{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;transition:all var(--transition-base);padding:0}.pin-toggle:hover{opacity:1;transform:scale(1.1)}.pin-value{font-family:monospace;font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:.2em}.kid-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.action-button{padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.action-button.edit{background-color:var(--gray-100);color:var(--gray-700)}.action-button.edit:hover{background-color:var(--gray-200)}.action-button.delete{background-color:#fee2e2;color:#dc2626}.action-button.delete:hover{background-color:#fca5a5}.action-button.delete.confirming{background-color:#dc2626;color:var(--white);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.action-button.cancel{background-color:var(--gray-200);color:var(--gray-700)}.action-button.cancel:hover{background-color:var(--gray-300)}.action-button.save{background-color:var(--primary);color:var(--white)}.action-button.save:hover{background-color:var(--primary-dark)}@media (max-width: 640px){.kid-card{padding:var(--spacing-md)}.kid-avatar{width:50px;height:50px}.avatar-emoji{font-size:1.5rem}.kid-stats{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.pin-section{align-items:flex-start;width:100%}}.parent-dashboard{min-height:100vh;background-color:var(--time-aware-bg);transition:background-color var(--transition-time) ease-in-out}.dashboard-header{background-color:var(--primary);padding:var(--spacing-md) 0;box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.header-logo{width:40px;height:40px;filter:brightness(0) invert(1)}.logo{font-size:2rem}.dashboard-header h1{font-family:var(--font-heading);color:var(--white);font-size:1.5rem;margin:0}.logout-button{background-color:#fff3;color:var(--white);border:1px solid rgba(255,255,255,.3);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.logout-button:hover{background-color:#ffffff4d}.dashboard-content{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.welcome-section{margin-bottom:var(--spacing-2xl)}.greeting-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.greeting-icon{font-size:3rem;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.greeting-header h2{font-family:var(--font-heading);color:var(--gray-800);font-size:2rem;margin:0 0 var(--spacing-xs) 0}.greeting-header p{font-family:var(--font-body);color:var(--gray-600);font-size:1.125rem;margin:0}.evening-suggestions{background-color:var(--time-aware-card-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);border:2px solid rgba(245,158,11,.2);transition:background-color var(--transition-time)}.evening-suggestions h3{font-family:var(--font-heading);color:var(--gray-800);font-size:1.25rem;margin:0 0 var(--spacing-md) 0}.suggestion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.suggestion-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#f59e0b1a;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.suggestion-card:hover{background-color:#f59e0b33;transform:translateY(-2px)}.suggestion-icon{font-size:2rem;opacity:var(--evening-icon-opacity)}.suggestion-card span:last-child{font-family:var(--font-body);font-size:.875rem;color:var(--gray-700);text-align:center;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background-color:var(--time-aware-card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-base),background-color var(--transition-time)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{font-size:2.5rem;background-color:var(--gray-100);width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-info h3{font-family:var(--font-heading);font-size:2rem;color:var(--gray-800);margin:0}.stat-info p{font-family:var(--font-body);color:var(--gray-600);margin:0;font-size:.875rem}.hero-journey-section{margin-bottom:var(--spacing-2xl)}.hero-journey-button{width:100%;display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--kid-orange) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.hero-journey-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:scale(0);transition:transform .6s ease-out}.hero-journey-button:hover:before{transform:scale(1)}.hero-journey-button:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #0003}.journey-icon{font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.journey-text{flex:1;text-align:left}.journey-text h3{font-family:var(--font-heading);color:var(--white);font-size:1.5rem;margin:0 0 var(--spacing-xs) 0;font-weight:700}.journey-text p{font-family:var(--font-body);color:#ffffffe6;font-size:1rem;margin:0}.journey-arrow{font-size:2rem;color:var(--white);transition:transform var(--transition-base)}.hero-journey-button:hover .journey-arrow{transform:translate(5px)}.kids-section{background-color:var(--time-aware-card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background-color var(--transition-time)}.section-header h3{font-family:var(--font-heading);color:var(--gray-800);font-size:1.5rem;margin:0}.add-kid-button{background-color:var(--kid-orange);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base)}.add-kid-button:hover{background-color:var(--kid-orange-dark);transform:translateY(-2px)}.kids-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.kid-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--gray-50);border-radius:var(--radius-md);transition:all var(--transition-base)}.kid-card:hover{background-color:var(--gray-100);transform:translate(4px)}.kid-info{display:flex;align-items:center;gap:var(--spacing-md)}.kid-avatar{font-size:2.5rem;background-color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.kid-info h4{font-family:var(--font-heading);color:var(--gray-800);font-size:1.25rem;margin:0}.kid-points{display:flex;align-items:center;gap:var(--spacing-sm)}.points-icon{font-size:1.25rem}.points-value{font-family:var(--font-heading);font-size:1.5rem;color:var(--kid-orange);font-weight:600}.points-label{font-family:var(--font-body);color:var(--gray-600);font-size:.875rem}.pending-approvals-section{margin-bottom:var(--spacing-2xl)}.pending-approvals-section .section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.pending-badge{background-color:var(--orange-primary);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.approvals-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.approval-card{background-color:var(--time-aware-card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--gray-200);transition:all var(--transition-base),background-color var(--transition-time)}.approval-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.approval-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.quest-info{display:flex;gap:var(--spacing-md);align-items:flex-start}.quest-icon{font-size:2rem;background-color:var(--gray-100);width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.quest-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--gray-900)}.quest-meta{font-size:.875rem;color:var(--gray-600);margin:0}.quest-points{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--primary)}.approval-actions{display:flex;gap:var(--spacing-sm)}.approve-button,.reject-button{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.approve-button{background-color:var(--success);color:var(--white)}.approve-button:hover{background-color:#059669;transform:translateY(-1px)}.reject-button{background-color:var(--gray-200);color:var(--gray-700)}.reject-button:hover{background-color:var(--gray-300);transform:translateY(-1px)}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.greeting-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.greeting-icon{font-size:2.5rem}.greeting-header h2{font-size:1.5rem}.greeting-header p{font-size:1rem}.hero-journey-button{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.journey-text{text-align:center}.journey-text h3{font-size:1.25rem}.journey-text p{font-size:.875rem}.journey-arrow{transform:rotate(90deg)}.hero-journey-button:hover .journey-arrow{transform:rotate(90deg) translate(0)}.evening-suggestions{padding:var(--spacing-md)}.suggestion-cards{grid-template-columns:1fr}.suggestion-card{flex-direction:row;justify-content:flex-start;gap:var(--spacing-md)}.kid-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.kid-info{flex-direction:column}}.kids-management-section{margin-top:var(--spacing-xl)}.add-kid-button{background-color:var(--primary);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.add-kid-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.kids-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.no-kids-message{text-align:center;padding:var(--spacing-xl);background-color:var(--gray-50);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.no-kids-message p{font-family:var(--font-body);color:var(--gray-600);margin:0}@media (max-width: 640px){.kids-grid{grid-template-columns:1fr}}.quest-card{background:var(--time-aware-card-bg);border:3px solid var(--quest-color, var(--gray-200));border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base),background-color var(--transition-time);box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden}.quest-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--quest-color);transition:height var(--transition-base)}.quest-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #00000026;border-color:var(--quest-color)}.quest-card:hover:before{height:8px}.quest-card:active{transform:translateY(-2px) scale(1.01);box-shadow:0 4px 12px #0000001a;transition:all .1s ease}@media (hover: none){.quest-card:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}}.quest-card-header{display:flex;justify-content:space-between;align-items:flex-start}.quest-icon-wrapper{width:50px;height:50px;background-color:rgba(var(--quest-color-rgb, 107, 114, 128),.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.quest-points{text-align:right;display:flex;flex-direction:column;gap:2px}.points-number{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--quest-color)}.points-label{font-family:var(--font-body);font-size:.75rem;color:var(--gray-600)}.quest-card-body{flex:1}.quest-title{font-family:var(--font-heading);font-size:1.125rem;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0;font-weight:600}.quest-description{font-family:var(--font-body);font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.4}.quest-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.quest-category{font-family:var(--font-body);font-size:.75rem;color:var(--quest-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quest-start-btn{background-color:var(--quest-color);color:var(--white);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.quest-start-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.quest-start-btn:active{transform:scale(.95)}@media (max-width: 640px){.quest-card{padding:var(--spacing-md)}.quest-icon-wrapper{width:40px;height:40px;font-size:1.5rem}.quest-title{font-size:1rem}.quest-description{font-size:.8125rem}}.points-animation-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.points-animation{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#fff;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0003;display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:700;animation:bounceInScale .6s ease-out forwards,fadeOut .5s ease-out 2s forwards;position:relative;overflow:visible}@keyframes bounceInScale{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{to{opacity:0;transform:scale(.8)}}.points-plus{font-size:2rem;color:#fef3c7}.points-value{font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.points-text{font-size:1.5rem;font-weight:600}.points-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;pointer-events:none}.sparkle{position:absolute;font-size:1.5rem;animation:sparkleFloat 2.5s ease-out forwards;opacity:0}.sparkle:nth-child(1){top:-20px;left:20%;animation-delay:.2s}.sparkle:nth-child(2){top:-10px;right:20%;animation-delay:.4s}.sparkle:nth-child(3){bottom:-20px;left:50%;animation-delay:.6s}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.5)}}@media (max-width: 640px){.points-animation{padding:var(--spacing-md) var(--spacing-lg)}.points-value{font-size:2.5rem}.points-text{font-size:1.25rem}}.kid-dashboard{min-height:100vh;background-color:var(--time-aware-bg);padding-bottom:80px;transition:background-color var(--transition-time) ease-in-out}.hero-section{background:linear-gradient(135deg,var(--kid-orange) 0%,var(--kid-orange-dark) 100%);padding:calc(var(--spacing-lg) + 60px) var(--spacing-lg) var(--spacing-2xl);text-align:center;position:relative;overflow:hidden}.logout-button-kid{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:#ffffff4d;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all var(--transition-base);z-index:10}.hero-header{position:absolute;top:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:10}.hero-logo{width:80px;height:80px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logout-button-kid:hover{background-color:#ffffff80;transform:scale(1.1)}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 2px,transparent 2px);background-size:40px 40px;animation:float 30s linear infinite}.hero-content{position:relative;z-index:1}.avatar-container{position:relative;display:inline-block;margin-top:20px;margin-bottom:var(--spacing-md)}.kid-avatar-large{font-size:3.5rem;background-color:var(--white);width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0003;animation:avatarFloat 3s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.level-badge{position:absolute;bottom:0;right:0;background-color:var(--primary);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:.875rem;box-shadow:var(--shadow-md)}.kid-name{font-family:var(--font-heading);color:var(--white);font-size:2.5rem;margin:0 0 var(--spacing-md) 0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.points-display{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:#fff3;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.star-icon{font-size:1.5rem}.points-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--white);transition:all .3s ease}.points-number.points-increasing{animation:pointsPulse .6s ease-out;color:gold}@keyframes pointsPulse{0%{transform:scale(1)}50%{transform:scale(1.3);filter:brightness(1.3)}to{transform:scale(1)}}.points-text{font-family:var(--font-body);color:var(--white);font-size:1rem}.animated-points{transition:all .6s ease-out}@keyframes pointsPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.points-display:has(.animated-points){animation:pointsPulse .6s ease-out}.level-progress{margin-top:var(--spacing-md);width:100%;max-width:300px}.progress-bar{width:100%;height:12px;background-color:#ffffff4d;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:0 2px 8px #0000001a;animation:progressPulse 3s ease-in-out infinite}@keyframes progressPulse{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 2px 16px #ffd70080}}.progress-fill{height:100%;background:linear-gradient(90deg,#fcd34d,#f59e0b,#fcd34d);background-size:200% 100%;border-radius:var(--radius-full);transition:width .6s ease-out;position:relative;overflow:hidden;animation:progressGradient 3s ease-in-out infinite}@keyframes progressGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-text{font-family:var(--font-body);font-size:.875rem;color:#ffffffe6;text-align:center;margin-top:var(--spacing-xs)}.dashboard-main{padding:var(--spacing-xl) var(--spacing-lg);max-width:600px;margin:0 auto}.todays-quests{margin-top:var(--spacing-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.todays-quests h2{font-family:var(--font-heading);color:var(--gray-800);font-size:1.75rem;margin:0}.see-all-button{background-color:var(--kid-orange);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.see-all-button:hover{background-color:var(--kid-orange-dark);transform:translateY(-1px)}.see-all-button:active{transform:translateY(0)}.quests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.quests-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.quest-card{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base)}.quest-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quest-card.completed{opacity:.7;background-color:var(--gray-50)}.quest-left{display:flex;align-items:center;gap:var(--spacing-md)}.quest-icon{font-size:2.5rem;background-color:var(--gray-100);width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.quest-info h3{font-family:var(--font-heading);color:var(--gray-800);font-size:1.125rem;margin:0 0 var(--spacing-xs) 0}.quest-points{font-family:var(--font-body);color:var(--kid-orange);font-weight:600;margin:0}.quest-status{flex-shrink:0}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--success);color:var(--white);border-radius:50%;font-size:1.25rem;font-weight:700}.start-button{background-color:var(--kid-orange);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.start-button:hover{background-color:var(--kid-orange-dark);transform:scale(1.05)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--white);box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:none;border:none;cursor:pointer;transition:all var(--transition-base);color:var(--gray-500)}.nav-item:hover,.nav-item.active{color:var(--kid-orange)}.nav-item:active .nav-icon{animation:navBounce .3s ease-out}@keyframes navBounce{0%{transform:scale(1)}40%{transform:scale(.8)}60%{transform:scale(1.2)}80%{transform:scale(.95)}to{transform:scale(1)}}.nav-icon{font-size:1.5rem;transition:transform .2s ease}.nav-label{font-family:var(--font-body);font-size:.75rem;font-weight:500}@media (max-width: 640px){.hero-section{padding:calc(var(--spacing-md) + 50px) var(--spacing-md) var(--spacing-xl)}.hero-logo{width:70px;height:70px}.avatar-container{margin-top:15px}.kid-avatar-large{width:70px;height:70px;font-size:3rem}.kid-name{font-size:2rem}.points-number{font-size:1.5rem}.section-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.todays-quests h2{font-size:1.5rem}.see-all-button{width:100%;text-align:center}.quests-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.quest-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.quest-left{flex-direction:column}}.achievements-section{margin-bottom:40px;padding:0 var(--spacing-md)}.achievement-badges{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer}.achievement-badge:hover{transform:translateY(-4px) rotate(2deg);box-shadow:0 8px 16px #00000026}.achievement-badge.locked{opacity:.4;filter:grayscale(1)}.badge-icon{font-size:48px;display:block}.badge-name{font-size:12px;font-weight:600;text-align:center;color:var(--gray-700)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.floating-points{position:fixed;font-size:2rem;font-weight:700;color:#10b981;font-family:var(--font-heading);pointer-events:none;z-index:9999;animation:floatUp 2s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-100px) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.quest-list-page{min-height:100vh;background-color:var(--time-aware-bg);position:relative;transition:background-color var(--transition-time) ease-in-out}.quest-list-header{background:linear-gradient(135deg,var(--kid-orange) 0%,var(--kid-orange-dark) 100%);color:var(--white);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #0000001a}.quest-list-header h1{font-family:var(--font-heading);font-size:1.75rem;margin:0;text-align:center;flex:1}.header-spacer{width:80px}.back-button{background-color:#fff3;color:var(--white);border:2px solid rgba(255,255,255,.3);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs);min-width:80px}.back-button:hover{background-color:#ffffff4d;transform:translate(-2px)}.category-filters{background-color:var(--white);padding:var(--spacing-md);display:flex;gap:var(--spacing-sm);overflow-x:auto;box-shadow:0 2px 4px #0000000d;position:sticky;top:60px;z-index:40;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:var(--gray-100)}.category-filters::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.filter-button{background-color:var(--gray-100);color:var(--gray-700);border:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;flex-shrink:0}.filter-button:hover{background-color:var(--gray-200);transform:translateY(-1px)}.filter-button.active{background-color:var(--category-color, var(--kid-orange));color:var(--white);border-color:var(--category-color, var(--kid-orange))}.filter-icon{font-size:1.125rem}.quest-list-main{padding:var(--spacing-xl) var(--spacing-lg);max-width:1200px;margin:0 auto;padding-bottom:100px}.category-section{margin-bottom:var(--spacing-2xl)}.category-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-lg)}.category-header h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--gray-900);margin:0}.quest-count{font-family:var(--font-body);font-size:.875rem;color:var(--gray-600);font-weight:500}.quests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.bottom-nav-spacer{height:80px}@media (max-width: 768px){.quest-list-header{padding:var(--spacing-md)}.quest-list-header h1{font-size:1.5rem}.back-button{min-width:auto;padding:var(--spacing-xs) var(--spacing-sm)}.header-spacer{width:60px}.category-filters{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xs)}.filter-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.quest-list-main{padding:var(--spacing-md)}.quests-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.category-header h2{font-size:1.25rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-section{animation:slideDown .3s ease-out}.category-section:nth-child(2){animation-delay:.1s}.category-section:nth-child(3){animation-delay:.2s}.category-section:nth-child(4){animation-delay:.3s}.category-section:nth-child(5){animation-delay:.4s}.quest-detail-page{min-height:100vh;background-color:var(--time-aware-bg);position:relative;padding-bottom:var(--spacing-2xl);transition:background-color var(--transition-time) ease-in-out}.quest-detail-header{background-color:var(--quest-color, var(--kid-orange));color:var(--white);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a}.quest-category-badge{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#fff3;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.875rem;font-weight:600}.category-icon{font-size:1.125rem}.quest-detail-main{padding:var(--spacing-xl) var(--spacing-lg);max-width:600px;margin:0 auto}.quest-hero{text-align:center;margin-bottom:var(--spacing-2xl);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quest-icon-large{font-size:5rem;display:inline-block;margin-bottom:var(--spacing-md);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quest-title-large{font-family:var(--font-heading);font-size:2.5rem;color:var(--gray-900);margin:0 0 var(--spacing-md) 0}.quest-description-large{font-family:var(--font-body);font-size:1.125rem;color:var(--gray-600);margin:0 0 var(--spacing-lg) 0;line-height:1.6}.quest-points-large{display:inline-flex;align-items:baseline;gap:var(--spacing-sm);background-color:var(--quest-color, var(--kid-orange));color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full)}.points-value{font-family:var(--font-heading);font-size:2rem;font-weight:700}.points-label{font-family:var(--font-body);font-size:1rem}.quest-instructions{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.quest-instructions h2{font-family:var(--font-heading);font-size:1.25rem;color:var(--gray-900);margin:0 0 var(--spacing-md) 0}.quest-instructions ol{margin:0;padding-left:var(--spacing-lg)}.quest-instructions li{font-family:var(--font-body);color:var(--gray-700);margin-bottom:var(--spacing-sm);line-height:1.5}.quest-actions{text-align:center;margin-top:var(--spacing-2xl)}.start-quest-button{background-color:var(--quest-color, var(--kid-orange));color:var(--white);border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px #0003;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.start-quest-button:hover{transform:translateY(-2px);box-shadow:0 6px #0003}.start-quest-button:active{transform:translateY(0);box-shadow:0 2px #0003}.quest-instruction{font-family:var(--font-body);font-size:1.125rem;color:var(--gray-700);margin-bottom:var(--spacing-lg);text-align:center}.quest-hint{font-family:var(--font-body);font-size:.875rem;color:var(--gray-600);margin-top:var(--spacing-sm);text-align:center}.completion-section{animation:fadeInUp .5s ease-out}.retake-button{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background-color:#000000b3;color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.retake-button:hover{background-color:#000000e6}.complete-button{background-color:var(--success);color:var(--white);border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px #0003}.complete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #0003}.complete-button:disabled{opacity:.7;cursor:not-allowed}.check-icon{font-size:1.5rem}.loading-spinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quest-progress{display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.step-icon{width:40px;height:40px;border:3px solid var(--gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;color:var(--gray-400);background-color:var(--white);transition:all var(--transition-base)}.step-label{font-family:var(--font-body);font-size:.75rem;color:var(--gray-600);white-space:nowrap}.progress-step.completed .step-icon{background-color:var(--success);color:var(--white);border-color:var(--success)}.progress-line{width:60px;height:3px;background-color:var(--gray-300);margin:0 var(--spacing-sm);transition:all var(--transition-base)}.progress-line.completed{background-color:var(--success)}.quest-not-found{text-align:center;padding:var(--spacing-2xl)}.quest-not-found h2{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:var(--spacing-lg)}.quest-not-found button{background-color:var(--kid-orange);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-base)}@media (max-width: 640px){.quest-detail-main{padding:var(--spacing-md)}.quest-title-large{font-size:2rem}.quest-icon-large{font-size:4rem}.start-quest-button{font-size:1.25rem;padding:var(--spacing-md) var(--spacing-lg)}.quest-progress{padding:var(--spacing-md)}.progress-line{width:40px}}:root{--knowledge-blue: #4A90E2;--daily-green: #7ED321;--strength-red: #FF6B6B;--creative-purple: #9B59B6;--helping-orange: #F39C12;--epic-gold: #F1C40F;--hero-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--card-spacing: 24px;--section-spacing: 48px;--transition-speed: .3s;--bounce-animation: cubic-bezier(.68, -.55, .265, 1.55)}.quest-builder-modern{font-family:Inter,sans-serif;background:linear-gradient(135deg,#ffecd2,#fcb69f);min-height:100vh;position:relative;overflow-x:hidden}.quest-builder-modern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(120,237,50,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(155,89,182,.1) 0%,transparent 50%);pointer-events:none;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-section{background:var(--hero-gradient);padding:60px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0003}.hero-section:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1))}.hero-title{font-family:Fredoka,cursive;font-size:48px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:titleBounce 2s ease-out;margin-bottom:16px}@keyframes titleBounce{0%{transform:translateY(-50px);opacity:0}50%{transform:translateY(10px)}to{transform:translateY(0);opacity:1}}.hero-subtitle{font-size:20px;color:#ffffffe6;font-weight:500}.progress-dashboard{background:#fff;border-radius:20px;padding:32px;margin:-40px auto 40px;max-width:800px;position:relative;z-index:10;box-shadow:0 20px 40px -10px #00000026}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card{text-align:center;padding:20px;border-radius:16px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);transition:transform var(--transition-speed) var(--bounce-animation)}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-family:Fredoka,cursive;font-size:36px;font-weight:700;background:var(--hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:14px;color:#64748b;margin-top:4px}.tab-navigation{background:#fff;border-radius:20px;padding:8px;box-shadow:var(--card-shadow);margin-bottom:40px;display:flex;gap:8px}.tab-button{flex:1;padding:16px 24px;border-radius:12px;font-family:Fredoka,cursive;font-weight:500;font-size:18px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:8px}.tab-button:hover{background:#f1f5f9}.tab-button.active{background:var(--hero-gradient);color:#fff;box-shadow:0 4px 12px -2px #667eea66}.tab-button svg{width:24px;height:24px}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--card-spacing);margin-bottom:var(--section-spacing)}.quest-card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease;cursor:pointer;position:relative;overflow:hidden;animation:cardFadeIn .6s ease-out forwards;opacity:0}.quest-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--card-color, #e2e8f0);transition:height var(--transition-speed) ease}.quest-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--card-shadow-hover)}.quest-card:hover:before{height:100%;opacity:.1}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quest-icon-wrapper{width:64px;height:64px;border-radius:16px;background:var(--icon-bg, #f1f5f9);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:32px;transition:transform var(--transition-speed) var(--bounce-animation)}.quest-card:hover .quest-icon-wrapper{transform:rotate(-5deg) scale(1.1)}.quest-title{font-family:Fredoka,cursive;font-size:24px;font-weight:600;color:#1e293b;margin-bottom:12px;line-height:1.2}.quest-description{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:16px}.quest-progress{margin-top:16px}.progress-bar-container{background:#e2e8f0;height:8px;border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--progress-color, #4a90e2);border-radius:4px;transition:width .6s ease;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;font-weight:600;color:#475569}.quest-card[data-category="Daily Heroes"]{--card-color: #7ED321;--icon-bg: #7ED32120;--progress-color: #7ED321}.quest-card[data-category="Knowledge Seekers"]{--card-color: #4A90E2;--icon-bg: #4A90E220;--progress-color: #4A90E2}.quest-card[data-category="Strength Training"]{--card-color: #FF6B6B;--icon-bg: #FF6B6B20;--progress-color: #FF6B6B}.quest-card[data-category="Creative Wizards"]{--card-color: #9B59B6;--icon-bg: #9B59B620;--progress-color: #9B59B6}.quest-card[data-category="Helping Hearts"]{--card-color: #F39C12;--icon-bg: #F39C1220;--progress-color: #F39C12}.category-header{font-family:Fredoka,cursive;font-size:32px;font-weight:600;color:#1e293b;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.category-icon{font-size:32px}.custom-quest-form{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--card-shadow-hover);max-width:600px;margin:0 auto}.form-group{margin-bottom:24px}.form-label{font-weight:600;color:#1e293b;margin-bottom:8px;display:block;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all var(--transition-speed) ease;background:#fff;color:#1e293b}.form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.btn-primary{background:var(--hero-gradient);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-family:Fredoka,cursive;font-weight:500;font-size:16px;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 12px -2px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px -2px #667eea80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:14px 28px;border-radius:12px;font-family:Fredoka,cursive;font-weight:500;font-size:16px;cursor:pointer;transition:all var(--transition-speed) ease}.btn-secondary:hover{background:#e2e8f0}.success-toast{position:fixed;top:24px;right:24px;background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 20px 40px -10px #0003;display:flex;align-items:center;gap:16px;animation:slideIn .4s ease-out;z-index:50}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.success-icon{width:48px;height:48px;background:var(--success-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.success-content h4{font-family:Fredoka,cursive;font-size:18px;font-weight:600;color:#1e293b;margin-bottom:4px}.success-content p{font-size:14px;color:#64748b}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px -10px #0000004d;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.achievement-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:40px;box-shadow:var(--card-shadow)}.badge-container{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.achievement-badge{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 4px 12px -2px #0003;transition:all var(--transition-speed) ease}.achievement-badge:hover{transform:rotate(10deg) scale(1.1)}@media (max-width: 768px){.hero-title{font-size:36px}.quest-grid,.stats-grid{grid-template-columns:1fr}.tab-button{font-size:14px;padding:12px 16px}.category-header{font-size:24px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:250px;border-radius:20px;margin-bottom:var(--card-spacing)}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quest-card:nth-child(1){animation-delay:.1s}.quest-card:nth-child(2){animation-delay:.2s}.quest-card:nth-child(3){animation-delay:.3s}.quest-card:nth-child(4){animation-delay:.4s}.quest-card:nth-child(5){animation-delay:.5s}.quest-card:nth-child(6){animation-delay:.6s}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:10px;height:10px;background:#4a90e2;animation:confetti-fall 3s linear}.evening-mode-indicator{position:fixed;top:var(--spacing-md);right:var(--spacing-md);background-color:#1f2937cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);font-size:.75rem;z-index:100;animation:fadeIn .5s ease-out;transition:all var(--transition-base)}.evening-mode-indicator:hover{background-color:#1f2937e6;transform:scale(1.05)}.moon-icon{font-size:1rem;display:inline-block;animation:gentlePulse 3s ease-in-out infinite}.evening-text{font-weight:500;opacity:.9}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.bedtime-reminder{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;animation:slideUpBounce .5s ease-out;max-width:400px;width:90%}.reminder-content{display:flex;align-items:center;gap:var(--spacing-lg);position:relative}.reminder-icon{font-size:3rem;animation:moonFloat 2s ease-in-out infinite}.reminder-text{flex:1}.reminder-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.reminder-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--gray-600);margin:0}.reminder-dismiss{position:absolute;top:calc(var(--spacing-md) * -1);right:calc(var(--spacing-md) * -1);background-color:var(--gray-200);color:var(--gray-600);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:1rem}.reminder-dismiss:hover{background-color:var(--gray-300);transform:scale(1.1)}@keyframes slideUpBounce{0%{opacity:0;transform:translate(-50%,-40%)}70%{transform:translate(-50%,-52%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.evening-mode-indicator{top:var(--spacing-sm);right:var(--spacing-sm);font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm)}.bedtime-reminder{padding:var(--spacing-lg)}.reminder-icon{font-size:2.5rem}.reminder-title{font-size:1.25rem}.reminder-subtitle{font-size:.875rem}}@media (min-width: 641px){.parent-dashboard .evening-mode-indicator,.quest-list-page .evening-mode-indicator{top:var(--spacing-lg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}.app-container{min-height:100vh;width:100%;position:relative}@media (min-width: 501px){body{background-color:var(--time-aware-bg);transition:background-color var(--transition-time) ease-in-out}.app-container{max-width:500px;margin:0 auto;background-color:#fff;box-shadow:0 0 20px #0000001a;position:relative;overflow:hidden}.bottom-nav{max-width:500px;left:50%!important;transform:translate(-50%)}}@media (max-width: 500px){body{background-color:#fff}.app-container{max-width:100%;box-shadow:none}}:root{--purple-primary: #8B5CF6;--purple-dark: #7C3AED;--orange-primary: #F97316;--orange-dark: #EA580C;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-600: #6B7280;--gray-900: #1F2937;--time-aware-bg: #FFFFFF;--time-aware-card-bg: #FAFAFA;--transition-time: .5s;--evening-icon-opacity: 1;--success-color: #10B981;--success-color-evening: #F59E0B;--success: #10B981}.evening-mode{--evening-icon-opacity: .85}.evening-mode .quest-icon,.evening-mode .kid-avatar,.evening-mode .kid-avatar-large,.evening-mode .stat-icon,.evening-mode .nav-icon,.evening-mode .star-icon,.evening-mode .loading-emoji,.evening-mode .camera-icon,.evening-mode .filter-icon,.evening-mode .category-icon{opacity:var(--evening-icon-opacity);filter:brightness(.9);transition:opacity var(--transition-time),filter var(--transition-time)}.evening-mode .check-icon,.evening-mode .approve-button,.evening-mode .complete-button,.evening-mode .progress-step.completed .step-icon,.evening-mode .progress-line.completed{background-color:var(--success-color-evening)!important;color:var(--white)}.evening-mode .approve-button:hover{background-color:#dc8806!important}