@keyframes charFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes charBounce{0%,to{transform:translateY(0) scaleY(1)}40%{transform:translateY(-16px) scaleY(1.05)}60%{transform:translateY(-10px) scaleY(.97)}}@keyframes charWiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes charPop{0%{opacity:0;transform:scale(0) rotate(-10deg)}70%{opacity:1;transform:scale(1.12) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes starSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cloudDrift{0%,to{transform:translateX(0)}50%{transform:translateX(12px)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.15)}}@keyframes charSlideIn{0%{opacity:0;transform:translateX(60px) rotate(8deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.08)}}.kuliso-char{display:inline-block;flex-shrink:0;pointer-events:none;position:relative;user-select:none}.kuliso-char svg{display:block;height:100%;width:100%}.char-float{animation:charFloat 3.5s ease-in-out infinite}.char-bounce{animation:charBounce 1.8s ease-in-out infinite}.char-wiggle{animation:charWiggle 1.2s ease-in-out infinite}.char-pop{animation:charPop .55s cubic-bezier(.34,1.56,.64,1) forwards}.char-slidein{animation:charSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.char-xs{height:72px;width:56px}.char-sm{height:100px;width:80px}.char-md{height:150px;width:120px}.char-lg{height:200px;width:160px}.char-xl{height:260px;width:210px}.char-hero{height:320px;width:260px}.bg-nature{background:radial-gradient(ellipse 200px 60px at 50% 100%,#86efac 0,transparent 100%),radial-gradient(ellipse 120px 40px at 20% 96%,#4ade80 0,transparent 100%),radial-gradient(ellipse 90px 30px at 80% 98%,#4ade80 0,transparent 100%),linear-gradient(180deg,#bae6fd,#e0f2fe 40%,#dcfce7 70%,#bbf7d0);overflow:hidden;position:relative}.bg-nature:before{background:radial-gradient(ellipse 300px 80px at 30% 100%,#86efac 0,transparent 70%),radial-gradient(ellipse 400px 100px at 70% 100%,#4ade80 0,transparent 80%);bottom:0;height:45%;left:0;right:0}.bg-nature:after,.bg-nature:before{content:"";pointer-events:none;position:absolute}.bg-nature:after{animation:cloudDrift 8s ease-in-out infinite;background:#fff;border-radius:50px;box-shadow:-30px 5px 0 #fff,25px 8px 0 #fff;height:35px;opacity:.8;right:10%;top:12%;width:70px}.bg-classroom{background:linear-gradient(180deg,#fef3c7,#fde68a 30%,#fef9e7 60%,#fdf6e3);overflow:hidden;position:relative}.bg-classroom:before{background-image:repeating-linear-gradient(90deg,rgba(251,191,36,.1),rgba(251,191,36,.1) 1px,transparent 0,transparent 60px),repeating-linear-gradient(180deg,rgba(251,191,36,.08),rgba(251,191,36,.08) 1px,transparent 0,transparent 60px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bg-space{background:radial-gradient(ellipse at top,#312e81 0,#1e1b4b 40%,#0f0a2e 100%);overflow:hidden;position:relative}.bg-space:before{background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 40% 15%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 45%,#fff,transparent),radial-gradient(1px 1px at 75% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 15% 60%,#fff,transparent),radial-gradient(1px 1px at 85% 70%,#fff,transparent),radial-gradient(2px 2px at 50% 80%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 30% 85%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 40%,#fff,transparent),radial-gradient(1px 1px at 55% 10%,#fff,transparent),radial-gradient(2px 2px at 10% 90%,hsla(0,0%,100%,.6),transparent);content:"";inset:0;pointer-events:none;position:absolute}.bg-library{background:linear-gradient(180deg,#fef9f0,#fdf4e7 40%,#fbecd8);overflow:hidden;position:relative}.bg-library:before{background:repeating-linear-gradient(90deg,#d97706,#d97706 18px,#b45309 0,#b45309 20px,#c2410c 0,#c2410c 38px,#b45309 0,#b45309 40px,#0369a1 0,#0369a1 58px,#b45309 0,#b45309 60px,#7c3aed 0,#7c3aed 78px,#b45309 0,#b45309 80px,#0f766e 0,#0f766e 98px,#b45309 0,#b45309 100px);bottom:0;content:"";height:40%;left:0;opacity:.25;pointer-events:none;position:absolute;right:0}.bg-underwater{background:linear-gradient(180deg,#0369a1,#0284c7 30%,#0ea5e9 60%,#38bdf8 90%,#7dd3fc);overflow:hidden;position:relative}.bg-underwater:before{background:radial-gradient(ellipse 100px 40px at 20% 100%,#065f46 0,transparent 70%),radial-gradient(ellipse 80px 50px at 50% 100%,#047857 0,transparent 70%),radial-gradient(ellipse 120px 60px at 80% 100%,#065f46 0,transparent 70%);bottom:0;content:"";height:30%;left:0;pointer-events:none;position:absolute;right:0}.bg-playground{background:linear-gradient(180deg,#fde68a,#fcd34d 20%,#fef3c7 50%,#dcfce7 80%,#bbf7d0);overflow:hidden;position:relative}.bg-warm{background:linear-gradient(135deg,#fff7ed,#fef3c7 30%,#ecfdf5 70%,#f0f9ff)}.bg-soft-violet{background:linear-gradient(135deg,#faf5ff,#f0fdf4 50%,#fff7ed)}.cloud-1,.cloud-2,.landscape-deco{pointer-events:none;position:absolute}.cloud-1,.cloud-2{background:#fff;border-radius:50px;opacity:.85}.cloud-1:after,.cloud-1:before,.cloud-2:after,.cloud-2:before{background:#fff;border-radius:50%;content:"";position:absolute}.cloud-1{animation:cloudDrift 9s ease-in-out infinite;height:28px;left:8%;top:12%;width:80px}.cloud-1:before{height:38px;left:14px;top:-18px;width:38px}.cloud-1:after{height:26px;left:40px;top:-10px;width:26px}.cloud-2{animation:cloudDrift 7s ease-in-out infinite reverse;height:22px;right:12%;top:20%;width:60px}.cloud-2:before{height:28px;left:10px;top:-14px;width:28px}.cloud-2:after{height:20px;left:32px;top:-8px;width:20px}.hero-char-wrap{align-items:flex-end;display:flex;gap:16px;justify-content:center;padding:20px 0 0;position:relative}.hero-char-wrap .kuliso-char:nth-child(2){animation-delay:.4s}.hero-char-wrap .kuliso-char:nth-child(3){animation-delay:.8s}.char-bubble{animation:charFloat 4s ease-in-out infinite;background:#fff;border:2.5px solid #ede9fe;border-radius:20px;box-shadow:0 4px 16px rgba(124,58,237,.12);color:#4c1d95;font-size:13px;font-weight:700;padding:8px 14px;pointer-events:none;position:absolute;white-space:nowrap}.char-bubble:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ede9fe;bottom:-10px;left:20px}.char-bubble:after,.char-bubble:before{content:"";height:0;position:absolute;width:0}.char-bubble:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff;bottom:-7px;left:22px;z-index:1}.char-welcome-row{align-items:center;background:linear-gradient(135deg,#faf5ff,#f0fdf4);border:1.5px solid rgba(124,58,237,.1);border-radius:20px;display:flex;gap:16px;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative}.char-welcome-row:after{background:radial-gradient(circle,rgba(124,58,237,.08) 0,transparent 70%);border-radius:50%;content:"";height:80px;pointer-events:none;position:absolute;right:-20px;top:-20px;width:80px}.char-welcome-text h3{color:#4c1d95;font-size:16px;font-weight:800;margin:0 0 4px}.char-welcome-text p{color:#6d28d9;font-size:13px;margin:0;opacity:.75}.sparkle-wrap{pointer-events:none;position:absolute}.sparkle{animation:sparkle 1.5s ease-in-out infinite;background:#fbbf24;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:8px;position:absolute;width:8px}.sparkle:nth-child(2){animation-delay:.3s;background:#a78bfa;height:6px;width:6px}.sparkle:nth-child(3){animation-delay:.6s;background:#34d399;height:10px;width:10px}.sparkle:nth-child(4){animation-delay:.9s;background:#f472b6;height:7px;width:7px}.sparkle:nth-child(5){animation-delay:1.2s;background:#60a5fa;height:9px;width:9px}.char-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 20px;text-align:center}.char-empty-state .char-label{color:#6d28d9;font-size:15px;font-weight:700}.char-empty-state .char-sublabel{color:#8892b0;font-size:13px;line-height:1.5;max-width:220px}.feature-char-card{align-items:center;background:#fff;border:2px solid rgba(124,58,237,.08);border-radius:22px;box-shadow:0 4px 20px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden;padding:24px 20px 20px;position:relative;transition:transform .2s,box-shadow .2s}.feature-char-card:hover{box-shadow:0 8px 28px rgba(124,58,237,.12);transform:translateY(-4px)}.feature-char-card .card-landscape{border-radius:20px 20px 0 0;height:50%;left:0;overflow:hidden;position:absolute;right:0;top:0}.subject-char-badge{align-items:center;border:1.5px solid;border-radius:100px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 12px 6px 6px}.sbadge-math{background:#fef9c3;border-color:#fbbf24;color:#92400e}.sbadge-reading{background:#fce7f3;border-color:#f472b6;color:#831843}.sbadge-science{background:#d1fae5;border-color:#34d399;color:#065f46}.sbadge-language{background:#ede9fe;border-color:#a78bfa;color:#4c1d95}.sbadge-art{background:#ffedd5;border-color:#fb923c;color:#9a3412}.char-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px}.char-loading-dots{display:flex;gap:6px}.char-loading-dots span{animation:charBounce 1s ease-in-out infinite;background:#a78bfa;border-radius:50%;height:8px;width:8px}.char-loading-dots span:nth-child(2){animation-delay:.15s;background:#34d399}.char-loading-dots span:nth-child(3){animation-delay:.3s;background:#fbbf24}.char-celebrate{align-items:center;animation:charPop .4s ease forwards;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:999}.char-celebrate-card{background:#fff;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:320px;padding:32px 40px;text-align:center}.char-celebrate-card h2{color:#4c1d95;font-size:24px;font-weight:800;margin:12px 0 6px}.char-celebrate-card p{color:#6d28d9;font-size:14px;opacity:.8}.char-thinking .eye-l,.char-thinking .eye-r{animation:blink 3s ease-in-out infinite;transform-origin:center}.char-thinking .eye-r{animation-delay:.1s}.char-sidebar-strip{align-items:center;background:linear-gradient(180deg,#faf5ff,#f0fdf4);border:1.5px solid rgba(124,58,237,.08);border-radius:18px;display:flex;flex-direction:column;gap:8px;padding:16px 8px}.page-landscape-band{background:linear-gradient(90deg,#f472b6,#a78bfa,#60a5fa,#34d399,#fbbf24,#fb923c);border-radius:0 0 6px 6px;height:8px;width:100%}.page-landscape-band-thick{flex-shrink:0;height:120px;overflow:hidden;position:relative;width:100%}.char-error-page{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 20px;text-align:center}@media (max-width:640px){.char-hero{height:220px;width:180px}.char-xl{height:200px;width:160px}.char-lg{height:150px;width:120px}.hero-char-wrap{gap:8px}}@media (max-width:380px){.hero-char-wrap .kuliso-char:nth-child(3){display:none}.char-hero{height:185px;width:150px}}