:root{--deep-ocean: #071E3D;--abyss: #0A2540;--turquoise: #14C8D4;--lagoon: #0FB5BA;--lagoon-deep: #077F8C;--aqua: #22D3EE;--coral: #FF7A59;--coral-hot: #FF6B5E;--purple: #8B5CF6;--indigo: #6366F1;--sun: #FFD166;--seagrass: #2EC486;--pearl: #E8FBFF;--bg: #E7F6F9;--bg-deep: #D6EFF4;--ink: #093043;--ink-soft: #3E6B77;--line: rgba(9, 48, 67, .12);--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .75);--surface: #FFFFFF;--surface-2: rgba(255, 255, 255, .5);--shape-sm: 14px;--shape-md: 20px;--shape-lg: 24px;--shape-xl: 28px;--shape-hero: 32px;--radius: var(--shape-lg);--radius-sm: var(--shape-sm);--elev-1: 0 2px 10px rgba(7, 30, 61, .08);--elev-2: 0 6px 22px rgba(7, 30, 61, .12);--elev-3: 0 12px 32px rgba(7, 30, 61, .16);--elev-4: 0 18px 44px rgba(7, 30, 61, .22);--shadow: var(--elev-2);--shadow-lift: var(--elev-3);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emph: cubic-bezier(.05, .7, .1, 1);--font-display: "Poppins", "Noto Sans Thaana", sans-serif;--font-body: "Nunito", "Noto Sans Thaana", sans-serif;--font-kids: "Baloo 2", "Noto Sans Thaana", cursive;--nav-h: 72px;--rail-w: 92px}[data-theme=dark]{--bg: #071E3D;--bg-deep: #051629;--ink: #E8FBFF;--ink-soft: #8FC3CE;--line: rgba(232, 251, 255, .14);--glass: rgba(13, 42, 68, .55);--glass-strong: rgba(13, 42, 68, .78);--glass-border: rgba(126, 214, 223, .22);--surface: #0D2A44;--surface-2: rgba(13, 42, 68, .45);--elev-1: 0 2px 10px rgba(0, 0, 0, .3);--elev-2: 0 6px 22px rgba(0, 0, 0, .38);--elev-3: 0 12px 32px rgba(0, 0, 0, .46);--elev-4: 0 18px 44px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background var(--dur-slow) var(--ease-standard),color var(--dur-slow) var(--ease-standard)}[dir=rtl]{font-family:"Noto Sans Thaana",var(--font-body)}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.015em;font-weight:700}button{font-family:inherit;cursor:pointer;border:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px)}.page{max-width:680px;margin:0 auto;padding:22px 20px 36px;animation:pageIn var(--dur-slow) var(--ease-emph) both}.page-wide{max-width:1080px}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (min-width: 800px){.bottom-nav{display:none}.app-shell{padding-bottom:28px;padding-inline-start:var(--rail-w)}.page{max-width:880px;padding:30px 32px 44px}.page-wide{max-width:1080px}.grid-3t{grid-template-columns:repeat(3,1fr)!important}.grid-4t{grid-template-columns:repeat(4,1fr)!important}.dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.story-spread{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.story-spread .card{margin-bottom:0!important}}.ocean-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(1300px 560px at 85% -12%,rgba(34,211,238,.22),transparent 60%),radial-gradient(1000px 480px at 8% 112%,rgba(139,92,246,.12),transparent 60%),radial-gradient(900px 420px at 45% 118%,rgba(15,181,186,.18),transparent 55%),var(--bg)}.ocean-bg .ray{position:absolute;top:-12%;width:22vw;height:130%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 65%);transform:skew(-14deg);filter:blur(6px);animation:rayShift 9s ease-in-out infinite alternate;pointer-events:none}[data-theme=dark] .ocean-bg .ray{background:linear-gradient(180deg,rgba(126,214,223,.1),transparent 65%)}@keyframes rayShift{0%{opacity:.5;transform:skew(-14deg) translate(0)}to{opacity:1;transform:skew(-14deg) translate(3vw)}}.ocean-bg .bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffa6,#ffffff0d);animation:rise linear infinite;opacity:.5}@keyframes rise{0%{transform:translateY(112vh) scale(.75)}to{transform:translateY(-16vh) scale(1.15)}}.card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--shape-lg);border:1px solid var(--glass-border);box-shadow:var(--elev-2);padding:20px;transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}@supports not (backdrop-filter: blur(1px)){.card{background:var(--surface)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;min-height:52px;padding:14px 26px;border-radius:999px;position:relative;overflow:hidden;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),filter var(--dur-fast) var(--ease-standard);-webkit-user-select:none;user-select:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.btn:hover:after{opacity:.08}.btn:active{transform:scale(.96)}.btn:active:after{opacity:.12}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--turquoise),var(--lagoon-deep));color:#fff;box-shadow:0 8px 22px #14c8d461}.btn-coral{background:linear-gradient(135deg,#FF9A76,var(--coral));color:#fff;box-shadow:0 8px 22px #ff7a5961}.btn-ghost{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border:1.5px solid var(--line);box-shadow:var(--elev-1)}.btn-block{width:100%}.field{margin-bottom:16px}.field label{display:block;font-weight:800;font-size:13.5px;margin-bottom:7px;color:var(--ink-soft);letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:14px 18px;border-radius:var(--shape-sm);border:1.5px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-size:16px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--turquoise);box-shadow:0 0 0 4px #14c8d42e}.error-msg{background:#ff6b5e24;color:#e5533d;border:1px solid rgba(255,107,94,.35);border-radius:var(--shape-sm);padding:13px 15px;font-size:14px;font-weight:700;margin-bottom:14px}[data-theme=dark] .error-msg{color:#ff9a88}.ok-msg{background:#2ec48624;color:#1b9a68;border:1px solid rgba(46,196,134,.35);border-radius:var(--shape-sm);padding:13px 15px;font-size:14px;font-weight:700;margin-bottom:14px}[data-theme=dark] .ok-msg{color:#6fe3b4}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -8px 28px #071e3d1a}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:800;color:var(--ink-soft);padding:8px 12px;border-radius:16px;transition:color var(--dur-fast),transform var(--dur-fast);min-width:60px;min-height:52px;justify-content:center}.nav-item .nav-icon{font-size:23px;line-height:1;transition:transform var(--dur-base) var(--ease-emph)}.nav-item.active{color:var(--lagoon-deep)}[data-theme=dark] .nav-item.active{color:var(--aqua)}.nav-item.active .nav-icon{transform:translateY(-2px) scale(1.18)}.nav-item:active{transform:scale(.92)}.side-rail{display:none}@media (min-width: 800px){.side-rail{position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:50;width:var(--rail-w);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;background:linear-gradient(180deg,var(--deep-ocean),#0B2E52 60%,#123A5C);box-shadow:6px 0 28px #03142859}.side-rail .rail-logo{width:50px;height:50px;border-radius:15px;margin-bottom:12px;box-shadow:var(--elev-2)}.side-rail .nav-item{color:#9dc3d8;width:72px;padding:10px 0;border-radius:18px;position:relative}.side-rail .nav-item .nav-icon{font-size:25px}.side-rail .nav-item.active{color:#fff;background:linear-gradient(135deg,#14c8d447,#8b5cf63d);box-shadow:inset 0 0 0 1px #7ed6df4d}}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.top-bar h1{font-size:26px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:999px;padding:7px 13px;font-weight:800;font-size:13px;box-shadow:var(--elev-1)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--ink-soft)}.small{font-size:13.5px}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--turquoise);animation:spin .8s linear infinite;margin:64px auto}@keyframes spin{to{transform:rotate(360deg)}}.wave-divider{height:26px;opacity:.55;margin:8px 0}.hero{border-radius:var(--shape-hero);padding:24px;color:#fff;background:radial-gradient(460px 200px at 92% -24%,rgba(255,255,255,.28),transparent 60%),linear-gradient(120deg,var(--aqua),var(--turquoise) 40%,var(--lagoon-deep) 85%,#0B5568);box-shadow:var(--elev-3);margin-bottom:20px;position:relative;overflow:hidden}.hero h1{color:#fff}.hero .hero-mascot{position:absolute;inset-inline-end:18px;bottom:-8px;font-size:82px;animation:kgFloat 3.2s var(--ease-standard) infinite alternate;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28))}.hero .chip{background:#ffffff38;border-color:#ffffff59;color:#fff}.subject-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 16px;border-radius:var(--shape-lg);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--elev-2);transition:transform var(--dur-base) var(--ease-emph),box-shadow var(--dur-base);position:relative;overflow:hidden;min-height:52px}.subject-tile:hover{transform:translateY(-4px);box-shadow:var(--elev-3)}.subject-tile:active{transform:scale(.97)}.subject-tile .tile-emoji{font-size:32px}.subject-tile .tile-accent{position:absolute;top:0;left:0;right:0;height:5px}.subject-tile.vivid{border:none;color:#fff;align-items:center;text-align:center;padding:24px 12px;border-radius:var(--shape-xl)}.subject-tile.vivid .muted{color:#ffffffe0}.subject-tile.vivid b{font-family:var(--font-display);font-size:16px}.subject-tile.vivid .tile-emoji{font-size:42px;animation:kgFloat 2.8s var(--ease-standard) infinite alternate;filter:drop-shadow(0 5px 8px rgba(0,0,0,.22))}.kg-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 12px;border-radius:var(--shape-hero);border:none;color:#fff;font-family:var(--font-kids);font-weight:800;font-size:18px;box-shadow:var(--elev-3);transition:transform var(--dur-fast) var(--ease-standard);text-align:center;min-height:52px}.kg-tile:active{transform:scale(.94)}.kg-tile .kg-emoji{font-size:48px;animation:kgFloat 2.6s var(--ease-standard) infinite alternate;filter:drop-shadow(0 6px 8px rgba(0,0,0,.22))}@keyframes kgFloat{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-8px) rotate(3deg)}}.trace-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--shape-md);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);font-family:var(--font-kids);font-size:32px;font-weight:800;color:var(--ink);box-shadow:var(--elev-1);position:relative;transition:transform var(--dur-fast) var(--ease-standard);min-height:52px}.trace-cell:active{transform:scale(.9)}.trace-cell .trace-done{position:absolute;top:-7px;inset-inline-end:-7px;font-size:19px}.note-paper{position:relative;width:100%;border-radius:var(--shape-lg);border:1px solid var(--glass-border);background-color:var(--surface);box-shadow:var(--elev-2);overflow:hidden}.note-paper.tpl-lined{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line) 31px,var(--line) 32px)}.note-paper.tpl-grid{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--line) 23px,var(--line) 24px),repeating-linear-gradient(to right,transparent 0,transparent 23px,var(--line) 23px,var(--line) 24px)}.note-paper.tpl-dotted{background-image:radial-gradient(var(--line) 1.6px,transparent 1.6px);background-size:24px 24px}.note-paper.tpl-cornell{background-image:linear-gradient(to right,transparent 0,transparent 95px,var(--coral) 95px,var(--coral) 97px,transparent 97px),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--line) 31px,var(--line) 32px)}.note-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;outline:none;resize:none;padding:18px 20px;font-family:var(--font-body);color:var(--ink);line-height:32px;z-index:1}.tpl-cornell .note-text{padding-left:110px}.note-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;touch-action:none}.note-canvas.pass-through{pointer-events:none}.tool-btn{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--shape-sm);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--line);font-size:18px;transition:transform var(--dur-fast) var(--ease-standard)}.tool-btn:active{transform:scale(.9)}.tool-btn.on{background:linear-gradient(135deg,var(--turquoise),var(--lagoon-deep));border-color:transparent}.color-dot{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--surface);box-shadow:0 0 0 1.5px var(--line)}.color-dot.on{box-shadow:0 0 0 3px var(--turquoise)}@media (prefers-reduced-motion: reduce){.hero-mascot,.kg-emoji,.tile-emoji,.bubble,.ray{animation:none!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.no-print,.bottom-nav,.side-rail,.ocean-bg{display:none!important}.note-paper{border:none;box-shadow:none;border-radius:0}body{background:#fff}}:root{--dc-purple: #7C5CFF;--dc-purple-2: #5E55C4;--dc-lav-1: #D9C5F5;--dc-lav-2: #B79AEA;--dc-amber: #F5A524;--dc-green: #2EC486;--dc-coral: #E8735F}@keyframes dc-rise{0%{transform:translate(0) scale(.8);opacity:0}10%{opacity:.6}50%{transform:translate(9px,-46vh) scale(1.05)}to{transform:translate(-7px,-92vh) scale(1.15);opacity:0}}@keyframes dc-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes dc-swimAcross{0%{transform:translate(-70px)}to{transform:translate(102vw)}}@keyframes dc-swimBack{0%{transform:translate(102vw) scaleX(-1)}to{transform:translate(-80px) scaleX(-1)}}@keyframes dc-stickerPop{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1) rotate(0)}}[data-kids] .ocean-bg{background:radial-gradient(1200px 520px at 80% -12%,rgba(233,190,223,.5),transparent 60%),radial-gradient(900px 460px at 10% 110%,rgba(124,92,255,.18),transparent 60%),linear-gradient(180deg,#e9bedf,#c98fc0 55%,#7c5cff)}[data-theme=dark][data-kids] .ocean-bg{background:radial-gradient(1100px 500px at 80% -12%,rgba(124,92,255,.3),transparent 60%),linear-gradient(180deg,#2a1740,#1a1030 60%,#0a2540)}.dc-fauna{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.dc-fauna .fish{position:absolute;opacity:.7}.dc-fauna .weed{position:absolute;bottom:-6px;transform-origin:50% 100%;opacity:.7}[data-kids] .side-rail{background:linear-gradient(180deg,var(--dc-lav-1),var(--dc-lav-2));box-shadow:2px 0 16px #33063f24}[data-kids] .side-rail .nav-item{color:#5b3e86}[data-kids] .side-rail .nav-item.active{color:var(--dc-purple-2);background:#ffffffd9;box-shadow:0 6px 14px #33063f2e}[data-kids] .bottom-nav .nav-item.active{color:var(--dc-purple-2)}[data-kids] .hero{background:radial-gradient(440px 200px at 92% -24%,rgba(255,255,255,.3),transparent 60%),linear-gradient(135deg,#c97bc0,#a85cb0 55%,#7c5cff)}.dc-progress-track{height:9px;border-radius:9px;background:#e4eef0;overflow:hidden}.dc-progress-fill{height:100%;border-radius:9px}.dc-level{cursor:pointer;border-radius:20px;overflow:hidden;box-shadow:0 6px 16px #33063f33;transition:transform .15s var(--ease-standard);border:none;color:#fff;min-height:128px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.dc-level:active{transform:scale(.96)}.dc-level .lv-emoji{font-size:46px;align-self:flex-end;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));animation:kgFloat 3s ease-in-out infinite alternate}.dc-level .lv-name{font-family:var(--font-kids);font-weight:800;font-size:18px}.dc-level-card{cursor:pointer;border-radius:22px;overflow:hidden;box-shadow:0 8px 20px #33063f38;transition:transform .16s var(--ease-standard),box-shadow .16s;display:block;aspect-ratio:1;background:#efd9f0}.dc-level-card img{width:100%;height:100%;object-fit:cover;display:block}.dc-level-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #33063f47}.dc-level-card:active{transform:scale(.96)}[data-kids] .ocean-bg{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 30%),url(/art/bg-pink-reef.jpg) center bottom / cover no-repeat,linear-gradient(180deg,#f4a9c8,#e98fc0 60%,#c97bd0)}[data-theme=dark][data-kids] .ocean-bg{background:linear-gradient(180deg,#00000059,#00000026 40%),url(/art/bg-blue-reef.jpg) center bottom / cover no-repeat,#0a2540}.subject-tile.art-tile{padding:0;border:none;overflow:hidden;border-radius:22px;aspect-ratio:1;align-items:stretch}.subject-tile.art-tile img{width:100%;height:100%;object-fit:cover}.dc-art-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.dc-trophy-art{width:60px;height:60px;object-fit:contain;animation:kgFloat 3s ease-in-out infinite alternate}.kids-home{position:relative;max-width:940px}.kh-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.kh-avatar{width:52px;height:52px;border-radius:50%;flex:none;border:3px solid rgba(255,255,255,.9);background:linear-gradient(160deg,#ffe1b5,#ffc48a);display:grid;place-items:center;font-size:26px;box-shadow:0 4px 12px #00000026}.kh-greet{color:#ffffffe6;font:800 13px var(--font-body);text-shadow:0 1px 3px rgba(80,20,80,.35)}.kh-name{color:#fff;font:800 24px var(--font-kids);text-shadow:0 2px 6px rgba(80,20,80,.4)}.kh-stars{background:#fffffff5;padding:8px 15px;border-radius:999px;font:900 15px var(--font-body);color:#0b4e7a;box-shadow:0 4px 12px #00000026}.kh-bell{width:40px;height:40px;border-radius:50%;background:#fffffff5;display:grid;place-items:center;font-size:17px;box-shadow:0 4px 12px #00000026;cursor:pointer}.kh-section-title{color:#fff;font:800 18px var(--font-kids);margin-bottom:12px;text-shadow:0 2px 5px rgba(80,20,80,.4)}.kh-continue-card{background:#fffffff5;border-radius:18px;padding:15px 17px;box-shadow:0 6px 18px #50145029;transition:transform .15s var(--ease-standard)}.kh-continue-card:active{transform:scale(.98)}.kh-chip{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex:none}.kh-continue-title{font:800 14px var(--font-body);color:#06333f}.kh-pct{text-align:right;font:800 12px var(--font-body);color:#3e6b77;margin-top:5px}.kh-achieve-row{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}.kh-achieve{flex:1;min-width:150px;display:flex;align-items:center;gap:12px;background:#fffffff5;border-radius:18px;padding:14px 18px;box-shadow:0 6px 18px #50145029;transition:transform .15s var(--ease-standard)}.kh-achieve:active{transform:scale(.98)}.kh-achieve-icon{font-size:26px}.kh-achieve b{font:800 16px var(--font-body);color:#06333f}.kh-mascot{position:fixed;right:18px;bottom:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.kh-dolphin{width:clamp(110px,16vw,175px);height:auto;filter:drop-shadow(0 8px 14px rgba(60,10,70,.3));animation:kh-swim 4s ease-in-out infinite alternate}.kh-bubble{background:#fff;color:#5e2b7a;font:800 13px var(--font-body);padding:9px 15px;border-radius:16px 16px 4px;box-shadow:0 6px 16px #50145038;max-width:200px;position:relative;animation:kh-bubble-pop .5s var(--ease-emph) both}@keyframes kh-bubble-pop{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 800px){.kh-mascot{bottom:calc(var(--nav-h) + 8px);right:8px}.kh-dolphin{width:96px}.kh-bubble{font-size:11px;max-width:150px;padding:7px 12px}.kh-achieve{min-width:0;padding:12px 14px}.kh-achieve b{font-size:14px}}.kids-home .kh-header{position:relative;padding-right:150px;min-height:76px}@media (max-width: 800px){.kids-home .kh-header{padding-right:96px}.kh-dolphin-header{width:84px;right:4px}}.reef-pearl{position:absolute;left:12.5%;bottom:9%;width:44px;height:44px;pointer-events:none}.pearl-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9),rgba(255,240,250,.35) 45%,transparent 70%);animation:pearl-pulse 3s ease-in-out infinite;mix-blend-mode:screen}@keyframes pearl-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}.pearl-spark{position:absolute;top:50%;left:50%;width:3px;height:22px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95),transparent);transform-origin:50% 50%;opacity:0;animation:pearl-twinkle 3s ease-in-out infinite}.pearl-spark.s1{animation-delay:0s;transform:translate(-50%,-50%) rotate(0)}.pearl-spark.s2{animation-delay:0s;transform:translate(-50%,-50%) rotate(90deg)}.pearl-spark.s3{width:2px;height:30px;animation-delay:1.5s;transform:translate(-50%,-50%) rotate(45deg)}@keyframes pearl-twinkle{0%,to{opacity:0}50%{opacity:.85}}.reef-star{position:absolute;width:88px;height:88px;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,150,190,0) 55%,transparent 70%);transform-origin:50% 90%}.reef-star:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 60%);border-radius:50%;animation:star-shimmer 2.6s ease-in-out infinite}.star-left{left:4%;bottom:6%;animation:star-wiggle 3.4s ease-in-out infinite}.star-right{right:18%;bottom:4%;width:74px;height:74px;animation:star-wiggle 3s ease-in-out infinite .6s}@keyframes star-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes star-shimmer{0%,to{opacity:.15}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.pearl-glow,.pearl-spark,.reef-star,.reef-star:after{animation:none!important}}@media (min-width: 800px){:root{--rail-w: 108px}.side-rail{padding:20px 0;justify-content:flex-start}.side-rail .rail-logo{width:54px;height:54px;border-radius:16px;margin-bottom:8px}.side-rail .rail-items{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%}.side-rail .nav-item{width:84px;padding:14px 0;gap:7px;font-size:12.5px;font-weight:800;border-radius:20px}.side-rail .nav-item .nav-icon{display:grid;place-items:center}.side-rail .nav-item .nav-icon svg{width:30px;height:30px}.side-rail .nav-item.active{background:#ffffffe6;box-shadow:0 8px 18px #33063f33}}@media (min-width: 800px){.kids-home{max-width:none;margin:0;padding:26px clamp(28px,4vw,56px) 30px}.kh-header{margin-bottom:22px}.kh-continue-row{display:flex;gap:18px;margin-bottom:22px}.kh-continue-row .kh-continue-card{flex:1}.kh-levels-row{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:clamp(16px,2.2vw,30px);align-items:center;margin-bottom:22px}.kh-levels-row .dc-level-card{aspect-ratio:1;max-width:220px}.kh-achieve-row{display:flex;gap:18px}.kh-achieve-row .kh-achieve{flex:1}}@media (max-width: 799px){.kh-continue-row,.kh-levels-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.kh-dolphin-zone{grid-column:1 / -1}}.kh-dolphin-zone{position:relative;display:flex;align-items:center;justify-content:center}.kh-dolphin-inline{width:clamp(120px,15vw,200px);height:auto;cursor:pointer;filter:drop-shadow(0 10px 16px rgba(60,10,70,.32));animation:kh-swim 4s ease-in-out infinite alternate;transition:transform .15s var(--ease-standard);-webkit-tap-highlight-color:transparent}.kh-dolphin-inline:hover{transform:scale(1.05)}.kh-dolphin-inline:active{transform:scale(.95)}.kh-dolphin-inline.wiggle{animation:kh-dolphin-wiggle .7s ease-in-out}@keyframes kh-dolphin-wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-9deg) scale(1.08)}45%{transform:rotate(9deg) scale(1.08)}70%{transform:rotate(-5deg) scale(1.04)}}@keyframes kh-swim{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-12px) rotate(3deg)}}.kh-bubble-inline{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%);background:#fff;color:#5e2b7a;font:800 13px var(--font-body);padding:9px 15px;border-radius:16px 16px 16px 5px;box-shadow:0 6px 16px #5014503d;white-space:nowrap;z-index:5;animation:kh-bubble-pop .4s var(--ease-emph) both}.kh-bubble-inline:after{content:"";position:absolute;bottom:-7px;left:30px;border:7px solid transparent;border-top-color:#fff;border-bottom:0}[data-kids] .ach-blue:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,rgba(20,30,90,.28),transparent 38%),url(/art/bg-blue-reef.jpg) center center / cover no-repeat,#16215c;pointer-events:none}.ach-blue>*{position:relative;z-index:1}.ach-page{max-width:none;min-height:100dvh}@media (min-width: 800px){.ach-page{padding:26px clamp(32px,4vw,64px) 44px}}.ach-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:12px}.ach-top .kh-name{color:#fff}.ach-back{width:46px;height:46px;border-radius:50%;flex:none;background:#fffffff2;font-size:20px;color:#5e2b7a;box-shadow:var(--elev-2);border:none}.ach-dolphin{width:clamp(70px,9vw,110px);height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));animation:kh-swim 4s ease-in-out infinite alternate}.ach-title{color:#fff;font:800 32px var(--font-display);margin:8px 0 2px;text-shadow:0 2px 8px rgba(0,20,60,.4)}.ach-sub{color:#ffffffe6;font-weight:700;margin-bottom:22px;text-shadow:0 1px 4px rgba(0,20,60,.4)}.ach-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 800px){.ach-hub{grid-template-columns:1fr 1fr}}.ach-hub-card{background:#ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:22px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 10px 26px #00143c47;transition:transform .16s var(--ease-standard);cursor:pointer;color:#fff}.ach-hub-card:hover{transform:translateY(-5px)}.ach-hub-card:active{transform:scale(.97)}.ach-hub-art{width:108px;height:108px;border-radius:22px;background:#ffffff29;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #fff3}.ach-hub-art img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));animation:kgFloat 3.2s ease-in-out infinite alternate}.ach-hub-name{font:800 16px var(--font-display);color:#fff}.ach-hub-pill{background:#ffffff38;border-radius:999px;padding:7px 20px;font:800 16px var(--font-body);color:#fff;width:100%;text-align:center}.ach-hub-unit{font-size:12px;color:#fffc;font-weight:700}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.ach-grid-cert{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ach-card{background:#ffffffeb;border-radius:var(--shape-lg);box-shadow:var(--elev-2);padding:16px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.ach-art{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.ach-art-emoji{font-size:40px}.float{animation:kgFloat 3s ease-in-out infinite alternate}.cert-card{background:#fffbf0;border:1px solid #F0E2C0;border-radius:var(--shape-lg);box-shadow:var(--elev-2);padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.cert-art{width:100%;max-width:210px;border-radius:12px;margin-bottom:6px}.sb-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}@media (max-width: 800px){.sb-layout{grid-template-columns:1fr}}.sb-side{display:flex;flex-direction:column;gap:14px}.sb-progress{background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:16px;text-align:center;color:#fff}.sb-progress-label{font:800 11px var(--font-body);letter-spacing:.08em;color:#ffffffd9}.sb-progress-num{font:800 28px var(--font-display);margin:4px 0}.sb-progress-cap{font-size:12px;color:#fffc;font-weight:700}.sb-chest{background:#5a78dc66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:16px;text-align:center;color:#fff}.sb-book{display:grid;grid-template-columns:1fr auto 1fr;background:linear-gradient(135deg,#7c5cff,#5e55c4);border-radius:22px;padding:16px;gap:4px;box-shadow:0 14px 34px #14145066}.sb-page{background:linear-gradient(180deg,#fbf7ff,#f1eafb);border-radius:14px;padding:18px;position:relative;min-height:360px}.sb-star-tab{position:absolute;top:-6px;left:-6px;font-size:22px}.sb-spine{width:16px;background:repeating-linear-gradient(180deg,#4e45a8 0,#4e45a8 8px,#6a5fd0 8px,#6a5fd0 26px);border-radius:4px}.sb-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sb-slot{aspect-ratio:1;border-radius:14px;border:2.5px dashed rgba(124,92,255,.4);display:grid;place-items:center;font-size:30px}.sb-slot.filled{border-style:solid;border-color:#7c5cff99;background:#ffffffb3;animation:dc-stickerPop .5s var(--ease-emph) both}.sb-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.sb-arrow{width:44px;height:40px;border-radius:999px;background:#fffffff2;font-size:18px;color:#5e2b7a;box-shadow:var(--elev-2);border:none}.sb-arrow:disabled{opacity:.4}.sb-dot{width:9px;height:9px;border-radius:50%;background:#ffffff80;cursor:pointer}.sb-dot.on{background:#fff;width:22px;border-radius:99px}.sb-book-art{position:relative;width:100%}.sb-book-img{width:100%;height:auto;display:block}.sb-slot-overlay{position:absolute;top:9%;left:6%;right:6%;bottom:9%;display:grid;grid-template-columns:1fr 8.5% 1fr;gap:0}.sb-half{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:4% 6%}.sb-half.left{grid-column:1;padding-right:2%}.sb-half.right{grid-column:3;padding-left:2%}.sb-oslot{display:grid;place-items:center;font-size:clamp(20px,3vw,34px);border-radius:16px}.sb-oslot.filled{background:#7c5cff29;box-shadow:inset 0 0 0 2px #7c5cff8c;animation:dc-stickerPop .5s var(--ease-emph) both}.ach-hub-art{width:132px;height:132px;border-radius:26px}.ach-hub-art img{width:98px;height:98px}@media (max-width: 800px){.ach-hub-art{width:112px;height:112px}.ach-hub-art img{width:82px;height:82px}}[data-kids] .ach-blue:before{background:linear-gradient(180deg,rgba(20,30,90,.28),transparent 38%),url(/art/bg-blue-reef.jpg) center center / cover no-repeat,#16215c!important;width:100vw!important;height:100dvh!important}