:root{--bg-primary:#FFF8E7;--bg-card:rgba(255,255,255,0.85);--primary:#FF8E53;--primary-hover:#FF7033;--secondary:#4ECDC4;--accent-yellow:#FFE66D;--accent-pink:#FF6B8B;--accent-purple:#9D65C9;--accent-green:#6BCB77;--accent-blue:#4D96FF;--panda-white:#FFFFFF;--panda-black:#2D3142;--panda-pink:#FFAAA6;--panda-shadow:rgba(45,49,66,0.12);--stat-hunger:#FF6B6B;--stat-energy:#4D96FF;--stat-hygiene:#4ECDC4;--stat-happy:#FFE66D;--radius-sm:14px;--radius-md:22px;--radius-lg:32px;--radius-full:9999px;--shadow-sm:0 4px 12px rgba(0,0,0,0.06);--shadow-md:0 8px 24px rgba(0,0,0,0.1);--shadow-lg:0 12px 36px rgba(0,0,0,0.15);--shadow-glow:0 0 20px rgba(255,142,83,0.4);--touch-target-min:64px;--font-family:'Fredoka','Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--bounce-transition:cubic-bezier(0.34,1.56,0.64,1);--smooth-transition:cubic-bezier(0.4,0,0.2,1);}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;}html,body{width:100%;height:100%;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;font-family:var(--font-family);background-color:var(--bg-primary);color:#333;touch-action:manipulation;}#app-container{position:relative;width:100%;max-width:600px;height:100%;height:100dvh;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding-top:var(--sat);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar);box-shadow:0 0 50px rgba(0,0,0,0.08);}.hud-top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid rgba(255,255,255,0.6);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);}.pet-badge{display:flex;align-items:center;gap:8px;background:white;padding:6px 14px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-weight:700;font-size:1.1rem;color:var(--primary);}.pet-badge .level-icon{font-size:1.3rem;animation:pulse-grow 2s infinite ease-in-out;}.needs-container{display:flex;gap:10px;}.need-item{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:transform 0.2s var(--bounce-transition);}.need-item:active{transform:scale(0.9);}.need-icon-wrapper{position:relative;width:44px;height:44px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-sm);}.need-progress-ring{position:absolute;top:-2px;left:-2px;width:48px;height:48px;transform:rotate(-90deg);}.need-progress-ring circle{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:0;transition:stroke-dashoffset 0.6s var(--smooth-transition);}.need-hunger circle{stroke:var(--stat-hunger);}.need-hygiene circle{stroke:var(--stat-hygiene);}.need-energy circle{stroke:var(--stat-energy);}.need-happy circle{stroke:var(--stat-happy);}.hud-actions{display:flex;align-items:center;gap:10px;}.hud-btn{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;border:none;background:white;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all 0.2s var(--bounce-transition);}.hud-btn:active{transform:scale(0.88);}.mic-indicator{position:relative;}.mic-indicator.listening{background:#E8F5E9;color:#2E7D32;box-shadow:0 0 16px rgba(76,175,80,0.6);animation:mic-pulse 1.2s infinite ease-in-out;}.mic-indicator.speaking{background:#FFF3E0;color:#E65100;animation:mic-bounce 0.4s infinite alternate;}.mic-indicator.disabled{opacity:0.5;background:#f0f0f0;color:#999;}.main-stage{position:relative;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:background 0.5s var(--smooth-transition);}.nav-dock{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-around;padding:10px 14px;background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:2px solid rgba(255,255,255,0.7);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.06);}.nav-btn{position:relative;min-width:var(--touch-target-min);min-height:var(--touch-target-min);width:66px;height:66px;border-radius:var(--radius-md);border:none;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all 0.25s var(--bounce-transition);}.nav-btn .nav-icon{font-size:1.7rem;transition:transform 0.2s ease;}.nav-btn .nav-label{font-size:0.75rem;font-weight:700;color:#555;}.nav-btn:active{transform:scale(0.9);}.nav-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-yellow) 100%);transform:translateY(-8px) scale(1.08);box-shadow:var(--shadow-glow);}.nav-btn.active .nav-icon{transform:scale(1.15);}.nav-btn.active .nav-label{color:white;text-shadow:0 1px 2px rgba(0,0,0,0.2);}.universal-home-btn{position:absolute;top:14px;left:14px;z-index:50;width:60px;height:60px;min-width:60px;min-height:60px;border-radius:50%;border:3px solid white;background:linear-gradient(135deg,var(--primary),var(--accent-pink));color:white;font-size:1.8rem;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-md);cursor:pointer;animation:bounce-subtle 2s infinite ease-in-out;transition:transform 0.2s var(--bounce-transition);}.universal-home-btn:active{transform:scale(0.88);}.universal-home-btn.visible{display:flex;}.walkie-talkie-btn{position:absolute;bottom:84px;right:18px;z-index:25;width:72px;height:72px;min-width:72px;min-height:72px;border-radius:50%;border:4px solid white;background:linear-gradient(135deg,#6BCB77,#4ECDC4);color:white;font-size:2rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);cursor:pointer;transition:all 0.2s var(--bounce-transition);}.walkie-talkie-btn:active,.walkie-talkie-btn.recording{transform:scale(1.15);background:linear-gradient(135deg,#FF6B6B,#FF8E53);box-shadow:0 0 25px rgba(255,107,107,0.7);}.pwa-install-banner{position:absolute;bottom:90px;left:16px;right:16px;z-index:40;background:white;padding:14px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:space-between;border:2px solid var(--accent-yellow);animation:slide-up 0.4s var(--bounce-transition);}.pwa-install-banner.visible{display:flex;}.pwa-banner-content{display:flex;align-items:center;gap:12px;}.pwa-banner-icon{font-size:2.2rem;}.pwa-banner-text h4{font-size:1rem;color:#333;}.pwa-banner-text p{font-size:0.8rem;color:#777;}.pwa-banner-actions{display:flex;gap:8px;}.pwa-install-btn{background:var(--primary);color:white;border:none;padding:8px 16px;border-radius:var(--radius-full);font-weight:700;font-size:0.9rem;cursor:pointer;}.pwa-close-btn{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;}.speech-bubble{position:absolute;top:15%;z-index:15;background:white;padding:12px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid var(--primary);font-size:1.3rem;font-weight:700;color:#333;display:none;animation:pop-in 0.3s var(--bounce-transition);}.speech-bubble::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-width:10px 10px 0;border-style:solid;border-color:white transparent;display:block;width:0;}.speech-bubble.visible{display:flex;align-items:center;gap:8px;}@keyframes pulse-grow{0%,100%{transform:scale(1);}50%{transform:scale(1.18);}}@keyframes mic-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,0.7);}50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(76,175,80,0);}}@keyframes mic-bounce{0%{transform:translateY(0);}100%{transform:translateY(-4px);}}@keyframes bounce-subtle{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}@keyframes slide-up{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes pop-in{from{transform:scale(0.5);opacity:0;}to{transform:scale(1);opacity:1;}}.character-container{position:relative;width:280px;height:340px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:transform 0.2s var(--bounce-transition);}.character-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 28px var(--panda-shadow));transform-origin:center bottom;}.pipo-body-group{transform-origin:140px 240px;animation:idle-breathe 3.5s infinite ease-in-out;}.pipo-head-group{transform-origin:140px 140px;animation:head-bob 4.5s infinite ease-in-out;}.pipo-ear-left{transform-origin:80px 75px;transition:transform 0.3s var(--bounce-transition);}.pipo-ear-right{transform-origin:200px 75px;transition:transform 0.3s var(--bounce-transition);}.listening .pipo-ear-left{animation:ear-wiggle-left 0.8s infinite ease-in-out;}.listening .pipo-ear-right{animation:ear-wiggle-right 0.8s infinite ease-in-out 0.1s;}.pipo-pupil{transition:transform 0.08s ease-out;}.pipo-eyelid{transform-origin:center;transform:scaleY(0);transition:transform 0.1s ease;}.blinking .pipo-eyelid{transform:scaleY(1);}.pipo-mouth{transform-origin:140px 175px;transition:d 0.1s ease,transform 0.1s ease;}.pipo-mouth-open{transform-origin:140px 175px;transition:transform 0.08s ease;}.pipo-blush{opacity:0.6;transition:opacity 0.3s ease,transform 0.3s ease;}.happy .pipo-blush{opacity:0.9;transform:scale(1.15);}.pipo-paw-left{transform-origin:90px 220px;transition:transform 0.2s var(--bounce-transition);}.pipo-paw-right{transform-origin:190px 220px;transition:transform 0.2s var(--bounce-transition);}.character-container.tickling{animation:tickle-shake 0.35s infinite ease-in-out;}.character-container.tickling .pipo-paw-left{transform:rotate(-30deg) translateY(-10px);}.character-container.tickling .pipo-paw-right{transform:rotate(30deg) translateY(-10px);}.character-container.poked{animation:poke-bounce 0.4s var(--bounce-transition);}.character-container.chewing .pipo-head-group{animation:head-chew 0.4s infinite ease-in-out;}.character-container.chewing .pipo-mouth{animation:mouth-chew 0.4s infinite ease-in-out;}.character-container.sleeping{opacity:0.85;}.character-container.sleeping .pipo-eyelid{transform:scaleY(1);}.character-container.sleeping .pipo-body-group{animation:sleep-breathe 4.5s infinite ease-in-out;}.pipo-dirt{opacity:0;transition:opacity 0.5s ease;}.dirty .pipo-dirt{opacity:0.75;}.particles-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10;}.particle-item{position:absolute;font-size:1.6rem;animation:float-up-fade 1.4s forwards cubic-bezier(0,0.4,0.6,1);}@keyframes idle-breathe{0%,100%{transform:scale(1) translateY(0);}50%{transform:scale(1.02,0.98) translateY(2px);}}@keyframes head-bob{0%,100%{transform:rotate(0deg);}33%{transform:rotate(1.5deg);}66%{transform:rotate(-1.5deg);}}@keyframes ear-wiggle-left{0%,100%{transform:rotate(0deg);}50%{transform:rotate(-14deg) scale(1.1);}}@keyframes ear-wiggle-right{0%,100%{transform:rotate(0deg);}50%{transform:rotate(14deg) scale(1.1);}}@keyframes tickle-shake{0%,100%{transform:rotate(0deg) scale(1.05);}25%{transform:rotate(-4deg) translateY(-6px) scale(1.06);}75%{transform:rotate(4deg) translateY(-2px) scale(1.06);}}@keyframes poke-bounce{0%{transform:scale(1);}40%{transform:scale(0.9,1.1) translateY(-14px);}70%{transform:scale(1.08,0.92) translateY(4px);}100%{transform:scale(1) translateY(0);}}@keyframes head-chew{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px) scale(1.02);}}@keyframes mouth-chew{0%,100%{transform:scaleY(0.4);}50%{transform:scaleY(1.2);}}@keyframes sleep-breathe{0%,100%{transform:scale(1) translateY(0);}50%{transform:scale(1.04,0.96) translateY(4px);}}@keyframes float-up-fade{0%{transform:translateY(0) scale(0.6);opacity:1;}80%{opacity:0.9;}100%{transform:translateY(-90px) scale(1.2);opacity:0;}}.room-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:20px;pointer-events:auto;transition:opacity 0.35s ease;}.room-layer.active{display:flex;}.room-living{background:radial-gradient(circle at 50% 30%,#FFF9EB 0%,#FFE8BA 100%);}.living-decor{position:absolute;bottom:0;width:100%;height:140px;background:radial-gradient(ellipse at center,rgba(255,142,83,0.2) 0%,transparent 70%);pointer-events:none;}.room-kitchen{background:radial-gradient(circle at 50% 30%,#FFF5EB 0%,#FFD6BA 100%);}.food-tray{position:relative;z-index:25;width:90%;max-width:420px;background:white;padding:12px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-around;align-items:center;margin-bottom:10px;border:3px solid #FFE0B2;}.food-item{width:60px;height:60px;min-width:60px;min-height:60px;background:#FFF8E1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:var(--shadow-sm);cursor:grab;touch-action:none;transition:transform 0.2s var(--bounce-transition);}.food-item:active{cursor:grabbing;transform:scale(1.2);z-index:100;}.food-item.dragging{position:fixed;pointer-events:none;z-index:1000;transform:scale(1.35);box-shadow:0 16px 32px rgba(0,0,0,0.2);}.room-bathroom{background:radial-gradient(circle at 50% 30%,#E8F8F5 0%,#B2EBF2 100%);}.bath-tools{position:relative;z-index:25;display:flex;gap:20px;margin-bottom:15px;}.bath-tool-btn{width:68px;height:68px;min-width:68px;min-height:68px;border-radius:50%;border:3px solid white;background:white;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:var(--shadow-md);cursor:grab;touch-action:none;transition:transform 0.2s var(--bounce-transition);}.bath-tool-btn:active{transform:scale(1.15);}.bath-tool-btn.dragging{position:fixed;pointer-events:none;z-index:1000;transform:scale(1.35);}.soap-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.8) 0%,rgba(78,205,196,0.4) 60%,rgba(255,107,139,0.3) 100%);border:1.5px solid rgba(255,255,255,0.9);box-shadow:0 4px 10px rgba(0,0,0,0.05);cursor:pointer;z-index:30;animation:bubble-float 4s infinite ease-in-out;}.soap-bubble:active{animation:bubble-pop-anim 0.2s forwards;}.room-bedroom{background:radial-gradient(circle at 50% 30%,#F3E5F5 0%,#D1C4E9 100%);transition:background 0.8s ease;}.room-bedroom.night-mode{background:radial-gradient(circle at 50% 30%,#1A237E 0%,#0D1333 100%);}.lamp-control{position:absolute;top:80px;right:24px;z-index:25;width:64px;height:64px;min-width:64px;min-height:64px;border-radius:50%;border:3px solid white;background:#FFF9C4;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow-md);cursor:pointer;transition:all 0.3s var(--bounce-transition);}.night-mode .lamp-control{background:#3949AB;border-color:#5C6BC0;box-shadow:0 0 20px rgba(92,107,192,0.5);}.stars-sky{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 0.8s ease;}.night-mode .stars-sky{opacity:1;}.night-mode .pet-badge,.night-mode .need-item,.night-mode .hud-actions{filter:brightness(0.8);}@keyframes bubble-float{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-16px) scale(1.06);}}@keyframes bubble-pop-anim{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:0.8;}100%{transform:scale(1.8);opacity:0;}}.minigame-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:45;background:white;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--sat) + 70px) 16px calc(var(--sab) + 20px);animation:slide-up 0.3s var(--bounce-transition);}.minigame-view.active{display:flex;}.games-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;width:100%;max-width:450px;margin-top:20px;}.game-hub-card{background:white;border-radius:var(--radius-lg);padding:20px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:var(--shadow-md);border:3px solid transparent;cursor:pointer;transition:all 0.25s var(--bounce-transition);}.game-hub-card:nth-child(1){border-color:#FF6B8B;background:linear-gradient(180deg,#FFF0F3 0%,white 100%);}.game-hub-card:nth-child(2){border-color:#4ECDC4;background:linear-gradient(180deg,#E8F8F5 0%,white 100%);}.game-hub-card:nth-child(3){border-color:#FFE66D;background:linear-gradient(180deg,#FFFBEA 0%,white 100%);}.game-hub-card:active{transform:scale(0.92);}.game-card-icon{font-size:3rem;animation:bounce-subtle 2s infinite ease-in-out;}.game-card-title{font-size:1.1rem;font-weight:800;color:#333;}.balloon-game-container{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 20%,#E0F7FA 0%,#80DEEA 100%);border-radius:var(--radius-lg);overflow:hidden;touch-action:none;}.balloon-score-hud{position:absolute;top:14px;right:14px;z-index:10;background:white;padding:8px 18px;border-radius:var(--radius-full);font-weight:800;font-size:1.4rem;color:var(--primary);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px;}.balloon-item{position:absolute;width:65px;height:80px;border-radius:50% 50% 50% 50% / 40% 40% 60% 60%;cursor:pointer;box-shadow:inset -6px -6px 12px rgba(0,0,0,0.15),inset 6px 6px 12px rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;animation:balloon-rise 5s linear infinite;touch-action:none;}.balloon-item::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-width:6px 6px 0;border-style:solid;border-color:inherit transparent;}.xylophone-container{width:100%;max-width:440px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 0;}.xylo-bar{position:relative;height:48px;border-radius:var(--radius-md);box-shadow:0 6px 0 rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:white;font-weight:800;font-size:1.2rem;cursor:pointer;touch-action:none;transition:transform 0.1s var(--bounce-transition);}.xylo-bar:active,.xylo-bar.playing{transform:scale(0.97) translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,0.15);}.xylo-pin{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.8);box-shadow:inset 0 2px 4px rgba(0,0,0,0.2);}.xylo-bar[data-note="C4"]{width:96%;background:#FF5252;}.xylo-bar[data-note="D4"]{width:90%;background:#FF7A00;}.xylo-bar[data-note="E4"]{width:84%;background:#FFD600;color:#555;}.xylo-bar[data-note="F4"]{width:78%;background:#00E676;}.xylo-bar[data-note="G4"]{width:72%;background:#00B0FF;}.xylo-bar[data-note="A4"]{width:66%;background:#2979FF;}.xylo-bar[data-note="B4"]{width:60%;background:#651FFF;}.xylo-bar[data-note="C5"]{width:54%;background:#F50057;}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:380px;margin:auto 0;perspective:1000px;}.memory-card{aspect-ratio:1/1;position:relative;transform-style:preserve-3d;transition:transform 0.4s var(--bounce-transition);cursor:pointer;}.memory-card.flipped,.memory-card.matched{transform:rotateY(180deg);}.card-face{position:absolute;width:100%;height:100%;border-radius:var(--radius-md);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);}.card-front{background:linear-gradient(135deg,var(--secondary),var(--accent-blue));border:3px solid white;font-size:2rem;color:white;}.card-back{background:white;border:3px solid var(--accent-yellow);font-size:2.2rem;transform:rotateY(180deg);}.memory-card.matched{animation:pulse-grow 0.6s ease;pointer-events:none;}@keyframes balloon-rise{0%{transform:translateY(110%) rotate(0deg);}50%{transform:translateY(50%) rotate(6deg);}100%{transform:translateY(-120%) rotate(-6deg);}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(45,49,66,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px;animation:fade-in 0.25s ease;}.modal-overlay.active{display:flex;}.modal-card{width:100%;max-width:460px;background:white;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:18px;max-height:90vh;overflow-y:auto;animation:pop-in 0.3s var(--bounce-transition);}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #f0f0f0;padding-bottom:12px;}.modal-title{font-size:1.3rem;font-weight:800;color:#333;display:flex;align-items:center;gap:8px;}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f4f4f6;font-size:1.2rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease;}.modal-close-btn:active{transform:scale(0.9);}.gate-challenge{text-align:center;display:flex;flex-direction:column;gap:16px;}.gate-question{font-size:1.15rem;font-weight:700;color:#444;background:#FFF8E7;padding:14px;border-radius:var(--radius-md);border:2px dashed var(--primary);}.gate-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.gate-option-btn{padding:14px;font-size:1.4rem;font-weight:800;border:2px solid #E0E0E0;border-radius:var(--radius-md);background:white;cursor:pointer;transition:all 0.2s var(--bounce-transition);}.gate-option-btn:hover{border-color:var(--primary);background:#FFF5EB;}.gate-option-btn:active{transform:scale(0.92);}.parent-settings-group{display:flex;flex-direction:column;gap:16px;}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#F9F9FB;border-radius:var(--radius-md);}.setting-info{display:flex;flex-direction:column;gap:4px;}.setting-label{font-weight:700;font-size:0.95rem;color:#333;}.setting-desc{font-size:0.8rem;color:#777;}.switch{position:relative;display:inline-block;width:52px;height:30px;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:34px;}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:white;transition:.3s;border-radius:50%;}input:checked + .slider{background-color:var(--accent-green);}input:checked + .slider:before{transform:translateX(22px);}.timer-select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;}.timer-pill{padding:8px 4px;font-size:0.85rem;font-weight:700;text-align:center;border-radius:var(--radius-sm);background:white;border:2px solid #E0E0E0;cursor:pointer;transition:all 0.2s ease;}.timer-pill.selected{background:var(--primary);color:white;border-color:var(--primary);}.btn-privacy,.btn-reset-data{width:100%;padding:12px;border-radius:var(--radius-md);font-weight:700;font-size:0.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;}.btn-privacy{background:#E8F5E9;color:#2E7D32;border:2px solid #C8E6C9;}.btn-reset-data{background:#FFEBEE;color:#C62828;border:2px solid #FFCDD2;}.privacy-text{font-size:0.85rem;line-height:1.5;color:#444;display:flex;flex-direction:column;gap:10px;}.privacy-badge{display:inline-block;background:#E0F2F1;color:#00796B;padding:4px 10px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;margin-bottom:6px;}.visual-hand-pointer{position:absolute;z-index:80;font-size:3.2rem;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.3));display:none;animation:hand-tap 1.2s infinite ease-in-out;}.visual-hand-pointer.active{display:block;}@keyframes hand-tap{0%,100%{transform:scale(1) translate(0,0);}50%{transform:scale(0.82) translate(-8px,8px);}}@keyframes fade-in{from{opacity:0;}to{opacity:1;}}