@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&family=Tiro+Devanagari+Hindi:ital@0;1&display=swap");#app,#root,body,html{height:100%;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;background:#0a0420;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{display:none}*{scrollbar-width:none;box-sizing:border-box}.app-root{width:100vw;height:100vh;height:100dvh}:root{--ease:cubic-bezier(0.32,0.72,0,1);--ease-back:cubic-bezier(0.34,1.56,0.64,1);--dur:380ms;--dur-slow:560ms;--dur-fast:220ms;--glass-blur:24px;--glass-sat:180%;--glass-tint:hsla(0,0%,100%,.09);--glass-tint-strong:hsla(0,0%,100%,.16);--glass-border:hsla(0,0%,100%,.22);--glass-shine:hsla(0,0%,100%,.35);--glass-shadow:0 10px 30px rgba(8,0,30,.35);--fg:#fff;--fg-soft:hsla(0,0%,100%,.78);--fg-mute:hsla(0,0%,100%,.56);--fg-dim:hsla(0,0%,100%,.38);--accent:#ffd9a8;--accent-hot:#ff6aa1;--accent-cool:#9d7aff;--success:#7dffb4;--danger:#ff8aa6;--font-ui:"Plus Jakarta Sans",-apple-system,"SF Pro Text",system-ui,sans-serif;--font-hi:"Noto Sans Devanagari","Tiro Devanagari Hindi",serif;--font-hi-serif:"Tiro Devanagari Hindi","Noto Serif Devanagari",serif}.bg-indigo-magenta{--bg-1:#14082e;--bg-2:#2d0e5c;--bg-3:#5a1d6e;--bg-4:#b83a82;--bg-5:#ff7a5a;--blob-1:#ff5e9c;--blob-2:#6a3ff5;--blob-3:#ffae7c}.bg-saffron-emerald{--bg-1:#1a3f1a;--bg-2:#2c5e2a;--bg-3:#b07728;--bg-4:#f0903b;--bg-5:#fbd089;--blob-1:#f59f5b;--blob-2:#2c8a4a;--blob-3:#ffd97a}.bg-midnight-cyan{--bg-1:#050a1f;--bg-2:#0d2046;--bg-3:#1d4f7a;--bg-4:#2d9aaa;--bg-5:#6fe0d0;--blob-1:#5ce0c4;--blob-2:#4f7dff;--blob-3:#a8c8ff}.bg-terracotta-ochre{--bg-1:#2a1410;--bg-2:#5a2418;--bg-3:#9a4828;--bg-4:#d4843c;--bg-5:#f5c87b;--blob-1:#f08254;--blob-2:#c54a30;--blob-3:#f9d186}.glass-dark{--fg:#1c0a3a;--fg-soft:rgba(28,10,58,.78);--fg-mute:rgba(28,10,58,.56);--fg-dim:rgba(28,10,58,.34);--glass-tint:hsla(0,0%,100%,.55);--glass-tint-strong:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.85);--glass-shine:hsla(0,0%,100%,.95);--glass-shadow:0 10px 28px rgba(8,0,30,.18)}.glass-subtle{--glass-blur:14px;--glass-sat:140%;--glass-tint:hsla(0,0%,100%,.06);--glass-tint-strong:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.15);--glass-shine:hsla(0,0%,100%,.22)}.glass-balanced{--glass-blur:24px;--glass-sat:180%}.glass-maximal{--glass-blur:38px;--glass-sat:220%;--glass-tint:hsla(0,0%,100%,.13);--glass-tint-strong:hsla(0,0%,100%,.22);--glass-border:hsla(0,0%,100%,.35);--glass-shine:hsla(0,0%,100%,.6)}.vs-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(160% 110% at 20% 0,var(--bg-2) 0,transparent 55%),radial-gradient(120% 100% at 100% 100%,var(--bg-5) 0,transparent 50%),linear-gradient(160deg,var(--bg-1) 0,var(--bg-2) 30%,var(--bg-3) 60%,var(--bg-4) 85%,var(--bg-5) 100%)}.vs-scene:after,.vs-scene:before{content:"";position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;pointer-events:none;animation:blob 18s ease-in-out infinite}.vs-scene:before{width:320px;height:320px;background:radial-gradient(circle,var(--blob-1) 0,transparent 65%);top:-60px;right:-80px}.vs-scene:after{width:380px;height:380px;background:radial-gradient(circle,var(--blob-2) 0,transparent 65%);bottom:-80px;left:-100px;animation-delay:-9s}.vs-scene .blob-3{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(40px);opacity:.45;background:radial-gradient(circle,var(--blob-3) 0,transparent 65%);top:38%;left:40%;animation:blob 22s ease-in-out -4s infinite}.vs-scene .grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");pointer-events:none}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,30px) scale(.96)}}.glass{position:relative;border-radius:22px;background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:.5px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-shine),inset 0 -.5px 0 hsla(0,0%,100%,.08),var(--glass-shadow);color:var(--fg);overflow:hidden}.glass.strong{background:var(--glass-tint-strong)}.glass.flat{box-shadow:inset 0 1px 0 var(--glass-shine)}.glass.sheen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.18),transparent 30%,transparent 70%,hsla(0,0%,100%,.08));border-radius:inherit}.glass-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:.5px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-shine),0 4px 14px rgba(0,0,0,.18);color:var(--fg);font:500 13px/1 var(--font-ui);letter-spacing:.01em;white-space:nowrap}.hi{font-family:var(--font-hi)}.hi-serif{font-family:var(--font-hi-serif)}.en{font-family:var(--font-ui)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 20px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff,#ffe4cf);color:#2d0e5c;font:600 16px/1 var(--font-ui);letter-spacing:-.01em;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -1px 0 rgba(0,0,0,.08),0 8px 24px rgba(255,122,90,.35);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn-primary:active{transform:translateY(1px) scale(.99);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),0 4px 12px rgba(255,122,90,.3)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:999px;background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:.5px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-shine);color:var(--fg);font:500 15px/1 var(--font-ui);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.btn-ghost:hover{background:var(--glass-tint-strong)}.field{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:16px;background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:.5px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-shine);color:var(--fg)}.field input{flex:1 1;background:transparent;border:0;outline:0;color:var(--fg);font:500 17px/1.2 var(--font-ui);letter-spacing:-.01em;width:100%;min-width:0}.field input::placeholder{color:var(--fg-dim)}.field-label{font:500 12px/1 var(--font-ui);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:block}.opt{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:18px;background:var(--glass-tint);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:.5px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-shine);color:var(--fg);text-align:left;cursor:pointer;transition:all var(--dur-fast) var(--ease);font-family:var(--font-hi);font-size:17px;font-weight:500}.opt:hover{background:var(--glass-tint-strong);transform:translateY(-1px)}.opt.selected{background:hsla(0,0%,100%,.28);border-color:hsla(0,0%,100%,.6);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),0 6px 20px hsla(0,0%,100%,.18)}.opt.correct{background:rgba(125,255,180,.22);border-color:rgba(125,255,180,.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 6px 22px rgba(125,255,180,.32)}.opt.wrong{background:rgba(255,138,166,.22);border-color:rgba(255,138,166,.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 6px 22px rgba(255,138,166,.32)}.opt-letter{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.18);border:.5px solid hsla(0,0%,100%,.3);font:600 13px/1 var(--font-ui);flex-shrink:0}.opt.correct .opt-letter{background:rgba(125,255,180,.55)}.opt.wrong .opt-letter{background:rgba(255,138,166,.55)}.tabbar{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom, 0px));left:12px;right:12px;justify-content:space-around;padding:8px 10px;border-radius:999px;background:rgba(20,8,46,.45);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid hsla(0,0%,100%,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),0 8px 28px rgba(0,0,0,.4);z-index:40}.tabbar,.tabbar button{display:flex;align-items:center}.tabbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--fg-mute);flex-direction:column;gap:3px;padding:6px 12px;border-radius:999px;font:500 10px/1 var(--font-ui);cursor:pointer;transition:color var(--dur-fast) var(--ease)}.tabbar button.active{color:var(--fg)}.tabbar button.active .tabicon{background:linear-gradient(180deg,#fff,#ffd9a8);color:#2d0e5c}.tabicon{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease)}.divider{height:.5px;background:linear-gradient(90deg,transparent,var(--fg-dim),transparent);margin:6px 0}.progress{height:6px;border-radius:999px;background:hsla(0,0%,100%,.14);overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#ffd9a8,#ff7a5a);transition:width var(--dur) var(--ease)}.chip,.progress>i{border-radius:999px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:hsla(0,0%,100%,.12);border:.5px solid hsla(0,0%,100%,.2);font:500 11px/1 var(--font-ui);color:var(--fg-soft)}.fade-in{animation:fadeIn var(--dur) var(--ease) both}.slide-up{animation:slideUp var(--dur) var(--ease) both}.scale-in{animation:scaleIn var(--dur) var(--ease) both}.pop{animation:pop var(--dur) var(--ease-back) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.stagger>*{opacity:0;animation:slideUp var(--dur) var(--ease) both}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.22s}.stagger>:nth-child(5){animation-delay:.28s}.stagger>:nth-child(6){animation-delay:.34s}.stagger>:nth-child(7){animation-delay:.4s}.vs-screen ::-webkit-scrollbar{display:none}.vs-screen *{scrollbar-width:none}.avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#ff7a5a,#b83a82);display:inline-flex;align-items:center;justify-content:center;font:600 16px/1 var(--font-ui);color:#fff;border:1.5px solid hsla(0,0%,100%,.35);box-shadow:0 4px 12px rgba(0,0,0,.25);flex-shrink:0}