/* Accepted cartoon onboarding treatment: lightweight, offline-safe. */
.onboarding{position:relative;min-height:100vh;padding:10px 12px 24px!important;background:linear-gradient(180deg,#52cef7 0%,#9be7ff 24%,#dff7d2 43%,#fff8df 62%,#f4edc8 100%)!important;overflow:hidden!important}.onboarding:before{content:'☁️      ☁️          ☁️';position:absolute;top:14px;left:0;right:0;font-size:35px;letter-spacing:12px;opacity:.9;pointer-events:none;white-space:nowrap}.onboarding:after{content:'🌳   🌼   🌿   🌼   🌳';position:absolute;left:-5%;right:-5%;bottom:-4px;font-size:42px;letter-spacing:9px;opacity:.8;pointer-events:none}.ob-brand{position:relative;z-index:3;display:inline-block;margin:4px auto 2px!important;padding:6px 15px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 5px 15px rgba(49,117,137,.14);font-size:25px!important}.ob-scene{position:relative;z-index:2;width:min(900px,100%);height:255px;margin:2px auto 0;border-radius:28px;overflow:hidden}.ob-sun{position:absolute;right:10%;top:16px;width:72px;height:72px;border-radius:50%;background:#ffd85a;box-shadow:0 0 0 12px rgba(255,216,90,.18),0 8px 18px rgba(178,118,24,.14)}.ob-cloud{position:absolute;width:115px;height:38px;border-radius:40px;background:rgba(255,255,255,.92);box-shadow:30px -12px 0 4px rgba(255,255,255,.92),65px 0 0 1px rgba(255,255,255,.92);opacity:.9}.ob-cloud.one{left:3%;top:35px}.ob-cloud.two{left:52%;top:50px;transform:scale(.8)}.ob-ground{position:absolute;left:-5%;right:-5%;bottom:-32px;height:120px;border-radius:50% 50% 0 0;background:linear-gradient(#7ed15b,#4ca84d);box-shadow:inset 0 10px 0 rgba(255,255,255,.25)}.ob-tree{position:absolute;left:2%;bottom:26px;width:115px;height:145px}.ob-tree:before{content:'';position:absolute;left:49px;bottom:0;width:25px;height:82px;border-radius:14px;background:#8b552d}.ob-tree:after{content:'🌳';position:absolute;left:-10px;top:-5px;font-size:105px}.ob-books{position:absolute;right:2%;bottom:30px;display:flex;flex-direction:column;gap:3px;transform:rotate(-1deg)}.ob-books span{display:block;width:125px;height:24px;border-radius:5px 12px 12px 5px;color:#fff;font:900 12px/24px ui-rounded,system-ui,sans-serif;text-align:center;box-shadow:0 3px 0 rgba(82,52,22,.25)}.ob-books span:nth-child(1){background:#25a96b}.ob-books span:nth-child(2){background:#ef6b79}.ob-books span:nth-child(3){background:#2596c9}.ob-books span:nth-child(4){background:#f2a633}.ob-sign{position:absolute;right:17%;top:26px;width:280px;padding:14px 18px;border-radius:16px;background:linear-gradient(#f8d98c,#e7b85f);border:4px solid #9a5d28;color:#5a2d14;font:950 25px/1.05 ui-rounded,system-ui,sans-serif;text-align:center;transform:rotate(-1deg);box-shadow:0 7px 0 rgba(106,61,22,.22)}.ob-sign small{display:block;margin-top:8px;font-size:13px;line-height:1.2}.ob-hello{position:absolute;left:16%;top:25px;z-index:3;background:#fff;border:3px solid #f1e6cf;border-radius:26px;padding:12px 18px;color:#4b2c18;font:950 18px ui-rounded,system-ui,sans-serif;box-shadow:0 7px 18px rgba(73,54,32,.13)}.ob-hello:after{content:'';position:absolute;left:45px;bottom:-15px;border:8px solid transparent;border-top-color:#fff}.ob-tap{position:absolute;left:45%;bottom:33px;z-index:3;padding:10px 15px;border-radius:20px;background:#fff;border:2px solid #f2d78c;color:#4b2c18;font:900 14px ui-rounded,system-ui,sans-serif;box-shadow:0 5px 12px rgba(73,54,32,.12)}.ob-scene .babi-hero{position:absolute;z-index:4;left:27%;bottom:22px;width:205px!important;height:205px!important;margin:0!important;filter:drop-shadow(0 12px 10px rgba(72,54,33,.2));animation:babiAdventureBob 2.2s ease-in-out infinite}@keyframes babiAdventureBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}.ob-card{position:relative;z-index:4!important;width:min(760px,100%)!important;margin:0 auto!important;background:rgba(255,255,255,.93)!important;border:3px solid #f3e1b7!important;border-radius:28px!important;padding:16px!important;box-shadow:0 12px 28px rgba(71,74,39,.16)!important}.boot-voice-choice{background:linear-gradient(135deg,#eaf8ff,#fff2d1)!important;border:3px solid #bfe5f4!important;border-radius:22px!important}.boot-voice-title{font-size:18px!important}.boot-voice-buttons button{background:#fff!important;min-height:54px!important;border-radius:18px!important}.boot-voice-buttons button:before{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:7px;border-radius:50%;vertical-align:middle;font-size:22px;background:#fff1c6}.boot-voice-buttons button[data-boot-lang="en"]:before{content:'🧒'}.boot-voice-buttons button[data-boot-lang="ta"]:before{content:'👧'}.ob-card label{font-size:17px;margin-top:14px}.ob-card label:before{content:'✨ ';font-size:15px}.ob-card input{height:58px;border:3px solid #dfe5d4;border-radius:18px;background:#fff;font-size:18px}.age-grid{gap:9px}.age-grid button{min-height:88px;border:2px solid #ead7b4;background:#fffaf0;border-radius:18px;font-size:17px;box-shadow:0 4px 0 rgba(210,179,123,.22)}.age-grid button:before{display:block;font-size:30px;margin-bottom:3px}.age-grid button:nth-child(1):before{content:'🧒'}.age-grid button:nth-child(2):before{content:'👧'}.age-grid button:nth-child(3):before{content:'👦'}.age-grid button:nth-child(4):before{content:'👧'}.experience{gap:10px}.experience button{min-height:92px;border:3px solid #e8d9bd;border-radius:18px;background:#fffdf7;box-shadow:0 4px 0 rgba(210,179,123,.18)}.experience button:first-child{background:#f1ffe9}.experience button:last-child{background:#fff5e9}.experience b{font-size:17px}.experience small{font-size:12px}.ob-card .primary{min-height:58px!important;border-radius:20px!important;background:linear-gradient(#ffbf32,#ff8d16)!important;box-shadow:0 5px 0 #c76813!important;font-size:20px!important}.ob-card .primary:enabled{animation:enterPulse 2.4s ease-in-out infinite}.ob-card .primary:active{transform:translateY(2px)}@keyframes enterPulse{0%,100%{box-shadow:0 5px 0 #c76813,0 0 0 0 rgba(255,179,44,0)}50%{box-shadow:0 5px 0 #c76813,0 0 0 8px rgba(255,179,44,.10)}}.onboarding .footer{position:relative;z-index:5;color:#6b4226;margin-top:10px}.onboarding .footer small{color:#856f5d}@media(max-width:600px){.ob-scene{height:205px}.ob-sign{right:5%;top:22px;width:205px;padding:10px 12px;font-size:19px}.ob-sign small{font-size:10px;margin-top:5px}.ob-hello{left:4%;top:18px;font-size:14px;padding:9px 12px}.ob-scene .babi-hero{left:23%;bottom:13px;width:160px!important;height:160px!important}.ob-tap{left:47%;bottom:18px;font-size:11px;padding:7px 9px}.ob-books{right:-3%;bottom:18px}.ob-books span{width:88px;height:18px;line-height:18px;font-size:9px}.ob-tree{left:-18px;transform:scale(.75);transform-origin:bottom left}.ob-sun{width:52px;height:52px;right:7%;top:12px}.ob-cloud{transform:scale(.72)}.ob-cloud.two{transform:scale(.55)}.age-grid button{min-height:82px}.ob-card{border-radius:24px!important}.onboarding:before{font-size:25px;letter-spacing:4px}}