@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--color-primary:#7a3bfc;--color-primary-light:#9d4edd;--color-text-main:#333;--color-text-light:#666;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-main);background-color:#f8f5ff;min-height:100vh;font-family:Fredoka,sans-serif;overflow-x:hidden}h1,h2,h3,h4{color:var(--color-primary);font-weight:700}input{border-radius:var(--radius-md);background:#fff;border:2px solid #e5e0f0;outline:none;width:100%;padding:1rem 1.2rem;font-family:Fredoka,sans-serif;font-size:1.1rem;transition:all .2s}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #7a3bfc26}input::placeholder{color:#a09db0;font-weight:500}.flex-center{justify-content:center;align-items:center;display:flex}.app-container{min-height:100vh}.diff-toggle-btn{cursor:pointer;color:#fff;border:none;border-radius:99px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:800;transition:all .2s;display:flex}.diff-normal{background:#10b981;box-shadow:0 4px #059669}.diff-normal:active{transform:translateY(4px);box-shadow:0 0 #059669}.diff-advanced{background:#ef4444;box-shadow:0 4px #b91c1c}.diff-advanced:active{transform:translateY(4px);box-shadow:0 0 #b91c1c}body.eye-care-mode:after{content:"";pointer-events:none;z-index:99999;mix-blend-mode:multiply;background-color:#ffb40026;width:100vw;height:100vh;position:fixed;top:0;left:0}body.dark-mode{--color-text-main:#e2e8f0;--color-text-light:#94a3b8;color:#e2e8f0;background-color:#0f172a!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:#a78bfa}body.dark-mode input{color:#e2e8f0;background:#1e293b;border-color:#334155}body.dark-mode input::placeholder{color:#64748b}body.dark-mode input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed40}body.dark-mode [style*="background: white"],body.dark-mode [style*="background: #fff"],body.dark-mode [style*="background-color: white"],body.dark-mode [style*="background-color: #fff"]{color:#e2e8f0!important;background:#1e293b!important}body.dark-mode [style*="background: #f3f4f6"],body.dark-mode [style*="background: #f8fafc"],body.dark-mode [style*="background: #f1f5f9"],body.dark-mode [style*="background: #f0fdf4"],body.dark-mode [style*="background: #eef2ff"],body.dark-mode [style*="background: #fef3c7"],body.dark-mode [style*="background: #fefce8"]{background:#1e293b!important}body.dark-mode [style*="color: #4b5563"],body.dark-mode [style*="color: #374151"],body.dark-mode [style*="color: #6b7280"],body.dark-mode [style*="color: #475569"],body.dark-mode [style*="color: #334155"]{color:#cbd5e1!important}body.dark-mode [style*="border: 1px solid #e2e8f0"],body.dark-mode [style*="border: 2px solid #ccc"],body.dark-mode [style*="border-color: #d1d5db"],body.dark-mode [style*="border-color: #e2e8f0"]{border-color:#334155!important}body.dark-mode .dash-header{border-bottom:1px solid #334155;background:#1e293b!important}body.dark-mode .dash-wrapper{background:#0f172a!important}body.dark-mode .dash-content>div{background:#1e293b!important}body.dark-mode .activity-card{background:#1e293b!important;box-shadow:0 4px 15px #0006!important}body.dark-mode .activity-card:hover{background:#273449!important}body.dark-mode .parents-dashboard-wrapper{background:#0f172a!important}body.dark-mode .parents-header{border-bottom:1px solid #334155;background:#1e293b!important}body.dark-mode .dash-card{background:#1e293b!important;border-color:#334155!important}body.dark-mode .tab-btn{color:#cbd5e1!important;background:#273449!important;border-color:#334155!important}body.dark-mode .tab-btn.active{color:#fff!important;background:#7c3aed!important}body.dark-mode .home-wrapper{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%)!important}body.dark-mode .login-card{border-color:#334155;background:#1e293b!important}body.dark-mode .login-title{color:#a78bfa!important}body.dark-mode .login-subtitle{color:#94a3b8!important}.btn-dark-toggle{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:2rem;padding:.4rem .9rem;font-size:1.2rem;line-height:1;transition:all .3s}.btn-dark-toggle:hover{transform:scale(1.1)}.home-wrapper{background:linear-gradient(#9b51e0,#ff479a);width:100vw;min-height:100vh;padding:1rem}.login-card{background:#fcfaff;border-radius:20px;width:100%;max-width:450px;padding:3rem 2.5rem;box-shadow:0 20px 40px #00000026}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{color:#7a3bfc;text-shadow:1px 1px #7a3bfc1a;margin-bottom:.5rem;font-size:2.8rem}.login-subtitle{color:#555;font-size:1.1rem;font-weight:500}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group label{color:#334155;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:flex}.input-group .icon{font-size:1.2rem}.login-btn{color:#fff;cursor:pointer;background:#7a3bfc;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1.2rem;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 4px #5e2abf}.login-btn:active{transform:translateY(4px);box-shadow:0 0 #5e2abf}.login-footer{text-align:center;color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;font-size:.9rem;font-weight:500;display:flex}.dashboard-wrapper{max-width:1000px;margin:0 auto;padding:1.5rem 3rem}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.dash-title{margin:0;font-size:2.2rem}.dash-actions{flex-wrap:wrap;gap:.8rem;display:flex}.pill{cursor:pointer;background:#fff;border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;transition:transform .1s;display:flex;box-shadow:0 4px 10px #0000000d}.pill:active{transform:scale(.95)}.pill-user{color:#7a3bfc;cursor:default}.pill-user:active{transform:none}.pill-settings{color:#475569}.pill-switch{color:#d97706;border:1px solid #fde68a}.pill-logout{color:#fff;background:#f43f5e}.activities-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding-bottom:3rem;display:grid}.btn-logout{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);background-color:#fff;border:none;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}.btn-logout:hover{background-color:#fef2f2}.btn-parents-area{cursor:pointer;width:45px;height:45px;box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.btn-parents-area:hover{transform:rotate(90deg)}.btn-store-nav{color:#854d0e;cursor:pointer;background:#facc15;border:none;border-radius:1rem;justify-content:center;align-items:center;padding:0 1rem;font-family:inherit;font-size:1.2rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px #ca8a04}.btn-store-nav:active{transform:translateY(4px);box-shadow:0 0 #ca8a04}.activity-btn{cursor:pointer;text-align:center;color:#fff;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:2rem 1rem;font-family:Fredoka,sans-serif;transition:all .1s;display:flex}.activity-btn:active{transform:translateY(4px)}.act-icon-box{background:#ffb703;border:3px solid #000c;border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.5rem;display:flex;box-shadow:2px 2px #0003}.act-info h2{color:#fff;text-shadow:1px 1px #0000001a;margin:0 0 .4rem;font-size:1.4rem}.act-info p{opacity:.9;margin:0;font-size:.95rem;font-weight:500}.bg-emerald{background:#10b981;box-shadow:0 6px #047857}.bg-emerald:active{box-shadow:0 2px #047857}.bg-red:active{box-shadow:0 2px #b91c1c}.bg-red .act-icon-box{background:#ff4d4f}.bg-blue{background:#3b82f6;box-shadow:0 6px #1d4ed8}.bg-blue:active{box-shadow:0 2px #1d4ed8}.bg-blue .act-icon-box{background:#00a8ff}.bg-orange:active{box-shadow:0 2px #c2410c}.bg-lime:active{box-shadow:0 2px #4d7c0f}.bg-purple:active{box-shadow:0 2px #7e22ce}.bg-teal{background:#14b8a6;box-shadow:0 6px #0f766e}.bg-teal:active{box-shadow:0 2px #0f766e}.bg-teal .act-icon-box{background:#ffb703;border:none;font-size:3rem}.bg-violet{background:#8b5cf6;box-shadow:0 6px #5b21b6}.bg-violet:active{box-shadow:0 2px #5b21b6}.bg-pink:active{box-shadow:0 2px #be185d}@media (width<=768px){.dashboard-wrapper{padding:1rem}.dash-actions{justify-content:center;width:100%}.dash-title{text-align:center;width:100%}.act-info h2{font-size:1.3rem}.activity-btn{padding:1rem}}@keyframes floatMascot{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animated-mascot{animation:3s ease-in-out infinite floatMascot}@keyframes pulseBar{0%{opacity:.8;box-shadow:none}50%{opacity:1;box-shadow:0 0 10px}to{opacity:.8;box-shadow:none}}.animated-bar{animation:2s infinite pulseBar}@keyframes giftBounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-3deg)}75%{transform:translateY(-10px)rotate(3deg)}}@keyframes giftShake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-8px)rotate(-5deg)}30%{transform:translate(8px)rotate(5deg)}45%{transform:translate(-8px)rotate(-5deg)}60%{transform:translate(8px)rotate(5deg)}75%{transform:translate(-5px)rotate(-2deg)}90%{transform:translate(5px)rotate(2deg)}}.parents-gate-wrapper{background-color:#2b2d42;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex}.gate-card{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 25px #0000004d}.gate-card h2{color:#ef4444;margin-bottom:1rem;font-size:1.8rem}.gate-card p{color:#4b5563;margin-bottom:1.5rem}.math-problem{color:#1f2937;letter-spacing:2px;background:#f3f4f6;border-radius:1rem;margin-bottom:1.5rem;padding:1rem;font-size:2.5rem;font-weight:700}.gate-form input{text-align:center;border:2px solid #d1d5db;border-radius:.8rem;width:100%;margin-bottom:1rem;padding:1rem;font-size:1.5rem}.gate-form input.input-error{background-color:#fef2f2;border-color:#ef4444}.error-text{color:#ef4444;margin-bottom:1rem;font-weight:600}.gate-buttons{gap:1rem;display:flex}.btn-cancel,.btn-unlock{cursor:pointer;border:none;border-radius:.8rem;flex:1;padding:1rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-cancel{color:#4b5563;background:#e5e7eb}.btn-cancel:hover{background:#d1d5db}.btn-unlock{color:#fff;background:#10b981}.btn-unlock:hover{background:#059669}.parents-dashboard-wrapper{background-color:#f3f4f6;min-height:100vh;font-family:Fredoka,sans-serif}.parents-header{color:#fff;background:#1f2937;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.parents-header h1{color:#fff;margin:0;font-size:1.5rem}.btn-back-gray{color:#fff;cursor:pointer;background:#4b5563;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-weight:600}.btn-back-gray:hover{background:#6b7280}.dashboard-content{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;padding:1.5rem;display:flex}.dash-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.dash-card h2{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem}.card-desc{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.prof-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.prof-avatar{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:4rem;display:flex}.prof-details h2{color:#1f2937;margin:0;font-size:1.8rem}.prof-details p{color:#9ca3af;margin-top:.2rem}.prof-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-box{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.8rem;padding:1rem}.stat-label{color:#6b7280;margin-bottom:.5rem;font-size:.9rem;display:block}.stat-value{font-size:1.5rem;font-weight:700;display:block}.text-blue{color:#3b82f6}.text-orange{color:#f97316}.feelings-list{flex-direction:column;gap:.8rem;display:flex}.feelings-item{background:#f8fafc;border-left:4px solid #a855f7;border-radius:.8rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.feel-date{color:#475569;font-weight:600}.feel-info{align-items:center;gap:.5rem;display:flex}.feel-icon{font-size:1.5rem}.feel-name{color:#1e293b;font-weight:700}.empty-state{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:.8rem;padding:2rem;font-style:italic}.settings-actions{flex-direction:column;gap:1rem;display:flex}.btn-switch-profile,.btn-delete-profile{cursor:pointer;border:none;border-radius:.8rem;width:100%;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-switch-profile{color:#334155;background:#e2e8f0}.btn-switch-profile:hover{background:#cbd5e1}.btn-delete-profile{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.btn-delete-profile:hover{background:#fee2e2;border-color:#fca5a5}.alphabet-wrapper{color:#334155;background:radial-gradient(circle,#fdfbfb 0%,#ebedee 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex}.alpha-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 3rem;display:flex}.btn-back{color:#64748b;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #cbd5e1}.btn-back:active{transform:translateY(4px);box-shadow:0 0 #cbd5e1}.xp-bar{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #d97706,0 8px 15px #f59e0b4d}.mode-selection{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.alpha-title{color:#8b5cf6;text-shadow:2px 2px #8b5cf633;margin-bottom:.5rem;font-size:3.5rem}.alpha-subtitle{color:#64748b;margin-bottom:3rem;font-size:1.4rem}.mode-cards{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.explore-container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.alpha-card{cursor:pointer;background:#fff;border:4px solid #f8fafc;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:320px;height:400px;margin-bottom:3rem;display:flex;position:relative;box-shadow:0 20px 40px #00000014}.big-letter{color:#3b82f6;text-shadow:3px 3px #3b82f633;margin:0;font-size:8rem;line-height:1}.alpha-image{filter:drop-shadow(0 10px 10px #0000001a);margin:1rem 0;font-size:6rem}.alpha-word{color:#1e293b;text-transform:uppercase;letter-spacing:2px;margin:0;font-size:2rem;font-weight:700}.nav-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:1rem 1.5rem;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;box-shadow:0 4px #e2e8f0}.nav-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #e2e8f0}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn{color:#fff;background:#10b981;border-color:#059669;box-shadow:0 4px #059669}.next-btn:active:not(:disabled){box-shadow:0 0 #059669}.play-audio-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50px;padding:1.2rem 2rem;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700;transition:all .1s;box-shadow:0 6px #1d4ed8}.play-audio-btn:active{transform:translateY(6px);box-shadow:0 0 #1d4ed8}.challenge-container{flex-direction:column;flex:1;align-items:center;display:flex}.challenge-prompt{color:#475569;margin-bottom:2rem;font-size:2rem}.challenge-letter{color:#fff;cursor:pointer;background:#8b5cf6;border-radius:30px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:4rem;font-size:5rem;font-weight:900;display:flex;box-shadow:0 8px #6d28d9,0 15px 30px #6d28d94d}.options-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.option-btn{cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;width:150px;height:150px;font-size:5rem;transition:all .1s;display:flex;box-shadow:0 8px #cbd5e1,0 15px 30px #0000001a}.option-btn:active{transform:translateY(8px);box-shadow:0 0 #cbd5e1}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.mode-cards{flex-direction:column;align-items:center}.alpha-card{width:280px;height:350px}.big-letter{font-size:6rem}.alpha-image{font-size:5rem}.controls{flex-wrap:wrap;justify-content:center}}.numbers-wrapper{color:#0c4a6e;background:radial-gradient(circle at 100% 0,#e0f2fe 0%,#bae6fd 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex}.num-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 3rem;display:flex}.num-title{color:#0284c7;text-shadow:2px 2px #0284c733;text-align:center;margin-bottom:.5rem;font-size:3.5rem}.num-subtitle{color:#0369a1;text-align:center;margin-bottom:3rem;font-size:1.4rem}.mode-cards.num-modes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-items:center;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;display:grid}.mode-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:200px;padding:2rem 1rem;transition:all .2s;display:flex}.explore-container,.challenge-container{flex-direction:column;flex:1;align-items:center;display:flex}.num-card{background:#fff;border:4px solid #f0f9ff;border-radius:40px;flex-direction:column;justify-content:flex-start;align-items:center;width:90%;max-width:600px;min-height:400px;margin-bottom:3rem;padding:2rem;display:flex;box-shadow:0 20px 40px #0284c726}.big-number{color:#0ea5e9;text-shadow:3px 3px #0ea5e933;cursor:pointer;margin:0;font-size:7rem;line-height:1}.num-word{color:#0c4a6e;text-transform:uppercase;letter-spacing:2px;margin:1rem 0 2rem;font-size:2rem;font-weight:700}.items-container{cursor:pointer;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:3.5rem;display:flex}.bouncing-item{filter:drop-shadow(0 4px 6px #0000001a);animation:2s ease-in-out infinite alternate float}.sz-small{font-size:2.5rem}.sz-med{font-size:3.5rem}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.controls{align-items:center;gap:1.5rem;display:flex}.nav-btn-blue{color:#0369a1;cursor:pointer;background:#fff;border:2px solid #bae6fd;border-radius:20px;padding:1rem 1.5rem;font-weight:700;box-shadow:0 4px #bae6fd}.nav-btn-blue:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #bae6fd}.next-btn-blue{color:#fff;background:#10b981;border-color:#059669;box-shadow:0 4px #059669}.play-audio-btn-blue{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:50px;padding:1.2rem 2rem;font-size:1.3rem;font-weight:700;box-shadow:0 6px #0369a1}.play-audio-btn-blue:active{transform:translateY(6px);box-shadow:0 0 #0369a1}.challenge-prompt-blue{color:#0369a1;cursor:pointer;text-align:center;margin-bottom:2rem;font-size:2.2rem}.challenge-items-box{background:#ffffffb3;border:4px dashed #38bdf8;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:90%;max-width:700px;min-height:250px;margin-bottom:4rem;padding:3rem;font-size:4rem;display:flex}.options-grid-num{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.option-btn-num{color:#0ea5e9;cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;width:120px;height:120px;font-size:4rem;font-weight:900;display:flex;box-shadow:0 8px #7dd3fc}.option-btn-num:active{transform:translateY(8px);box-shadow:0 0 #7dd3fc}.bg-purple-btn{color:#8b5cf6;box-shadow:0 8px #c4b5fd}.bg-purple-btn:active{box-shadow:0 0 #c4b5fd}.bg-pink{background:#ec4899}.compare-arena{justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:800px;margin-bottom:2rem;display:flex}.compare-side{cursor:pointer;background:#fff;border:4px solid #bae6fd;border-radius:30px;flex:1;min-height:300px;padding:2rem;transition:transform .1s;box-shadow:0 10px #e0f2fe}.compare-side:active{transform:scale(.95)}.compare-side:hover{border-color:#38bdf8}.compare-divider{color:#0369a1;background:#e0f2fe;border-radius:50%;padding:1rem;font-size:3rem;font-weight:900}.sum-arena{background:#ffffffb3;border:4px dashed #c4b5fd;border-radius:30px;justify-content:center;align-items:center;gap:2rem;width:90%;max-width:700px;min-height:250px;margin-bottom:3rem;padding:3rem;display:flex}.sum-group{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:45%;display:flex}.sum-operator{color:#8b5cf6;font-size:4rem;font-weight:900}.btn-xl{background:#f59e0b;padding:1.5rem 2.5rem;font-size:1.6rem;box-shadow:0 6px #d97706}.btn-xl:active{box-shadow:0 0 #d97706}.hunt-prompt{font-size:2.5rem}.hunt-target{color:#ec4899;background:#fff;border-radius:20px;margin-left:1rem;padding:.5rem 1.5rem;font-size:4rem;font-weight:900;display:inline-block;box-shadow:0 4px #fbcfe8}.hunt-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin-bottom:2rem;display:flex}.hunt-block{color:#0ea5e9;cursor:pointer;background:#fff;border:3px solid #bae6fd;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px #e0f2fe}.hunt-block:hover{transform:translateY(-3px)}.hunt-block:active{transform:translateY(4px);box-shadow:0 2px #e0f2fe}.hunt-block.found{color:#fff;opacity:.8;pointer-events:none;background:#10b981;border-color:#059669;transform:scale(.95);box-shadow:0 0 #059669}.hunt-victory{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}@media (width<=768px){.compare-arena{flex-direction:column}.sum-arena{gap:1rem;padding:1.5rem}.sum-operator{font-size:3rem}.sz-small,.sz-med{font-size:2rem}.hunt-block{width:60px;height:60px;font-size:1.8rem}.hunt-target{margin-top:1rem;font-size:3rem;display:block}}.kitchen-wrapper{color:#78350f;background:radial-gradient(circle at top,#fffbeb 0%,#fef3c7 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex;position:relative}@keyframes slideDown{0%{opacity:0;top:-100px}to{opacity:1;top:20px}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.kit-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 2rem;display:flex}.btn-back-orange{color:#b45309;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #fde68a}.btn-back-orange:active{transform:translateY(4px);box-shadow:0 0 #fde68a}.xp-bar-orange{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #c2410c}.kit-title{color:#ea580c;text-shadow:2px 2px #ea580c33;text-align:center;margin-bottom:.5rem;font-size:4rem}.kit-subtitle{color:#b45309;text-align:center;margin-bottom:3rem;font-size:1.4rem}.mode-cards.kit-modes{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.bg-orange{background:#f97316;box-shadow:0 8px #c2410c}.bg-lime{background:#84cc16;box-shadow:0 8px #4d7c0f}.kitchen-game-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.kit-prompt{color:#92400e;cursor:pointer;text-align:center;background:#fff;border-radius:30px;margin-bottom:2rem;padding:1rem 2rem;font-size:2.2rem;box-shadow:0 6px #fde68a}.highlight-color[data-color=vermelha]{color:#ef4444;font-weight:900}.highlight-color[data-color=amarela]{color:#eab308;font-weight:900}.highlight-color[data-color=verde]{color:#22c55e;font-weight:900}.highlight-color[data-color=laranja]{color:#f97316;font-weight:900}.highlight-color[data-color=roxa]{color:#a855f7;font-weight:900}.highlight-green{color:#22c55e;font-weight:900}.kitchen-table,.kitchen-pantry{background:#fff9;border:4px dashed #fcd34d;border-radius:30px;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;margin-bottom:2rem;padding:2rem;display:flex}.food-btn{cursor:pointer;background:#fff;border:none;border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;font-size:4rem;transition:all .1s;display:flex;box-shadow:0 8px #fde68a}.food-btn:active{transform:translateY(8px);box-shadow:0 0 #fde68a}.food-btn.sm-btn{width:80px;height:80px;font-size:3rem}.kitchen-pot-area{flex-direction:column;align-items:center;margin:2rem 0;display:flex;position:relative}.pot-icon{filter:drop-shadow(0 15px 15px #0000001a);z-index:2;font-size:8rem;position:relative}.pot-contents{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;width:150px;display:flex;position:absolute;top:-30px}.pot-item{font-size:3rem;animation:2s ease-in-out infinite alternate float}.recipe-board{background:#fef08a;border:4px solid #eab308;border-radius:20px;margin-bottom:2rem;padding:1.5rem 3rem;transform:rotate(-2deg);box-shadow:5px 5px #0000000d}.recipe-board h3{color:#854d0e;text-align:center;margin:0 0 1rem;font-size:1.8rem}.recipe-goals{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.recipe-req{cursor:pointer;background:#fff;border-radius:15px;padding:.5rem 1rem;font-size:2.5rem;font-weight:800}.monster-area{margin-bottom:2rem}.monster{font-size:8rem;transition:all .3s;animation:3s ease-in-out infinite alternate float}.monster.happy{transform:scale(1.2)}.plates-area{justify-content:center;gap:3rem;width:100%;display:flex}.plate-btn{cursor:pointer;background:0 0;border:none;transition:all .2s;position:relative}.plate-btn:hover{transform:translateY(-5px)scale(1.05)}.plate-inner{color:#cbd5e1;filter:drop-shadow(0 10px 10px #0000001a);font-size:10rem}.plate-food{pointer-events:none;font-size:6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pop-in{animation:.4s cubic-bezier(.68,-.55,.26,1.55) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=768px){.food-btn{width:70px;height:70px;font-size:3rem}.kit-prompt{padding:1rem;font-size:1.6rem}.plate-inner{font-size:8rem}.plate-food{font-size:5rem}.toast-popup{white-space:normal;width:90%;padding:1rem 2rem;font-size:1.3rem}}.habitats-wrapper{color:#3f6212;background:radial-gradient(circle at top,#ecfccb 0%,#d9f99d 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex;position:relative}.hab-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 2rem;display:flex}.btn-back-green{color:#4d7c0f;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #bef264}.xp-bar-green{color:#fff;background:linear-gradient(135deg,#84cc16,#65a30d);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #4d7c0f}.hab-title{color:#4d7c0f;text-shadow:2px 2px #4d7c0f33;text-align:center;margin-bottom:.5rem;font-size:4rem}.hab-subtitle{color:#65a30d;text-align:center;margin-bottom:3rem;font-size:1.4rem}.mode-cards.hab-modes{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.bg-lime-card{background:#84cc16;box-shadow:0 8px #4d7c0f}.bg-teal-card{background:#14b8a6;box-shadow:0 8px #0f766e}.bg-yellow-card{background:#eab308;box-shadow:0 8px #a16207}.habitats-game-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.hab-prompt{color:#3f6212;cursor:pointer;text-align:center;background:#fff;border-radius:30px;margin-bottom:2rem;padding:1rem 2rem;font-size:2.2rem;box-shadow:0 6px #bef264}.highlight-animal{color:#ea580c;font-weight:900}.highlight-habitat{color:#0284c7;font-weight:900}.highlight-sound{color:#9333ea;font-style:italic;font-weight:900}.giant-animal{filter:drop-shadow(0 15px 15px #00000026);margin-bottom:2rem;font-size:10rem;animation:3s ease-in-out infinite alternate float}.giant-habitat{border:8px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;margin-bottom:2rem;font-size:10rem;display:flex;box-shadow:0 15px #0000001a}.sound-waves{margin-bottom:3rem;font-size:6rem;animation:1s infinite alternate float}.options-row{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.habitat-opt-btn,.animal-opt-btn{cursor:pointer;background:#fff;border:none;border-radius:30px;flex-direction:column;align-items:center;width:180px;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 8px #0000001a}.habitat-opt-btn:active,.animal-opt-btn:active{transform:translateY(8px);box-shadow:0 0 #0000001a}.opt-icon{margin-bottom:.5rem;font-size:5rem}.opt-name{color:#3f6212;font-size:1.5rem;font-weight:800}.bg-yellow{background:#fde047}.bg-blue{background:#93c5fd}.bg-cyan{background:#67e8f9}.bg-orange{background:#fdba74}.bg-purple{background:#d8b4fe}@media (width<=768px){.habitat-opt-btn,.animal-opt-btn{width:140px;padding:1rem}.opt-icon{font-size:4rem}.hab-prompt{font-size:1.6rem}.giant-animal,.giant-habitat{width:180px;height:180px;font-size:7rem}}.feelings-wrapper{color:#4c1d95;background:radial-gradient(circle at 100% 0,#f3e8ff 0%,#e0e7ff 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex;position:relative}.toast-popup{color:#fff;z-index:1000;text-align:center;white-space:nowrap;border-radius:20px;padding:1.5rem 3rem;font-size:1.8rem;font-weight:800;animation:.3s cubic-bezier(.68,-.55,.26,1.55) forwards slideDown,.3s ease-in 2.7s forwards fadeOut;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.toast-error{background:#ef4444;border:4px solid #b91c1c}.toast-success{background:#10b981;border:4px solid #059669}.feel-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 2rem;display:flex}.btn-back-purple{color:#7e22ce;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #d8b4fe}.btn-back-purple:active{transform:translateY(4px);box-shadow:0 0 #d8b4fe}.xp-bar-purple{color:#fff;background:linear-gradient(135deg,#a855f7,#9333ea);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #7e22ce}.feel-title{color:#9333ea;text-shadow:2px 2px #9333ea33;text-align:center;margin-bottom:.5rem;font-size:4rem}.feel-subtitle{color:#a855f7;text-align:center;margin-bottom:3rem;font-size:1.4rem}.mode-cards.feel-modes{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.mode-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:24px;flex-direction:column;align-items:center;width:250px;padding:2.5rem 1rem;transition:all .2s;display:flex}.mode-btn:hover{transform:translateY(-5px)}.mode-btn:active{transform:translateY(5px)}.mode-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1rem;font-size:4.5rem;display:flex}.mode-btn h2{margin:0 0 .5rem;font-size:1.8rem}.mode-btn p{opacity:.9;margin:0;font-size:1.1rem}.bg-purple{background:#a855f7;box-shadow:0 8px #7e22ce}.bg-pink{background:#ec4899;box-shadow:0 8px #be185d}.bg-blue-feel{background:#3b82f6;box-shadow:0 8px #1d4ed8}.feelings-game-container{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.feel-prompt{color:#4c1d95;cursor:pointer;text-align:center;background:#fff;border-radius:30px;margin-bottom:2rem;padding:1rem 2rem;font-size:2.2rem;box-shadow:0 6px #e9d5ff}.smaller-prompt{padding:.8rem 1.5rem;font-size:1.8rem}.highlight-emotion{color:#db2777;font-weight:900}.faces-row{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;margin-bottom:2rem;display:flex}.face-btn{cursor:pointer;background:#fff;border:4px solid #e9d5ff;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;font-size:8rem;transition:all .2s;animation:3s ease-in-out infinite alternate float;display:flex;box-shadow:0 10px #d8b4fe}.face-btn:active{transform:translateY(10px);box-shadow:0 0 #d8b4fe}.situation-card{text-align:center;cursor:pointer;background:#fff;border:4px dashed #a855f7;border-radius:30px;max-width:700px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #a855f71a}.situation-card h3{color:#a855f7;margin-top:0;font-size:1.8rem}.situation-card p{color:#4c1d95;margin-bottom:0;font-size:2rem;font-weight:700}.action-row{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex}.action-btn{color:#db2777;cursor:pointer;background:#fdf2f8;border:4px solid #fbcfe8;border-radius:20px;flex:1;min-width:250px;padding:2rem;font-size:1.8rem;font-weight:800;transition:all .1s;box-shadow:0 8px #f9a8d4}.action-btn:active{transform:translateY(8px);box-shadow:0 0 #f9a8d4}.action-btn:hover{background:#fce7f3}.thermometer-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;width:100%;max-width:800px;margin-bottom:3rem;display:grid}.thermo-btn{cursor:pointer;background:#fff;border:none;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem;transition:all .1s;display:flex;box-shadow:0 8px #e9d5ff}.thermo-btn:active{transform:translateY(8px);box-shadow:0 0 #e9d5ff}.thermo-icon{margin-bottom:.5rem;font-size:4rem}.thermo-name{color:#7e22ce;font-size:1.5rem;font-weight:800}.history-board{text-align:center;background:#ffffffb3;border:4px solid #d8b4fe;border-radius:20px;width:100%;max-width:600px;padding:2rem}.history-board h3{color:#7e22ce;margin-top:0;font-size:1.6rem}.history-list{flex-direction:column;gap:.5rem;display:flex}.history-item{color:#6b21a8;background:#fff;border-radius:15px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000000d}.hist-date{color:#9333ea;font-size:1.2rem}.hist-icon{font-size:2rem}@media (width<=768px){.face-btn{width:120px;height:120px;font-size:5rem}.feel-prompt{padding:1rem;font-size:1.6rem}.situation-card p{font-size:1.5rem}.action-btn{padding:1.5rem;font-size:1.4rem}.toast-popup{white-space:normal;width:90%;padding:1rem 2rem;font-size:1.3rem}}.memory-wrapper{color:#1e3a8a;background:radial-gradient(circle at 100% 0,#dbeafe 0%,#bfdbfe 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex}.mem-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 2rem;display:flex}.btn-back-blue{color:#1d4ed8;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #93c5fd}.btn-back-blue:active{transform:translateY(4px);box-shadow:0 0 #93c5fd}.xp-bar-blue{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #1d4ed8}.mem-title{color:#2563eb;text-shadow:2px 2px #2563eb33;text-align:center;margin-bottom:.5rem;font-size:4rem}.mem-subtitle{color:#3b82f6;text-align:center;margin-bottom:2rem;font-size:1.4rem}.mem-menu{flex-direction:column;align-items:center;display:flex}.mem-setup-board{text-align:center;background:#fff;border:4px dashed #93c5fd;border-radius:30px;width:100%;max-width:600px;padding:3rem;box-shadow:0 10px 30px #3b82f61a}.setup-section h3{color:#1d4ed8;margin-bottom:1rem;font-size:1.5rem}.btn-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.setup-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:3px solid #bfdbfe;border-radius:15px;flex:1;min-width:120px;padding:1rem 1.5rem;font-size:1.2rem;font-weight:700;transition:all .2s}.setup-btn.active{color:#fff;background:#3b82f6;border-color:#2563eb;transform:scale(1.05)}.mem-start-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:99px;width:100%;padding:1.5rem 3rem;font-size:1.8rem;font-weight:800;transition:all .2s;box-shadow:0 6px #059669}.mem-start-btn:disabled{cursor:not-allowed;opacity:.5;background:#9ca3af;box-shadow:0 6px #6b7280}.mem-start-btn:not(:disabled):active{transform:translateY(6px);box-shadow:0 0 #059669}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mem-gameboard{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.mem-progress{color:#2563eb;background:#fff;border-radius:20px;margin-bottom:2rem;padding:1rem 2rem;font-size:1.5rem;font-weight:800;box-shadow:0 4px #93c5fd}.cards-grid{perspective:1000px;gap:1rem;width:100%;padding:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);max-width:600px}.grid-6{grid-template-columns:repeat(4,1fr);max-width:700px}.grid-8{grid-template-columns:repeat(4,1fr);max-width:800px}.mem-card{aspect-ratio:1/1.1;cursor:pointer;perspective:1000px;background:0 0;width:100%}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.mem-card.flipped .card-inner{transform:rotateY(180deg)}.mem-card.matched .card-inner{opacity:.8;animation:.5s pulse}.card-front,.card-back{backface-visibility:hidden;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 5px 15px #0000001a}.card-front{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:4px solid #fff}.card-question{color:#fff;opacity:.8;font-size:3rem}.card-back{background:#fff;border:4px solid #3b82f6;transform:rotateY(180deg)}.card-icon{font-size:4.5rem}@keyframes pulse{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.1)}to{transform:rotateY(180deg)scale(1)}}@media (width<=768px){.mem-card{aspect-ratio:1/1.2}.card-icon{font-size:3rem}.card-question{font-size:2rem}.setup-btn{min-width:calc(50% - .5rem);padding:.8rem;font-size:1rem}.mem-setup-board{padding:1.5rem}.mem-title{font-size:3rem}}.magicfit-wrapper{color:#4c1d95;background:radial-gradient(circle,#ede9fe 0%,#c4b5fd 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex}.fit-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 2rem;display:flex}.btn-back-violet{color:#7c3aed;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #a78bfa}.btn-back-violet:active{transform:translateY(4px);box-shadow:0 0 #a78bfa}.xp-bar-violet{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #6d28d9}.fit-title{color:#7c3aed;text-shadow:3px 3px #7c3aed33;text-align:center;margin-bottom:.5rem;font-size:4.5rem}.fit-subtitle{color:#8b5cf6;text-align:center;margin-bottom:3rem;font-size:1.6rem;font-weight:700}.level-cards{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:900px;margin:0 auto;display:flex}.lvl-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:30px;flex-direction:column;align-items:center;width:260px;padding:3rem 2rem;transition:all .2s;display:flex}.lvl-btn:hover{transform:translateY(-8px)}.lvl-btn:active{transform:translateY(5px)}.lvl-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:1.5rem;font-size:5.5rem;display:flex;box-shadow:0 10px 20px #0000001a}.lvl-btn h2{margin:0 0 .5rem;font-size:2.2rem;font-weight:900}.lvl-btn p{opacity:.9;margin:0;font-size:1.3rem;font-weight:600}.bg-yellow{background:#f59e0b;box-shadow:0 8px #d97706}.bg-green{background:#10b981;box-shadow:0 8px #059669}.bg-red{background:#ef4444;box-shadow:0 8px #b91c1c}.fit-gameboard{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.instruction-box{color:#6d28d9;text-align:center;background:#fff;border:4px dashed #a78bfa;border-radius:20px;margin-bottom:2rem;padding:1rem 2rem;font-size:1.3rem}.instruction-box span{color:#8b5cf6;font-weight:900}.shadows-area{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;min-height:150px;margin-bottom:2rem;display:flex}.shadow-slot{cursor:pointer;border:4px dashed #7c3aed66;border-radius:20px;justify-content:center;align-items:center;width:140px;height:140px;transition:all .3s;display:flex;position:relative}.shadow-slot:hover{background:#fff3;border-color:#8b5cf6}.shadow-icon{font-size:5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slot-filled{background:#ffffff80;border-style:solid;border-color:#34d399;transform:scale(1.05)}.glow-effect{pointer-events:none;border-radius:20px;animation:1.5s ease-out forwards fadeGlow;position:absolute;inset:0;box-shadow:0 0 20px 5px #34d39980}.divider{background:#7c3aed33;border-radius:10px;width:80%;height:6px;margin:2rem 0}.pieces-area{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;min-height:150px;display:flex}.color-piece{cursor:pointer;background:#fff;border:4px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:140px;height:140px;transition:all .2s;display:flex;box-shadow:0 8px #ddd6fe,0 15px 20px #0000001a}.piece-icon{font-size:5rem}.piece-placeholder{width:140px;height:140px}.color-piece:hover{transform:translateY(-5px);box-shadow:0 13px #ddd6fe,0 20px 25px #00000026}.color-piece:active{transform:translateY(5px);box-shadow:0 3px #ddd6fe}.color-piece.selected{background:#f3f0ff;border-color:#8b5cf6;transform:translateY(-10px);box-shadow:0 0 0 5px #8b5cf64d,0 8px #c4b5fd}.bounce{animation:1s cubic-bezier(.4,0,.2,1) infinite alternate bouncer}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeGlow{0%{opacity:1}to{opacity:0}}@keyframes bouncer{0%{transform:translateY(-10px)}to{transform:translateY(-15px)}}@media (width<=768px){.fit-title{font-size:3rem}.lvl-btn{width:100%;max-width:300px;padding:2rem}.shadow-slot,.color-piece,.piece-placeholder{width:100px;height:100px}.shadow-icon,.piece-icon{font-size:3.5rem}.instruction-box{font-size:1.1rem}.divider{width:100%;margin:1.5rem 0}}.body-wrapper{color:#831843;background:radial-gradient(circle,#fce7f3 0%,#fbcfe8 100%);flex-direction:column;min-height:100vh;padding:1.5rem;font-family:Fredoka,sans-serif;display:flex}.body-header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto 2rem;display:flex}.btn-back-pink{color:#db2777;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .1s;box-shadow:0 4px #f9a8d4}.btn-back-pink:active{transform:translateY(4px);box-shadow:0 0 #f9a8d4}.xp-bar-pink{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px #9d174d}.body-title{color:#db2777;text-shadow:3px 3px #db277733;text-align:center;margin-bottom:.5rem;font-size:4.5rem}.body-subtitle{color:#be185d;text-align:center;margin-bottom:3rem;font-size:1.6rem;font-weight:700}.body-cards{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:900px;margin:0 auto;display:flex}.body-btn-1{background:#3b82f6;box-shadow:0 8px #1d4ed8}.body-btn-2{background:#10b981;box-shadow:0 8px #059669}.body-btn-3{background:#ef4444;box-shadow:0 8px #b91c1c}.body-gameboard{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.medical-prompt{cursor:pointer;background:#fff;border:4px solid #f9a8d4;border-radius:99px;align-items:center;gap:1rem;margin-bottom:3rem;padding:1.5rem 3rem;transition:transform .2s;display:flex;box-shadow:0 10px 20px #db277726}.medical-prompt:active{transform:scale(.95)}.doc-icon{font-size:3rem}.medical-prompt h2{color:#db2777;margin:0;font-size:2rem}.body-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;display:flex}.body-card{cursor:pointer;background:#fff;border:4px solid #fbcfe8;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;padding:2rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px #fce7f3}.body-card:hover{border-color:#f9a8d4;transform:translateY(-10px);box-shadow:0 15px #fbcfe8}.body-card:active{transform:translateY(5px);box-shadow:0 0 #fce7f3}.body-card-icon{margin-bottom:.5rem;font-size:6rem;transition:transform .2s}.body-card-name{color:#9d174d;font-size:1.6rem;font-weight:800}.heart-pulse .body-card-icon{animation:1s cubic-bezier(.4,0,.2,1) infinite alternate heartBeat}@keyframes heartBeat{0%{transform:scale(1)}to{transform:scale(1.2)}}.lung-breathe .body-card-icon{animation:2.5s ease-in-out infinite alternate lungBreathe}@keyframes lungBreathe{0%{transform:scaleX(1)scaleY(1)}to{transform:scaleX(1.15)scaleY(1.05)}}.bounce-in{animation:.6s cubic-bezier(.68,-.55,.26,1.55) both bounceIn}.fade-in{animation:.5s ease-out both fadeIn}@media (width<=768px){.body-title{font-size:3.5rem}.body-subtitle{font-size:1.3rem}.medical-prompt{text-align:center;border-radius:30px;flex-direction:column;padding:1rem 1.5rem}.medical-prompt h2{font-size:1.5rem}.body-card{width:140px;height:140px;padding:1rem}.body-card-icon{font-size:4.5rem}.body-card-name{font-size:1.2rem}}.store-wrapper{text-align:center;max-width:900px;margin:0 auto;padding:2rem}.store-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.store-content{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.store-content{flex-direction:row;align-items:flex-start}}.pet-container{background:#fff;border-radius:20px;flex-direction:column;flex:1;align-items:center;padding:2rem;display:flex;box-shadow:0 4px 15px #0000001a}.pet-avatar-wrapper{justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:1rem;font-size:100px;display:flex;position:relative}.pet-base{z-index:1}.pet-accessory{z-index:2;font-size:80px;position:absolute}.acc-head{top:-10px}.acc-eyes{top:40px}.acc-neck{top:70px}.items-showcase{background:#fff;border-radius:20px;flex:2;padding:2rem;box-shadow:0 4px 15px #0000001a}.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem;display:grid}.item-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex}.item-card:hover{border-color:#f59e0b;transform:translateY(-5px)}.item-card.equipped{background:#ecfdf5;border-color:#10b981}.item-card.owned{border-color:#6366f1}.item-icon{margin-bottom:.5rem;font-size:3rem}.item-name{color:#334155;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.item-price{color:#b45309;background:#fef3c7;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:700}.item-owned-badge{color:#6366f1;font-size:.8rem;font-weight:700}.item-equipped-badge{color:#10b981;font-size:.8rem;font-weight:700}.tarefas-wrapper{background-color:#d1fae5;background-image:radial-gradient(#a7f3d0 20%,#0000 20%);background-size:30px 30px;min-height:100vh;padding-bottom:3rem;font-family:Fredoka,sans-serif}.tarefas-header{background:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 15px #0000000d}.btn-back-green{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:1rem;padding:.8rem 1.2rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px #059669}.btn-back-green:active{transform:translateY(4px);box-shadow:0 0 #059669}.xp-bar-green{background:#ecfdf5;border:2px solid #10b981;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.xp-bar-green .xp-star{font-size:1.2rem}.xp-bar-green .xp-text{color:#047857;font-size:1.2rem;font-weight:800}.tarefas-content{max-width:600px;margin:0 auto;padding:2rem 1rem}.tarefas-title{text-align:center;color:#065f46;text-shadow:2px 2px #fff;margin-bottom:.5rem;font-size:2.2rem}.tarefas-subtitle{text-align:center;color:#047857;margin-bottom:2rem;font-size:1.1rem;font-weight:600}.progress-container{background:#fff;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 10px #0000000d}.progress-bar-bg{background:#f3f4f6;border-radius:10px;width:100%;height:20px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{background:#10b981;height:100%;transition:width .5s}.progress-text{text-align:center;color:#4b5563;margin:0;font-size:.95rem;font-weight:700}.tasks-list{flex-direction:column;gap:1rem;display:flex}.empty-tasks{text-align:center;color:#9ca3af;background:#fff;border-radius:1.5rem;padding:2rem;font-style:italic;font-weight:600}.task-card{cursor:pointer;text-align:left;background:#fff;border:3px solid #0000;border-radius:1.5rem;align-items:center;gap:1rem;padding:1.2rem;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 6px #0000000d}.task-card:hover{transform:translateY(-3px);box-shadow:0 9px #0000000d}.task-card:active{transform:translateY(3px);box-shadow:0 0 #0000000d}.task-icon{font-size:2.5rem}.task-details{flex:1}.task-details h3{color:#1f2937;margin:0 0 .3rem;font-size:1.3rem}.task-xp{color:#a16207;background:#fef08a;border-radius:.5rem;padding:.2rem .5rem;font-size:.85rem;font-weight:700}.task-check{color:#6b7280;background:#f3f4f6;border-radius:1rem;padding:.8rem;font-weight:800}.task-done{opacity:.7;box-shadow:none;cursor:default;background:#ecfdf5;border-color:#10b981;transform:translateY(3px)}.task-done:hover{box-shadow:none;transform:translateY(3px)}.task-done .task-check{color:#fff;background:#10b981}.admin-wrapper{background-color:#f1f5f9;min-height:100vh;font-family:Inter,Fredoka,sans-serif}.admin-login-card{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:400px;padding:3rem 2rem;box-shadow:0 10px 15px -3px #0000001a}.admin-login-card h2{color:#1e293b;margin-bottom:2rem}.admin-input{border:1px solid #cbd5e1;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem}.admin-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:700}.admin-btn:hover{background:#1e293b}.admin-error{color:#ef4444;margin-bottom:1rem;font-size:.9rem}.admin-header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.admin-header h1{margin:0;font-size:1.5rem}.admin-logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:.5rem;padding:.5rem 1rem}.admin-content{max-width:1000px;margin:0 auto;padding:2rem}.admin-stats{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.stat-card h3{color:#64748b;margin:0 0 .5rem;font-size:1rem}.stat-number{color:#0f172a;font-size:2.5rem;font-weight:700}.export-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:.5rem;padding:.8rem 1.5rem;font-weight:700;box-shadow:0 4px #059669}.export-btn:active{transform:translateY(2px);box-shadow:0 2px #059669}.table-container{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000000d}.leads-table{border-collapse:collapse;text-align:left;width:100%}.leads-table th,.leads-table td{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.leads-table th{color:#475569;text-transform:uppercase;background:#f8fafc;font-size:.85rem;font-weight:600}.leads-table tr:hover{background:#f1f5f9}.screentime-lock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background-color:#1e293bf2;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Fredoka,sans-serif;display:flex;position:fixed;top:0;left:0}.screentime-content{text-align:center;background:#fff;border:4px solid #4f46e5;border-radius:2rem;width:90%;max-width:450px;padding:3rem 2rem;box-shadow:0 20px 25px -5px #0000004d}.sleeping-icon{margin-bottom:1rem;font-size:5rem;animation:3s ease-in-out infinite float-sleep}@keyframes float-sleep{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.screentime-content h1{color:#312e81;margin-bottom:1rem;font-size:2rem}.screentime-content p{color:#4b5563;margin-bottom:1rem;font-size:1.1rem;line-height:1.5}.btn-adult-bypass{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-top:2rem;font-size:.9rem;text-decoration:underline}.bypass-form{background:#f3f4f6;border-radius:1rem;margin-top:2rem;padding:1.5rem}.screentime-input{text-align:center;border:2px solid #cbd5e1;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.8rem;font-family:inherit;font-size:1.2rem;font-weight:700}.art-wrapper{background:#f8fafc;min-height:100vh;padding:1.5rem}.art-header{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 2rem;display:flex}.art-content{text-align:center;max-width:1000px;margin:0 auto}.art-title-container{justify-content:center;align-items:center;gap:1rem;display:flex}.art-title{color:#ec4899;text-shadow:2px 2px #0000001a;margin:0;font-size:2.5rem}.art-subtitle{color:#64748b;margin-bottom:2rem;font-size:1.2rem}.art-workspace{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.art-workspace{flex-direction:row;align-items:flex-start}}.art-tools{background:#fff;border-radius:20px;flex-direction:column;flex:1;align-items:center;padding:1.5rem;display:flex;box-shadow:0 4px 15px #0000000d}.brush-sizes{justify-content:center;align-items:center;gap:1rem;display:flex}.brush-btn{cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.brush-btn.active{background:#dbeafe;border-color:#3b82f6;transform:scale(1.1)}.color-palette{grid-template-columns:repeat(5,1fr);justify-content:center;gap:.8rem;display:grid}.color-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.color-btn.active{transform:scale(1.2);box-shadow:0 0 0 4px #0000001a}.action-buttons{flex-direction:column;gap:1rem;width:100%;margin-top:2rem;display:flex}.art-action-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:1rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s}.art-action-btn:hover{transform:translateY(-2px)}.bg-red{background:#ef4444}.bg-green{background:#10b981}.canvas-container{flex:2;justify-content:center;align-items:center;display:flex}.art-canvas{cursor:crosshair;touch-action:none;background:#fff;border:4px solid #e2e8f0;border-radius:20px;max-width:100%;box-shadow:0 4px 15px #0000001a}.xylophone-wrapper{background:#f8fafc;min-height:100vh;padding:1.5rem}.xylo-header{max-width:1000px;margin:0 auto 2rem}.xylo-content{text-align:center;max-width:1000px;margin:0 auto}.xylo-title-container{justify-content:center;align-items:center;gap:1rem;display:flex}.xylo-title{color:#3b82f6;text-shadow:2px 2px #0000001a;margin:0;font-size:2.5rem}.xylo-subtitle{color:#64748b;margin-bottom:3rem;font-size:1.2rem}.xylophone-board{background:#78350f;border-radius:20px;justify-content:center;align-items:center;gap:10px;max-width:800px;margin:0 auto;padding:2rem;display:flex;position:relative;box-shadow:0 10px 25px #0003,inset 0 5px 10px #0000004d}.xylophone-board:before,.xylophone-board:after{content:"";z-index:0;background:#451a03;width:100%;height:15px;position:absolute;left:0}.xylophone-board:before{top:40px}.xylophone-board:after{bottom:40px}.xylo-key{cursor:pointer;z-index:1;color:#fff;text-shadow:1px 1px 2px #0000004d;border:none;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:60px;padding:15px 0;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;transition:transform .1s,filter .1s;display:flex;box-shadow:inset -5px -5px 10px #0003,0 4px 6px #0006}.xylo-key:active,.xylo-key.playing{filter:brightness(1.2);transform:translateY(5px)scale(.95)}.xylo-nail{background:#cbd5e1;border-radius:50%;width:12px;height:12px;box-shadow:inset 1px 1px 3px #fffc,inset -2px -2px 4px #0006}@media (width<=768px){.xylophone-board{gap:5px;padding:1rem}.xylo-key{width:40px;font-size:1rem}.xylo-nail{width:8px;height:8px}}.cert-page{background:#f1f5f9;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;display:flex}.cert-controls{gap:1rem;margin-bottom:2rem;display:flex}.btn-print{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:.8rem 1.5rem;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #3b82f64d}.btn-print:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.cert-container{background:#fff;width:100%;max-width:900px;padding:20px;box-shadow:0 10px 30px #0000001a}.cert-border-outer{background:#fff;border:15px solid #1e3a8a;padding:10px}.cert-border-inner{text-align:center;background:#fffaf0;border:5px double #f59e0b;padding:3rem;position:relative}.cert-header h1{color:#1e3a8a;text-transform:uppercase;letter-spacing:2px;margin:0;font-family:Georgia,serif;font-size:4rem}.cert-header p{color:#f59e0b;letter-spacing:5px;text-transform:uppercase;margin:0 0 2rem;font-size:1.5rem;font-weight:700}.cert-body{margin:3rem 0}.cert-text{color:#4b5563;margin:0;font-size:1.5rem;font-style:italic}.cert-name{color:#111827;border-bottom:2px solid #d1d5db;margin:1.5rem 0;padding:0 2rem;font-family:Georgia,serif;font-size:4rem;display:inline-block}.cert-rank{color:#10b981;text-shadow:1px 1px 2px #0000001a;margin:1rem 0;font-size:2.5rem}.cert-footer{justify-content:space-between;align-items:flex-end;margin-top:4rem;padding:0 2rem;display:flex}.cert-signature{width:250px}.sig-line{border-bottom:2px solid #374151;margin-bottom:.5rem}.cert-signature p{color:#4b5563;margin:0;font-weight:700}.cert-date{color:#4b5563;font-size:1.2rem}.cert-stamp{opacity:.2;font-size:5rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media print{body *{visibility:hidden}.no-print,.no-print *{display:none!important}.cert-container,.cert-container *{visibility:visible}.cert-container{width:100%;box-shadow:none;margin:0;padding:0;position:absolute;top:0;left:0}.cert-border-outer{border-color:#374151}}.album-page{background:#f1f5f9;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem}.album-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.album-progress{background:#fff;border-radius:15px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 10px #0000000d}.album-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.sticker-slot{text-align:center;background:#fff;border-radius:15px;flex-direction:column;align-items:center;padding:1.5rem;display:flex;position:relative}.sticker-slot.owned{border:2px solid #3b82f6;box-shadow:0 5px 15px #3b82f633}.sticker-slot.missing{background:#f8fafc;border:2px dashed #cbd5e1}.sticker-icon{margin-bottom:1rem;font-size:5rem;transition:transform .3s}.sticker-slot.owned:hover .sticker-icon{transform:scale(1.1)rotate(5deg)}.sticker-name{font-size:1.1rem;font-weight:700}.sticker-rarity{border-radius:10px;margin-top:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.stories-page{background:#f1f5f9;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem}.stories-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.story-card{cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.story-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.story-cover-icon{filter:drop-shadow(0 4px 5px #0003);margin-bottom:2rem;font-size:6rem;transition:transform .3s}.story-card:hover .story-cover-icon{transform:scale(1.1)rotate(5deg)}.story-title-band{text-align:center;color:#334155;background:#ffffffe6;width:100%;padding:1rem;font-size:1.2rem;font-weight:700}.story-play-badge{color:#fff;background:#3b82f6;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;position:absolute;top:15px;right:15px;box-shadow:0 4px 6px #0000001a}.story-reader{z-index:1000;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.btn-back-reader{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:2px solid #fff;border-radius:2rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .2s;position:absolute;top:20px;left:20px}.btn-back-reader:hover{background:#ffffff80}.reader-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.reader-emoji{filter:drop-shadow(0 10px 15px #0000004d);margin-bottom:3rem;font-size:12rem}.reader-text-container{text-align:center;background:#ffffffe6;border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;padding:2rem;display:flex;box-shadow:0 10px 30px #0003}.reader-text{color:#334155;margin:0;font-size:2rem;font-weight:700;line-height:1.4}.btn-play-audio{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:2rem;padding:.8rem 2rem;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #0003}.btn-play-audio.playing{background:#10b981;animation:1s infinite pulse}.reader-controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.reader-progress{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.5rem;font-weight:700}.btn-nav{color:#334155;cursor:pointer;background:#ffffffe6;border:none;border-radius:2rem;padding:1rem 2rem;font-size:1.2rem;font-weight:700;box-shadow:0 4px 10px #0003}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.btn-nav.btn-next{color:#fff;background:#3b82f6}.caligraphy-page{background:#f1f5f9;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem}.caligraphy-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.letters-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;display:grid}.letter-card{color:#3b82f6;cursor:pointer;background:#fff;border:4px dashed #0000;border-radius:20px;justify-content:center;align-items:center;height:100px;font-size:4rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #0000001a}.letter-card:hover{border-color:#bfdbfe;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #00000026}.caligraphy-board{background:#e2e8f0;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;display:flex}.board-header{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:2rem;display:flex}.btn-finish-letter{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:2rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 10px #10b98166}.btn-finish-letter:hover{transform:scale(1.05)}.canvas-wrapper{background:#fff;border:4px solid #cbd5e1;border-radius:30px;width:600px;height:600px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.dotted-letter{color:#f1f5f9;pointer-events:none;z-index:1;-webkit-text-stroke:8px #cbd5e1;-webkit-text-fill-color:transparent;border-style:dotted;border-color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;font-family:monospace;font-size:500px;font-weight:700;display:flex;position:absolute;top:0;left:0}.drawing-layer{z-index:2;cursor:crosshair;position:absolute;top:0;left:0}.btn-clear-canvas{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:2rem;margin-top:2rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700}