@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Vazirmatn,sans-serif;color:#f4f5ff;background:#080b1c;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--bg:#080b1c;--panel:#11162c;--line:rgba(178,190,255,.12);--muted:#929bb9;--purple:#8b6cff;--cyan:#48d8ef;--gold:#ffc86a}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -20%,#1b2050 0,transparent 55%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #69dff5;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:#080b1cb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#7657ff,#27c8e9);display:grid;place-items:center;box-shadow:0 5px 22px #5a58f866}.brand-accent{color:#9a83ff}.desktop-nav{display:flex;gap:8px}.nav-link,.icon-button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;font-size:13px}.nav-link.active,.nav-link:hover{background:#24234a;color:#fff}.top-actions{display:flex;align-items:center;gap:14px}.language-wrap{position:relative}.language-button{border:1px solid var(--line);color:#dfe4ff}.language-menu{position:absolute;right:0;top:48px;width:180px;padding:7px;background:#171c37;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0008;z-index:40}.language-menu button{width:100%;padding:10px;border:0;border-radius:9px;background:none;text-align:left;display:flex;justify-content:space-between}.language-menu button:hover,.language-menu button.selected{background:#29264e}.avatar,.profile-avatar{border:1px solid #7766df;background:linear-gradient(145deg,#453b86,#1e8ea8);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700}.mobile-menu-button,.mobile-menu{display:none}.main-content{max-width:1160px;margin:0 auto;padding:42px 28px 110px}.page{min-height:70vh}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#a998ff;display:flex;align-items:center;gap:8px}.live-dot,.sun-dot{width:7px;height:7px;border-radius:50%;background:#51e2bd;box-shadow:0 0 12px #51e2bd}.welcome-row h1,.page h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1.2px;margin:9px 0 5px;line-height:1.16}.muted{color:var(--muted);font-size:13px;line-height:1.65}.level-pill{display:flex;align-items:center;gap:7px;border:1px solid #8e78ff44;background:#7861ff17;color:#c9beff;padding:10px 13px;border-radius:30px;font-size:11px}.hero-card{min-height:320px;position:relative;overflow:hidden;border-radius:26px;border:1px solid #7772e044;background:linear-gradient(110deg,#171b40,#17153b,#102c4b);padding:34px 40px;display:flex;align-items:center;box-shadow:0 20px 60px #03061788}.hero-copy{position:relative;z-index:3;width:53%}.hero-kicker{display:flex;align-items:center;gap:9px;color:#c7baff;font-size:10px;font-weight:800;letter-spacing:1.6px}.sun-dot{background:var(--gold);box-shadow:0 0 12px var(--gold)}.hero-copy h2{font-size:clamp(29px,4vw,43px);line-height:1.08;letter-spacing:-1.4px;margin:17px 0 10px}.hero-copy p{color:#abb4d1;max-width:360px;font-size:13px;line-height:1.6}.primary-button{border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(100deg,#8565ff,#4b9df7);box-shadow:0 8px 24px #6c60ff44;color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,filter .2s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.hero-meta{display:flex;gap:18px;margin-top:19px;color:#aab4d2;font-size:10px}.hero-meta span{display:flex;align-items:center;gap:5px}.hero-art{position:absolute;right:0;top:0;width:52%;height:100%;display:grid;place-items:center}.hero-art img{width:112%;height:130%;object-fit:contain;mix-blend-mode:screen;position:relative;z-index:1;filter:saturate(1.12)}.art-glow{position:absolute;width:260px;height:180px;background:#4b75ff55;filter:blur(65px);border-radius:50%}.hero-orb{position:absolute;border:1px solid #8e7aff55;border-radius:50%;pointer-events:none}.orb-one{width:400px;height:400px;right:6%;top:-45%}.orb-two{width:280px;height:280px;right:10%;bottom:-65%}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 40px}.stat-card{display:flex;align-items:center;gap:13px;padding:17px 18px;background:#11162c;border:1px solid var(--line);border-radius:16px}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.stat-icon.streak{background:#ff9d4b1b;color:#ffb66c}.stat-icon.points{background:#9c83ff20;color:#b5a3ff}.stat-icon.answered{background:#4fe0be18;color:#61e4c3}.stat-card strong{font-size:20px;display:block}.stat-card strong small{font-size:10px;color:#aeb7d2;font-weight:500}.stat-card span{font-size:10px;color:var(--muted)}.section-block{margin:36px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h3,.panel h3{font-size:19px;margin:6px 0 0;letter-spacing:-.4px}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#b6a6ff;font-size:11px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-card{min-height:145px;text-align:left;position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#171d38,#11162b);display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-4px);border-color:#9182ff88}.category-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#8a73ff20;color:#b8a6ff}.category-card b{font-size:13px}.category-card small{font-size:10px;color:var(--muted)}.category-arrow{position:absolute;right:14px;bottom:15px;color:#a7add0}.category-card.blue .category-icon{background:#3e9fff20;color:#71baff}.category-card.cyan .category-icon{background:#43d7e91c;color:#6de5f0}.category-card.green .category-icon{background:#4ad59a1b;color:#75e0ad}.category-card.pink .category-icon{background:#f17bd41c;color:#f49bdd}.category-card.amber .category-icon{background:#ffc76b1c;color:#ffd18a}.category-card.indigo .category-icon{background:#7774ff20;color:#aaa7ff}.category-card.rose .category-icon{background:#ff789d1c;color:#ff9eb6}.bottom-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.panel{padding:22px;background:#11162c;border:1px solid var(--line);border-radius:18px}.leader-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff0b}.leader-row:last-child{border:0}.rank{width:22px;color:#9aa4c1;font-size:12px;text-align:center}.rank-1{color:#ffd16f}.rank-2{color:#cbd4e8}.rank-3{color:#e9a77c}.leader-avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#4b5da2,#9b66cb);display:grid;place-items:center;font-size:12px;font-weight:700}.leader-row b{font-size:12px}.leader-points{margin-left:auto;color:#aeb8d8;font-size:11px}.progress-panel{text-align:center}.progress-panel .eyebrow{text-align:left}.progress-ring{margin:20px auto 13px;width:118px;height:118px;border-radius:50%;background:conic-gradient(#8e73ff 0,#8e73ff 68%,#2a3150 68%);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#11162c;border-radius:50%}.progress-ring div{position:relative;display:flex;flex-direction:column}.progress-ring strong{font-size:25px}.progress-ring small{font-size:9px;color:var(--muted)}.quiz-page{max-width:720px;margin:0 auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.back-button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#b9c1dd;font-size:12px}.quiz-counter{font-size:11px;color:#b9c1dd}.progress-track{height:6px;background:#222944;border-radius:9px;overflow:hidden;margin-bottom:22px}.progress-fill{height:100%;background:linear-gradient(90deg,#8868ff,#49d5ec);border-radius:9px}.quiz-card{position:relative;padding:32px;background:linear-gradient(145deg,#151b36,#10152a);border:1px solid var(--line);border-radius:22px;overflow:hidden}.quiz-tags{display:flex;gap:8px}.tag{padding:6px 10px;border-radius:20px;background:#8c70ff25;color:#c7b8ff;font-size:10px}.tag.subtle{background:#ffffff0b;color:#aab5d2}.question-number{position:absolute;right:30px;top:23px;font-size:42px;font-weight:800;color:#ffffff0b}.quiz-card h2{font-size:25px;line-height:1.4;max-width:590px;margin:28px 0 7px}.answer-list{display:grid;gap:10px;margin:23px 0}.answer-option{width:100%;display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff05;text-align:left;font-size:12px;line-height:1.5;transition:all .18s}.answer-option:hover,.answer-option.chosen{border-color:#8d79ff;background:#8d79ff15}.answer-letter{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#ffffff0b;color:#b7c0dd;font-size:11px;font-weight:700;flex-shrink:0}.answer-option.chosen .answer-letter{background:#856cff;color:#fff}.answer-option.right{border-color:#4bd7ae;background:#4bd7ae12}.answer-option.wrong{border-color:#ff7b8b;background:#ff7b8b10}.answer-option svg{margin-left:auto;color:#60e1bb}.feedback{margin:16px 0;padding:16px;border-radius:13px;font-size:12px;line-height:1.6}.feedback.success{background:#3dd5a312;border:1px solid #3dd5a344}.feedback.try-again{background:#8b75ff12;border:1px solid #8b75ff44}.feedback p{color:#b6c0dc}.feedback-label{display:flex;align-items:center;gap:6px;color:#c2b4ff;font-size:9px;letter-spacing:1px;font-weight:800}.full{width:100%}.result-page{max-width:560px;margin:45px auto;text-align:center;padding:35px 25px;background:#11162c;border:1px solid var(--line);border-radius:24px}.result-glow{margin:0 auto 18px;width:85px;height:85px;border-radius:26px;background:linear-gradient(145deg,#8a68ff,#34c9e5);display:grid;place-items:center;box-shadow:0 10px 45px #7764ff55}.result-page h1{font-size:30px}.result-score{margin:28px 0}.result-score strong{font-size:65px;display:block;line-height:1}.result-score span{font-size:12px;color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 25px}.result-stats div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 5px;background:#ffffff08;border-radius:12px}.result-stats svg{color:#ad9cff}.result-stats b{font-size:14px}.result-stats small{font-size:9px;color:var(--muted)}.centered{display:flex;margin:16px auto 0}.discover-grid{margin-top:28px}.ranking-panel{margin-top:25px}.demo-note{display:flex;align-items:center;gap:7px;color:#8994b6;font-size:10px;margin-top:15px}.profile-panel{text-align:center;max-width:560px;margin:25px auto}.profile-avatar{width:72px;height:72px;font-size:26px;margin:0 auto 12px}.profile-panel h2{margin:5px}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0}.profile-metrics div{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}.profile-metrics div:last-child{border:0}.profile-metrics b{font-size:21px}.profile-metrics small{font-size:10px;color:var(--muted)}.bottom-nav{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:50;background:#252b4c;border:1px solid #7772d855;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #0008;font-size:12px;max-width:90vw}.toast button{border:0;background:none;display:grid;place-items:center}[dir=rtl]{font-family:Vazirmatn,DM Sans,sans-serif}[dir=rtl] .hero-art{right:auto;left:0}[dir=rtl] .hero-copy{text-align:right}[dir=rtl] .hero-meta{justify-content:flex-start}[dir=rtl] .language-menu{right:auto;left:0}[dir=rtl] .category-card{text-align:right;align-items:flex-start}[dir=rtl] .category-arrow{right:auto;left:14px}[dir=rtl] .leader-points{margin-left:0;margin-right:auto}[dir=rtl] .answer-option{text-align:right}[dir=rtl] .answer-option svg{margin-left:0;margin-right:auto}[dir=rtl] .question-number{right:auto;left:30px}@media(max-width:850px){.desktop-nav{display:none}.mobile-menu-button{display:grid;place-items:center;border:0;background:none;color:#dce2ff}.mobile-menu{display:flex;position:fixed;z-index:30;top:76px;left:0;right:0;background:#121832;padding:12px 22px;gap:8px;border-bottom:1px solid var(--line)}.mobile-menu button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:0;border-radius:10px;background:#ffffff08;font-size:11px}.main-content{padding:30px 22px 105px}.hero-card{padding:28px;min-height:300px}.hero-copy{width:60%}.hero-art{width:48%;opacity:.85}.category-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#0c1127ed;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;color:#8994b6;font-size:9px;padding:4px 12px}.bottom-nav-item.active{color:#b9aaff}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px #9a7cff)}}@media(max-width:560px){.topbar{height:64px;padding:0 17px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.language-button{padding:8px;font-size:10px}.avatar{width:32px;height:32px}.mobile-menu{top:64px}.main-content{padding:25px 16px 100px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:27px;max-width:330px}.level-pill{display:none}.hero-card{min-height:400px;align-items:flex-start;padding:25px 22px}.hero-copy{width:100%;position:relative}.hero-copy h2{font-size:34px}.hero-art{width:100%;height:56%;top:auto;bottom:-18%;opacity:.65}.hero-art img{width:100%;height:150%}.hero-copy p{max-width:280px}.stat-grid{gap:8px}.stat-card{padding:12px 9px;gap:8px;align-items:flex-start}.stat-icon{width:30px;height:30px;flex-shrink:0}.stat-icon svg{width:15px}.stat-card strong{font-size:17px}.stat-card strong small{display:block;font-size:8px}.stat-card span{font-size:8px}.section-heading h3{font-size:17px}.category-card{min-height:130px;padding:14px}.category-card small{max-width:130px}.quiz-card{padding:23px 17px}.quiz-card h2{font-size:21px}.question-number{font-size:32px;right:18px;top:18px}.result-page{margin:20px auto}.language-menu{right:-55px}.hero-meta{gap:11px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #080619;--panel: #151136;--panel-2: #1d1748;--line: rgba(177, 153, 255, .24);--muted: #b6b2d6;--purple: #925eff;--cyan: #4ce4ff;--gold: #ffd05b;--pink: #fb82e8;--mint: #53edc4;--shadow-purple: 0 14px 38px rgba(98, 53, 255, .24)}body{background:radial-gradient(ellipse at 12% 14%,rgba(109,49,255,.22),transparent 32%),radial-gradient(ellipse at 88% 23%,rgba(0,181,255,.14),transparent 28%),radial-gradient(ellipse at 52% 100%,rgba(176,62,255,.13),transparent 42%),#080619}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.36;background-image:radial-gradient(1px 1px at 8% 18%,#fff 98%,transparent),radial-gradient(1.5px 1.5px at 28% 74%,#79dfff 98%,transparent),radial-gradient(1px 1px at 63% 12%,#fff 98%,transparent),radial-gradient(1.5px 1.5px at 85% 67%,#f5caff 98%,transparent),radial-gradient(1px 1px at 92% 31%,#fff 98%,transparent);background-size:290px 230px,370px 310px,240px 260px,410px 330px,330px 270px;animation:star-drift 34s linear infinite}@keyframes star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-34px,22px,0)}}.app-shell{position:relative;z-index:1}.topbar{background:#0a071fc7;border-bottom-color:#a684ff33;box-shadow:0 8px 30px #02001440}.brand{letter-spacing:-.9px}.brand-mark{color:#fff;background:linear-gradient(145deg,#a967ff,#6545ff 48%,#2acff7);box-shadow:0 0 0 1px #ffffff38 inset,0 0 26px #8952ff8c;animation:brand-pulse 3.2s ease-in-out infinite}@keyframes brand-pulse{50%{box-shadow:0 0 0 1px #ffffff4d inset,0 0 38px #8952ffc7}}.brand-accent{color:var(--gold)}.brand-beta{margin-left:2px;padding:4px 7px;border-radius:7px;font-size:8px;letter-spacing:1.25px;color:#d7cbff;background:#8456ff29;border:1px solid rgba(174,141,255,.25)}.nav-link,.icon-button{color:#c4c0e1;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.nav-link{position:relative;overflow:hidden}.nav-link.active{color:#fff;background:linear-gradient(115deg,#854fff52,#37caff21);box-shadow:0 0 0 1px #b38eff42 inset,0 5px 18px #5c2eea2e}.nav-link.active:after{content:"";position:absolute;height:2px;left:18px;right:18px;bottom:4px;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--gold));box-shadow:0 0 10px var(--cyan)}.sound-button{border:1px solid rgba(95,225,255,.25);background:#39c5ff12;color:#b8dcf4;font-size:9px;letter-spacing:.7px;font-weight:800}.sound-button.sound-on{color:#7cf0dc;border-color:#53edc44d;background:#53edc414;box-shadow:0 0 18px #53edc417}.language-button{border-color:#b199ff40;background:#7e56ff14}.language-menu{background:#17113e;border-color:#ae8cff4d;box-shadow:0 18px 55px #0000008c,0 0 22px #7042ff24}.language-menu button:hover,.language-menu button.selected{background:linear-gradient(100deg,#8d53ff42,#39c6ff1a)}.avatar,.profile-avatar{border:2px solid #b78bff;background:linear-gradient(145deg,#874bff,#12aeca);box-shadow:0 0 0 3px #8c53ff26,0 0 22px #7a53ff61}.main-content{max-width:1220px}.eyebrow{color:#c5a6ff;letter-spacing:1.55px}.live-dot{background:var(--mint);box-shadow:0 0 0 4px #53edc41a,0 0 13px var(--mint)}.welcome-row h1,.page h1{text-shadow:0 5px 28px rgba(133,81,255,.24)}.level-pill{color:#ffe09a;background:linear-gradient(110deg,#ffc74e1f,#9559ff26);border-color:#ffcf6647;box-shadow:0 0 25px #ffbf4212 inset}.hero-card{min-height:350px;border:1px solid rgba(182,141,255,.42);border-radius:30px;background:radial-gradient(circle at 76% 44%,rgba(39,180,255,.22),transparent 29%),radial-gradient(circle at 87% 100%,rgba(255,195,66,.14),transparent 27%),linear-gradient(112deg,#28105b,#21104e 43%,#101b52 76%,#0d3352);box-shadow:0 22px 65px #080324a6,0 0 38px #8048ff24 inset}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.055) 48%,transparent 65%);transform:translate(-100%);animation:hero-sweep 8s ease-in-out infinite}@keyframes hero-sweep{0%,35%{transform:translate(-100%)}72%,to{transform:translate(100%)}}.hero-copy{width:52%}.hero-kicker{color:#ecdfff}.hero-live{margin-left:5px;padding:4px 7px;font-size:8px;border-radius:7px;letter-spacing:1px;color:#7fffe0;background:#53edc41f;border:1px solid rgba(83,237,196,.28)}.hero-copy h2{font-size:clamp(34px,4.4vw,50px);text-shadow:0 8px 26px rgba(7,4,26,.35)}.hero-copy h2 span{color:var(--gold);text-shadow:0 0 24px rgba(255,200,81,.25)}.hero-copy p{color:#d5ccef;max-width:390px}.hero-art{width:50%;overflow:visible;perspective:900px}.hero-art img{width:100%;height:118%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 23px 28px rgba(5,4,30,.55)) saturate(1.08);animation:mascot-float 4.6s ease-in-out infinite;transform-origin:50% 72%}@keyframes mascot-float{0%,to{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1.3deg)}}.robot-aura{position:absolute;width:330px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(108,74,255,.55),rgba(35,190,255,.16) 48%,transparent 72%);filter:blur(15px);animation:aura-breathe 4s ease-in-out infinite}@keyframes aura-breathe{50%{transform:scale(1.18);opacity:.7}}.robot-orbit{position:absolute;border:1px solid rgba(117,223,255,.5);border-radius:50%;width:340px;height:100px;top:52%;left:50%;transform:translate(-50%,-50%) rotate(-22deg);box-shadow:0 0 15px #48d8ff24;pointer-events:none}.orbit-b{width:290px;height:78px;transform:translate(-50%,-50%) rotate(31deg);border-color:#ffcb576b}.mascot-tag{position:absolute;bottom:20px;right:8%;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(200,176,255,.3);border-radius:20px;background:#100a35b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5ddff;font-size:8px;font-weight:800;letter-spacing:1px;box-shadow:0 8px 25px #00000040}.mascot-tag svg{color:var(--gold)}.hero-orb{border-color:#ae80ff4d}.hero-spark{position:absolute;color:var(--gold);font-size:24px;text-shadow:0 0 18px var(--gold);animation:spark-twinkle 2.6s ease-in-out infinite;pointer-events:none}.spark-a{right:42%;top:15%}.spark-b{right:8%;top:27%;color:var(--cyan);animation-delay:.8s}.spark-c{right:29%;bottom:12%;color:var(--pink);animation-delay:1.4s}@keyframes spark-twinkle{0%,to{opacity:.38;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(24deg)}}.primary-button{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:15px;padding:14px 19px;background:linear-gradient(105deg,#965dff,#754bff 43%,#258ee9);box-shadow:0 10px 28px #784aff61,0 0 0 1px #ffffff1a inset;color:#fff;font-size:13px;font-weight:800;transition:transform .24s cubic-bezier(.2,.85,.25,1.4),filter .2s,box-shadow .2s}.primary-button:before{content:"";position:absolute;z-index:-1;inset:-30% auto -30% -45%;width:35%;transform:skew(-22deg);background:#ffffff40;filter:blur(8px);transition:left .55s ease}.primary-button:hover{transform:translateY(-4px) scale(1.025);filter:brightness(1.13) saturate(1.12);box-shadow:0 15px 36px #784aff80,0 0 0 1px #ffffff2e inset}.primary-button:hover:before{left:125%}.primary-button:active{transform:translateY(1px) scale(.955)}.primary-button:disabled{opacity:.45;filter:saturate(.5)}.hero-cta{background:linear-gradient(105deg,#ffdb72,#ffad39 58%,#ff7b55);color:#281044;border-color:#ffffff80;box-shadow:0 10px 28px #ffab3b52,0 0 0 1px #ffffff26 inset}.hero-cta:hover{box-shadow:0 15px 35px #ffab3b73,0 0 28px #ffd3603b}.cta-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#ffffff4d}.hero-meta{color:#d4cbef}.hero-meta svg{color:var(--gold)}.stat-grid{gap:16px}.stat-card,.panel{background:linear-gradient(145deg,#1f184cf2,#111131f5);border-color:#ae95ff33;box-shadow:0 12px 34px #03021933,0 0 25px #7950ff0d inset}.stat-card{transition:transform .25s cubic-bezier(.2,.85,.25,1.3),border-color .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px) rotate(-.35deg);border-color:#a789ff80;box-shadow:0 16px 40px #5e36e12e}.stat-icon.streak{background:#ffa44b29;color:#ffbf64}.stat-icon.points{background:#ffd05b24;color:#ffda75}.stat-icon.answered{background:#53edc421;color:#69f0ca}.stat-card strong{color:#fff}.stat-card span,.muted{color:#bdb8dc}.section-heading h3,.panel h3{color:#fbf8ff}.text-button{color:#cbb5ff;transition:color .2s,transform .2s}.text-button:hover{color:var(--gold);transform:translate(3px)}.category-grid{perspective:1000px}.category-card{min-height:154px;border:1px solid rgba(177,153,255,.23);border-radius:20px;background:linear-gradient(145deg,#231a54fa,#111130fa);box-shadow:0 12px 26px #0000002b,0 0 20px #744cff0a inset;transition:border-color .2s,box-shadow .25s,filter .25s;transform-style:preserve-3d}.category-card:before{content:"";position:absolute;width:120px;height:120px;top:-66px;right:-43px;border-radius:50%;background:radial-gradient(circle,rgba(150,104,255,.28),transparent 68%);transition:transform .35s}.category-card:hover{border-color:#b595ffa6;box-shadow:0 18px 36px #3a24933d,0 0 24px #915fff1f inset}.category-card:hover:before{transform:scale(1.6)}.category-card b{color:#fff;font-size:14px}.category-card small{color:#c2bddf}.category-icon{width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#8f60ff,#386cff);box-shadow:0 7px 17px #744dff4d,0 0 0 1px #ffffff24 inset;transition:transform .3s cubic-bezier(.2,.85,.25,1.4)}.category-card:hover .category-icon{transform:translateY(-3px) rotate(-9deg) scale(1.1)}.category-card.blue .category-icon{background:linear-gradient(145deg,#55b9ff,#5369ff);color:#fff}.category-card.cyan .category-icon{background:linear-gradient(145deg,#42e5ed,#268acb);color:#fff}.category-card.green .category-icon{background:linear-gradient(145deg,#5be9a9,#259d91);color:#fff}.category-card.pink .category-icon{background:linear-gradient(145deg,#ff91e1,#9d62ff);color:#fff}.category-card.amber .category-icon{background:linear-gradient(145deg,#ffd86b,#ff934e);color:#4b2b5d}.category-card.indigo .category-icon{background:linear-gradient(145deg,#7b88ff,#5f54cf);color:#fff}.category-card.rose .category-icon{background:linear-gradient(145deg,#ff8eae,#c25cff);color:#fff}.category-arrow{color:#dacbff;transition:transform .2s}.category-card:hover .category-arrow{transform:translate(4px);color:var(--gold)}.category-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 64%);transform:translate(-125%);transition:transform .65s ease}.category-card:hover .category-sheen{transform:translate(125%)}.leader-row{border-bottom-color:#c9b8ff1f;transition:background .2s,padding .2s}.leader-row:hover{background:#9066ff17;padding-left:8px;padding-right:8px;border-radius:10px}.rank-1{color:#ffdb77;text-shadow:0 0 13px rgba(255,207,86,.45)}.rank-2{color:#d7deff}.rank-3{color:#ffad7d}.leader-avatar{background:linear-gradient(145deg,#9664ff,#22aed4);box-shadow:0 0 0 1px #ffffff2e inset}.leader-points{color:#f4d88f}.progress-ring{background:conic-gradient(var(--gold) 0 10%,#8e61ff 10% 68%,rgba(255,255,255,.1) 68%);filter:drop-shadow(0 0 13px rgba(131,87,255,.28));animation:ring-glow 3s ease-in-out infinite}@keyframes ring-glow{50%{filter:drop-shadow(0 0 22px rgba(131,87,255,.5))}}.progress-ring:before{background:#18123f}.quiz-card{background:linear-gradient(150deg,#1f174efa,#0d102ffc);border-color:#ae95ff4d;box-shadow:0 22px 60px #03011959,0 0 26px #8652ff14 inset}.quiz-page{perspective:1200px}.quiz-counter{padding:8px 12px;border-radius:12px;background:#7b51ff26;border:1px solid rgba(166,131,255,.25);color:#e6dfff}.quiz-help{border:1px solid rgba(165,137,255,.22);background:#7b51ff1a}.progress-track{height:8px;background:#c1b1ff21;box-shadow:inset 0 1px 4px #0006}.progress-fill{background:linear-gradient(90deg,#a75dff,#4ecbff,#ffd05b);box-shadow:0 0 13px #68b7ff73;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progress-shine 1.8s linear infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(120%)}}.quiz-mascot-chip{position:absolute;top:17px;right:22px;display:flex;align-items:center;gap:6px;color:#e0d5ff;font-size:9px;font-weight:800;background:#8253ff29;border:1px solid rgba(174,146,255,.22);border-radius:20px;padding:4px 9px 4px 4px}.quiz-mascot-chip img{width:27px;height:27px;object-fit:contain;background:#39caff1a;border-radius:50%}.quiz-mascot-chip svg{color:var(--gold)}.quiz-tags{padding-right:155px}.tag{color:#f3e8ff;background:linear-gradient(100deg,#9359ff4d,#39bbff29);border:1px solid rgba(177,144,255,.18)}.tag.subtle{color:#e0d8f7;background:#ffffff12}.question-number{color:#c3aaff21}.answer-option{background:#ffffff0b;border:1px solid rgba(191,173,255,.19);border-radius:15px;color:#f8f5ff;min-height:58px;box-shadow:0 5px 15px #0000001f;transform-origin:center}.answer-option:hover,.answer-option.chosen{border-color:#b18aff;background:linear-gradient(105deg,#915aff3b,#37bbff1a);box-shadow:0 0 0 1px #b18aff1a inset,0 8px 20px #7345ff29}.answer-letter{background:#a184ff29;color:#e1d3ff;border-radius:9px}.answer-option.chosen .answer-letter{background:linear-gradient(145deg,#a46aff,#4f8dff);box-shadow:0 0 13px #9067ff59}.answer-option.right{border-color:#51edbd;background:linear-gradient(100deg,#29d59d2e,#53edc412);box-shadow:0 0 22px #53edc41f;animation:correct-pop .46s cubic-bezier(.2,.9,.3,1.4)}.answer-option.wrong{border-color:#ff789b;background:#ff5b851c;animation:wrong-shake .36s ease-in-out}@keyframes correct-pop{0%{transform:scale(.97)}55%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback{border-radius:16px;background:#7b54ff1a;border:1px solid rgba(177,146,255,.22)}.feedback.success{background:linear-gradient(110deg,#30dba326,#5092ff14);border-color:#53edc459}.feedback.try-again{background:#ff679014;border-color:#ff7b9b47}.mini-celebration{display:inline-flex;align-items:center;gap:6px;margin:6px 0 2px;padding:5px 9px;border-radius:20px;color:#ffe68e;background:#ffcb511c;font-size:9px;font-weight:900;letter-spacing:.6px;animation:celebration-pop .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes celebration-pop{0%{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-label{color:#e4ccff}.result-page{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(131,78,255,.25),transparent 42%),linear-gradient(145deg,#241454,#111334);border-color:#b393ff57;box-shadow:0 24px 70px #00000073,0 0 45px #824fff1a inset}.result-page:before,.result-page:after{content:"✦";position:absolute;color:var(--gold);font-size:28px;text-shadow:0 0 18px var(--gold);animation:spark-twinkle 2s infinite}.result-page:before{top:14%;left:10%}.result-page:after{top:20%;right:10%;animation-delay:.9s}.result-mascot{position:relative;width:155px;height:142px;margin:-8px auto 10px}.result-mascot img{position:absolute;z-index:2;width:145px;height:145px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-51%);filter:drop-shadow(0 8px 18px rgba(0,0,0,.3));animation:mascot-float 3.5s ease-in-out infinite}.result-glow{position:absolute;z-index:3;right:0;bottom:0;margin:0;width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#ffdc76,#ff9e42);color:#49205e;display:grid;place-items:center;box-shadow:0 8px 22px #ffa9384d}.result-score strong{color:var(--gold);text-shadow:0 0 28px rgba(255,206,88,.25)}.result-stats div{background:#ffffff0f;border:1px solid rgba(181,154,255,.15)}.result-stats svg{color:var(--gold)}.ranking-panel,.profile-panel{background:linear-gradient(145deg,#1f184cf2,#111131f5)}.demo-note{color:#c0b8df}.bottom-nav{background:#0b0722e6;border-top-color:#ae90ff3d;box-shadow:0 -12px 40px #00000038}.bottom-nav-item{transition:color .2s,transform .2s}.bottom-nav-item.active{color:#ffe08d}.bottom-nav-item.active svg{filter:drop-shadow(0 0 8px rgba(255,208,91,.75))}.toast{background:linear-gradient(110deg,#28205e,#142c50);border-color:#ae91ff57;box-shadow:0 15px 45px #00000080,0 0 23px #7e4dff26}button:not(:disabled){-webkit-tap-highlight-color:transparent}button:not(:disabled):active{transform:translateY(1px) scale(.955)}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;box-shadow:0 0 0 5px #4ce4ff1f}.icon-button:hover,.language-button:hover{color:#fff;border-color:#a98aff80;background-color:#8957ff29}.back-button{border-radius:12px;padding:9px 11px;transition:.2s}.back-button:hover{color:#fff;background:#8654ff24;transform:translate(-3px)}.mobile-menu{background:#120c35f5;border-bottom-color:#ae90ff3d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-menu button{background:#ffffff0f;border:1px solid rgba(177,153,255,.14);transition:transform .18s,background .18s}.mobile-menu button:active{transform:scale(.94);background:#8556ff2e}[dir=rtl] .mascot-tag{right:auto;left:8%}[dir=rtl] .quiz-mascot-chip{right:auto;left:22px;padding:4px 4px 4px 9px}[dir=rtl] .quiz-tags{padding-right:0;padding-left:155px}[dir=rtl] .hero-live{margin-left:0;margin-right:5px}[dir=rtl] .text-button:hover{transform:translate(-3px)}@media(max-width:850px){.brand-beta{display:none}.hero-card{min-height:330px}.hero-copy{width:57%}.hero-art{width:49%}.mascot-tag{right:1%;bottom:13px;font-size:7px}.sound-button{padding:9px 10px}.sound-button span{display:none}}@media(max-width:560px){.top-actions{gap:6px}.sound-button{padding:8px;width:34px;height:34px;justify-content:center}.language-button{padding:8px}.hero-card{min-height:440px;padding:24px 21px}.hero-copy{width:100%;z-index:4}.hero-copy h2{font-size:35px;max-width:300px}.hero-copy p{max-width:260px}.hero-art{width:100%;height:60%;top:auto;bottom:-8%;opacity:.96}.hero-art img{width:88%;height:118%;transform:none}.robot-aura{width:240px;height:220px}.robot-orbit{width:270px;height:75px;top:57%}.mascot-tag{right:3%;bottom:8px}.hero-meta{position:relative;z-index:5;flex-wrap:wrap}.hero-spark.spark-a{right:14%;top:47%}.hero-spark.spark-b{right:5%;top:60%}.stat-card{min-height:93px}.quiz-mascot-chip{top:12px;right:12px;font-size:8px}.quiz-tags{padding-right:0;padding-top:31px}[dir=rtl] .quiz-mascot-chip{left:12px}[dir=rtl] .quiz-tags{padding-left:0}.answer-option{min-height:55px}.result-mascot{margin-top:-3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.app-shell button:not(:disabled){transition-timing-function:cubic-bezier(.2,.85,.25,1.3)}.app-shell button:not(:disabled):hover{filter:brightness(1.1)}.app-shell button:not(:disabled):active{filter:brightness(.97)}.app-shell[data-theme=cosmic]{--theme-bg:#080619;--theme-panel:#17113e;--theme-panel2:#21164f;--theme-accent:#925eff;--theme-cyan:#4ce4ff;--theme-gold:#ffd05b;--theme-text:#f7f3ff;--theme-muted:#bdb4dc;--theme-line:rgba(177,153,255,.25)}.app-shell[data-theme=ocean]{--theme-bg:#061729;--theme-panel:#0c2944;--theme-panel2:#103957;--theme-accent:#1688c9;--theme-cyan:#49e0e1;--theme-gold:#f4c96b;--theme-text:#effaff;--theme-muted:#a9c9dc;--theme-line:rgba(89,205,230,.24)}.app-shell[data-theme=aurora]{--theme-bg:#071b20;--theme-panel:#0d302f;--theme-panel2:#12423e;--theme-accent:#16a58c;--theme-cyan:#78e6c3;--theme-gold:#d5f477;--theme-text:#effff8;--theme-muted:#a9d1c4;--theme-line:rgba(120,230,195,.24)}.app-shell[data-theme=sunset]{--theme-bg:#210d25;--theme-panel:#39172f;--theme-panel2:#51203a;--theme-accent:#e45e87;--theme-cyan:#ff9d66;--theme-gold:#ffd078;--theme-text:#fff4f3;--theme-muted:#e0b8c9;--theme-line:rgba(255,157,174,.25)}.app-shell[data-theme=royal]{--theme-bg:#100b23;--theme-panel:#21163b;--theme-panel2:#30204f;--theme-accent:#7350bc;--theme-cyan:#b28aff;--theme-gold:#e7c16c;--theme-text:#f8f3ff;--theme-muted:#c5b8dc;--theme-line:rgba(178,138,255,.25)}.app-shell[data-theme=rose]{--theme-bg:#230d1e;--theme-panel:#3b1732;--theme-panel2:#52203f;--theme-accent:#d85b9b;--theme-cyan:#ff9cc9;--theme-gold:#ffd2a1;--theme-text:#fff3fa;--theme-muted:#e0b5cf;--theme-line:rgba(255,156,201,.25)}.app-shell[data-theme=light]{--theme-bg:#f3f5ff;--theme-panel:#ffffff;--theme-panel2:#edf0ff;--theme-accent:#7655e8;--theme-cyan:#23a9c8;--theme-gold:#d89622;--theme-text:#20213d;--theme-muted:#66708d;--theme-line:rgba(74,82,132,.17);color:var(--theme-text)}.app-shell[data-theme=ocean],.app-shell[data-theme=aurora],.app-shell[data-theme=sunset],.app-shell[data-theme=royal],.app-shell[data-theme=rose]{color:var(--theme-text)}.app-shell[data-theme=ocean] .topbar,.app-shell[data-theme=aurora] .topbar,.app-shell[data-theme=sunset] .topbar,.app-shell[data-theme=royal] .topbar,.app-shell[data-theme=rose] .topbar{background:color-mix(in srgb,var(--theme-bg) 88%,transparent);border-color:var(--theme-line)}.app-shell[data-theme=ocean] .hero-card,.app-shell[data-theme=aurora] .hero-card,.app-shell[data-theme=sunset] .hero-card,.app-shell[data-theme=royal] .hero-card,.app-shell[data-theme=rose] .hero-card{background:radial-gradient(circle at 78% 45%,color-mix(in srgb,var(--theme-cyan) 24%,transparent),transparent 32%),linear-gradient(115deg,var(--theme-panel2),var(--theme-bg));border-color:var(--theme-line)}.app-shell[data-theme=ocean] .stat-card,.app-shell[data-theme=ocean] .panel,.app-shell[data-theme=aurora] .stat-card,.app-shell[data-theme=aurora] .panel,.app-shell[data-theme=sunset] .stat-card,.app-shell[data-theme=sunset] .panel,.app-shell[data-theme=royal] .stat-card,.app-shell[data-theme=royal] .panel,.app-shell[data-theme=rose] .stat-card,.app-shell[data-theme=rose] .panel,.app-shell[data-theme=ocean] .category-card,.app-shell[data-theme=aurora] .category-card,.app-shell[data-theme=sunset] .category-card,.app-shell[data-theme=royal] .category-card,.app-shell[data-theme=rose] .category-card{background:linear-gradient(145deg,var(--theme-panel2),var(--theme-panel));border-color:var(--theme-line)}.app-shell[data-theme=ocean] .primary-button,.app-shell[data-theme=aurora] .primary-button,.app-shell[data-theme=sunset] .primary-button,.app-shell[data-theme=royal] .primary-button,.app-shell[data-theme=rose] .primary-button{background:linear-gradient(110deg,var(--theme-accent),var(--theme-cyan));box-shadow:0 10px 28px color-mix(in srgb,var(--theme-accent) 35%,transparent)}.app-shell[data-theme=ocean] .brand-accent,.app-shell[data-theme=aurora] .brand-accent,.app-shell[data-theme=sunset] .brand-accent,.app-shell[data-theme=royal] .brand-accent,.app-shell[data-theme=rose] .brand-accent{color:var(--theme-gold)}body:has(.app-shell[data-theme=light]){background:radial-gradient(ellipse at 10% 0%,#e4e8ff 0,transparent 42%),radial-gradient(ellipse at 90% 20%,#dff8ff 0,transparent 38%),#f3f5ff;color:#20213d}body:has(.app-shell[data-theme=light]):before{opacity:.16;background-image:radial-gradient(2px 2px at 8% 18%,#8c83d8 98%,transparent),radial-gradient(2px 2px at 63% 12%,#49a7c4 98%,transparent)}.app-shell[data-theme=light] .topbar{background:#ffffffd1;border-color:#50569129;box-shadow:0 8px 30px #363d7314}.app-shell[data-theme=light] .brand,.app-shell[data-theme=light] .welcome-row h1,.app-shell[data-theme=light] .page h1,.app-shell[data-theme=light] .section-heading h3,.app-shell[data-theme=light] .panel h3,.app-shell[data-theme=light] .stat-card strong,.app-shell[data-theme=light] .category-card b,.app-shell[data-theme=light] .leader-row b,.app-shell[data-theme=light] .quiz-card h2{color:#20213d}.app-shell[data-theme=light] .nav-link,.app-shell[data-theme=light] .icon-button,.app-shell[data-theme=light] .muted,.app-shell[data-theme=light] .stat-card span,.app-shell[data-theme=light] .category-card small,.app-shell[data-theme=light] .leader-points,.app-shell[data-theme=light] .back-button{color:#66708d}.app-shell[data-theme=light] .nav-link.active{color:#4932a5;background:linear-gradient(115deg,#e8e2ff,#e1f7ff)}.app-shell[data-theme=light] .hero-card{background:radial-gradient(circle at 80% 40%,#c9f3ff 0,transparent 32%),linear-gradient(115deg,#e7e2ff,#e6f7ff 75%,#fff0d7);border-color:#d1c8ff;box-shadow:0 20px 55px #534c9b21}.app-shell[data-theme=light] .hero-copy h2{color:#242044;text-shadow:none}.app-shell[data-theme=light] .hero-copy h2 span{color:#7655e8}.app-shell[data-theme=light] .hero-copy p,.app-shell[data-theme=light] .hero-meta,.app-shell[data-theme=light] .hero-kicker{color:#5e6485}.app-shell[data-theme=light] .stat-card,.app-shell[data-theme=light] .panel,.app-shell[data-theme=light] .category-card{background:linear-gradient(145deg,#fff,#f1f2ff);border-color:#595b9b26;box-shadow:0 10px 28px #363d7312}.app-shell[data-theme=light] .quiz-card,.app-shell[data-theme=light] .ranking-panel,.app-shell[data-theme=light] .profile-panel{background:linear-gradient(145deg,#fff,#f1f3ff);color:#20213d;border-color:#d9d8f1}.app-shell[data-theme=light] .answer-option{color:#292846;background:#f8f9ff;border-color:#dfe2f3}.app-shell[data-theme=light] .answer-option:hover,.app-shell[data-theme=light] .answer-option.chosen{background:#eeeaff;border-color:#9b85ed}.app-shell[data-theme=light] .answer-letter{color:#5544a3;background:#e9e5ff}.app-shell[data-theme=light] .feedback{color:#343453;background:#f0edff;border-color:#d7ccff}.app-shell[data-theme=light] .feedback.success{background:#e6faf3;border-color:#9ce6ce}.app-shell[data-theme=light] .result-page{background:radial-gradient(circle at 50% 0%,#e9dcff,transparent 45%),linear-gradient(145deg,#fff,#edf3ff);color:#242044;border-color:#d7d0f5;box-shadow:0 20px 55px #363d731f}.app-shell[data-theme=light] .result-page .muted{color:#68708d}.app-shell[data-theme=light] .bottom-nav{background:#ffffffeb;border-color:#dfe2f3}.app-shell[data-theme=light] .bottom-nav-item{color:#737b99}.app-shell[data-theme=light] .bottom-nav-item.active{color:#7655e8}.app-shell[data-theme=light] .language-menu,.app-shell[data-theme=light] .mobile-menu{background:#fffffffa;border-color:#dfe2f3;box-shadow:0 18px 45px #363d7326}.app-shell[data-theme=light] .language-menu button{color:#343453}.app-shell[data-theme=light] .language-menu button:hover,.app-shell[data-theme=light] .language-menu button.selected{background:#eeeaff}.app-shell[data-theme=light] .demo-note{color:#6b7390}.theme-wrap{position:relative}.theme-button{border:1px solid var(--theme-line,rgba(177,153,255,.25));background:#7e56ff14;color:var(--theme-text,#dcd4f5);font-size:9px;font-weight:900;letter-spacing:.7px}.theme-menu{position:absolute;z-index:50;right:0;top:48px;width:min(320px,calc(100vw - 28px));padding:14px;border:1px solid var(--theme-line,rgba(177,153,255,.25));border-radius:19px;background:#130d34f7;box-shadow:0 22px 65px #0000006b,0 0 35px #895bff24;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform-origin:top right}.theme-menu-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px;color:#fff}.theme-menu-head b,.theme-menu-head small{display:block}.theme-menu-head b{font-size:13px}.theme-menu-head small{margin-top:3px;color:#aaa4ca;font-size:10px}.theme-close{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:inherit;background:#ffffff12}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-option{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#eeeaff;background:#ffffff0b;text-align:left}.theme-option.active{border-color:var(--theme-cyan,#4ce4ff);background:#7e56ff2b;box-shadow:0 0 0 1px #7e56ff21 inset,0 0 18px #7e56ff1f}.theme-swatches{display:flex;flex-shrink:0;padding-left:3px}.theme-swatches i{width:13px;height:23px;border:1px solid rgba(255,255,255,.32);border-radius:5px;margin-left:-3px}.theme-name{display:block;min-width:0;flex:1}.theme-name b,.theme-name small{display:block}.theme-name b{font-size:10px}.theme-name small{margin-top:2px;font-size:8px;color:#aaa4ca}.theme-option svg{color:var(--theme-cyan,#4ce4ff);flex-shrink:0}.theme-tip{display:flex;align-items:center;gap:6px;margin:11px 2px 0;color:#aaa4ca;font-size:9px}.theme-tip svg{color:#ffd05b}.app-shell[data-theme=light] .theme-menu{background:#fffffffa;border-color:#d9d8f1;box-shadow:0 20px 55px #363d732e}.app-shell[data-theme=light] .theme-menu-head{color:#242044}.app-shell[data-theme=light] .theme-menu-head small,.app-shell[data-theme=light] .theme-name small,.app-shell[data-theme=light] .theme-tip{color:#68708d}.app-shell[data-theme=light] .theme-option{color:#292846;background:#f7f7ff;border-color:#e2e2f2}.app-shell[data-theme=light] .theme-option.active{background:#eeeaff;border-color:#9b85ed}.app-shell[data-theme=light] .theme-close{color:#343453;background:#f0effa;border-color:#e0dff0}@media(max-width:560px){.theme-button{width:auto;min-width:58px;height:34px;justify-content:center;gap:5px;padding:7px 8px}.theme-button span{display:inline!important;font-size:8px}.theme-menu{right:-66px;top:43px}.theme-options{grid-template-columns:1fr 1fr}}.app-shell button:not(:disabled){transform-origin:center;transition:transform .22s cubic-bezier(.2,.9,.25,1.35),filter .2s,box-shadow .22s,border-color .2s}.app-shell button:not(:disabled):hover{filter:brightness(1.12) saturate(1.08)}.app-shell button:not(:disabled):active{transform:scale(.94) translateY(1px);filter:brightness(1.2)}.app-shell .category-card:hover .category-icon{transform:translateY(-3px) rotate(-8deg) scale(1.13);box-shadow:0 0 22px color-mix(in srgb,var(--theme-accent,#925eff) 38%,transparent)}.app-shell .category-icon{transition:transform .3s cubic-bezier(.2,.9,.25,1.4),box-shadow .3s}.app-shell .stat-card:hover .stat-icon{animation:icon-bounce .55s cubic-bezier(.2,.9,.25,1.4)}@keyframes icon-bounce{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-9deg)}70%{transform:translateY(1px) rotate(5deg)}}.app-shell .nav-link.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-120%);animation:nav-glint 3.8s ease-in-out infinite}@keyframes nav-glint{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.app-shell .answer-option:hover{transform:translate(4px) scale(1.012)}.app-shell .primary-button{animation:button-idle-glow 3.2s ease-in-out infinite}@keyframes button-idle-glow{0%,to{box-shadow:0 8px 24px #6c60ff3d}50%{box-shadow:0 12px 32px #6c60ff6b,0 0 18px #4ce4ff21}}@media(prefers-reduced-motion:reduce){.app-shell .primary-button,.app-shell .nav-link.active:before,.app-shell .stat-card:hover .stat-icon{animation:none!important}}.app-shell{transition:background .45s ease,color .35s ease}.app-shell .hero-card,.app-shell .stat-card,.app-shell .panel,.app-shell .category-card,.app-shell .quiz-card,.app-shell .result-page,.app-shell .topbar,.app-shell .bottom-nav{transition:background .45s ease,border-color .35s ease,box-shadow .35s ease,color .3s ease}.pi-verified-pill{display:inline-flex;align-items:center;gap:7px;margin:12px auto 4px;padding:7px 11px;border:1px solid rgba(75,224,177,.28);border-radius:999px;background:#4be0b117;color:#66e6bd;font-size:10px;font-weight:900;letter-spacing:.08em}.pi-connect-button{margin:20px auto 4px;min-width:min(100%,280px);justify-content:center}.auth-message{max-width:520px;margin:12px auto 0;color:var(--text-muted);font-size:12px;line-height:1.6;text-align:center}