@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--bg: #07071C;--bg2: #0D0D2E;--bg3: #131342;--bg4: #1A1A50;--card: rgba(255,255,255,.045);--card2: rgba(255,255,255,.08);--card3: rgba(255,255,255,.12);--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.15);--border3: rgba(255,255,255,.22);--text: #EEEEFF;--text2: #A0A0CC;--text3: #5A5A80;--text4: #3A3A60;--primary: #7C6FF7;--primary2: #9D97FF;--teal: #4FC3F7;--teal2: #26C6B0;--pink: #FF6B9D;--gold: #FFD166;--amber: #FF9800;--green: #2ECC71;--orange: #FF8C42;--red: #FF4757;--purple: #CE82FF;--font-d: "Syne", sans-serif;--font-b: "DM Sans", sans-serif;--r: 12px;--r2: 18px;--r3: 24px;--r4: 32px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow2: 0 8px 40px rgba(0,0,0,.6);--glow-p: 0 0 40px rgba(124,111,247,.25);--glow-t: 0 0 40px rgba(79,195,247,.2)}[data-theme=ocean]{--bg:#030E1A;--bg2:#071828;--bg3:#0C2438;--text:#E0F0FF;--text2:#6BAFD4;--text3:#3A6A8A;--primary:#0EA5E9;--teal:#38BDF8;--border:rgba(14,165,233,.12);--card:rgba(14,165,233,.05)}[data-theme=forest]{--bg:#040E06;--bg2:#091A0D;--bg3:#0D2614;--text:#E0FFE5;--text2:#6AB878;--text3:#3A6A42;--primary:#22C55E;--teal:#4ADE80;--border:rgba(34,197,94,.12);--card:rgba(34,197,94,.05)}[data-theme=sunset]{--bg:#160803;--bg2:#251206;--bg3:#341D0C;--text:#FFF0E8;--text2:#CC8860;--text3:#885030;--primary:#F97316;--teal:#FB923C;--border:rgba(249,115,22,.12);--card:rgba(249,115,22,.05)}[data-theme=light]{--bg:#F2F2FA;--bg2:#FFFFFF;--bg3:#E8E8F4;--text:#12122A;--text2:#3A3A5C;--text3:#7272A0;--primary:#6C63FF;--teal:#0D9488;--border:rgba(26,26,78,.1);--card:rgba(108,99,255,.05);--card2:rgba(108,99,255,.09);--shadow:0 4px 24px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-b);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}#root{overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:var(--font-b);cursor:pointer}img{max-width:100%}input,textarea,select{font-family:var(--font-b)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #7c6ff74d}50%{box-shadow:0 0 40px #7c6ff799}}@keyframes wag{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes twisterIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes streak-flame{0%,to{transform:scaleY(1) rotate(-3deg)}50%{transform:scaleY(1.1) rotate(3deg)}}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll::-webkit-scrollbar{display:none}.fade-up{animation:fadeUp .5s ease both}.fade-in{animation:fadeIn .4s ease both}.floating{animation:float 3s ease-in-out infinite}.page-wrap{max-width:1100px;margin:0 auto;padding:24px 16px 120px}@media (min-width:640px){.page-wrap{padding:28px 24px 120px}}@media (min-width:1024px){.page-wrap{padding:32px 32px 120px}}nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:64px}main{padding-top:64px}@media (max-width:768px){.desktop-links{display:none!important}.hamburger,.bottom-tab-bar{display:flex!important}main{padding-top:56px!important}main{padding-bottom:80px!important;padding-top:56px}nav{height:56px}}@media (min-width:769px){.mobile-menu,.hamburger,.bottom-tab-bar{display:none!important}}.card-hover{transition:transform .2s,border-color .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r);border:none;font-weight:700;font-size:14px;cursor:pointer;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px);opacity:.9}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:var(--card2);color:var(--text);border:1px solid var(--border2)}.xp-bar-fill{background:linear-gradient(90deg,var(--primary),var(--teal),var(--primary));background-size:200% 100%;animation:shimmer 2s linear infinite}.vaani-bubble{position:absolute;background:var(--bg2);border:1.5px solid var(--primary);border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:13px;line-height:1.5;color:var(--text);box-shadow:var(--glow-p);max-width:220px;animation:pop .35s ease both;z-index:9000}.vaani-bubble:after{content:"";position:absolute;bottom:-8px;left:16px;width:12px;height:8px;background:var(--primary);clip-path:polygon(0 0,100% 0,0 100%)}.bottom-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;height:64px;background:var(--bg2);border-top:1px solid var(--border2);justify-content:space-around;align-items:center;padding:0 8px}.ad-slot{background:var(--card);border:1px dashed var(--border2);border-radius:var(--r);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text3);font-size:12px;overflow:hidden;position:relative}.ad-slot-banner{width:100%;height:90px}.ad-slot-square{width:300px;height:250px}.ad-slot-sidebar{width:160px;height:600px}.confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;pointer-events:none;z-index:9999;animation:confetti-fall 3s ease-in forwards}.streak-flame{display:inline-block;animation:streak-flame 1.5s ease-in-out infinite;transform-origin:bottom center}.badge-unlock{animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) both}.progress-ring-circle{transition:stroke-dashoffset 1s ease;transform:rotate(-90deg);transform-origin:50% 50%}.grid-2,.grid-3{display:grid;gap:16px;grid-template-columns:1fr}.grid-4{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.phoneme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}@media (min-width:640px){.phoneme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r2);padding:14px 22px;box-shadow:var(--shadow2);z-index:9999;animation:slideDown .3s ease both;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;white-space:nowrap}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r)}@media (prefers-reduced-motion:reduce){*,.floating,.xp-bar-fill,.streak-flame{animation-duration:.01ms!important;transition-duration:.01ms!important}}