:root{--sci: #42a5f5;--tech: #7e57c2;--eng: #ef6c00;--math: #43a047;--gold: #ffca28;--bg-sky: #e1f5fe;--card: #ffffff;--ink: #37474f;--radius-lg: 24px;--radius-md: 16px;--shadow-pop: 0 8px 24px rgba(55, 71, 79, .18);--holo: linear-gradient(120deg, #22d3ee 0%, #6366f1 45%, #ec4899 100%);--holo-2: linear-gradient(120deg, #38bdf8 0%, #a78bfa 55%, #f472b6 100%);--glow-cyan: 0 0 0 1px rgba(34, 211, 238, .55), 0 6px 22px rgba(34, 211, 238, .35);--glow-violet: 0 0 0 1px rgba(129, 140, 248, .55), 0 6px 22px rgba(129, 140, 248, .38);--glow-pink: 0 0 0 1px rgba(236, 72, 153, .5), 0 6px 22px rgba(236, 72, 153, .32);--grid-line: rgba(99, 102, 241, .1);font-family:Comic Sans MS,"Baloo 2",Segoe UI,Arial Rounded,sans-serif}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}body{margin:0;min-height:100vh;background-color:var(--bg-sky);background-image:radial-gradient(circle at 18% 12%,rgba(34,211,238,.28),transparent 42%),radial-gradient(circle at 82% 8%,rgba(167,139,250,.26),transparent 45%),radial-gradient(circle at 50% 100%,rgba(236,72,153,.16),transparent 55%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(circle at 20% 20%,var(--bg-sky),#fff);background-size:auto,auto,auto,34px 34px,34px 34px,auto;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;color:var(--ink)}.btn-pop{border:none;border-radius:999px;padding:12px 26px;background:linear-gradient(180deg,#ffd54f,#ffb300);color:#5d4037;font-weight:800;font-size:1.05rem;letter-spacing:.5px;box-shadow:0 6px #d99f00;cursor:pointer;transition:transform .08s}.btn-pop:active{transform:translateY(6px);box-shadow:0 0 #d99f00}.btn-pop:disabled{filter:grayscale(.7);cursor:not-allowed}.question-card{background:var(--card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-pop);max-width:720px;margin:0 auto}.subject-tile{border-radius:var(--radius-lg);color:#fff;padding:26px;font-weight:900;font-size:1.3rem;cursor:pointer;text-align:center;box-shadow:var(--shadow-pop);transition:transform .12s}.subject-tile:hover{transform:translateY(-6px) rotate(-2deg)}.hud{position:absolute;top:14px;right:18px;display:flex;gap:10px;align-items:center}.xp-chip{background:linear-gradient(180deg,#ffe082,#ffd54f);border-radius:999px;padding:8px 18px;font-weight:900;box-shadow:var(--shadow-pop)}.mascot{display:inline-flex;filter:drop-shadow(0 6px 6px rgba(0,0,0,.15))}.tech-frame{position:relative;isolation:isolate;transition:transform .16s ease,box-shadow .16s ease}.tech-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:var(--holo);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none;transition:opacity .16s ease;z-index:2}.tech-frame:hover{box-shadow:0 14px 34px #6366f147}.tech-frame:hover:before{opacity:1}.tech-corners{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.tech-corners:before,.tech-corners:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.85);border-radius:3px}.tech-corners:before{top:8px;left:8px;border-right:none;border-bottom:none}.tech-corners:after{bottom:8px;right:8px;border-left:none;border-top:none}.tech-scan{position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);opacity:0;pointer-events:none;z-index:1}.tech-frame:hover .tech-scan{animation:techScan .9s ease}@keyframes techScan{0%{left:-40%;opacity:0}35%{opacity:.9}to{left:120%;opacity:0}}.holo-text{background:var(--holo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#6366f1}.tech-dark .holo-text,html.tech-dark .holo-text{background:linear-gradient(120deg,#22d3ee,#a5b4fc 45%,#f9a8d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#a5b4fc}.holo-emoji{-webkit-text-fill-color:initial}@keyframes holoPulse{0%,to{filter:drop-shadow(0 0 4px rgba(99,102,241,.35))}50%{filter:drop-shadow(0 0 12px rgba(34,211,238,.55))}}.holo-pulse{animation:holoPulse 3.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.holo-pulse,.tech-frame:hover .tech-scan{animation:none}}html.tech-dark,html.tech-dark body{background-color:#0b1020!important;color:#e8eaf6}html.tech-dark [data-page-root]{background:transparent!important}html.tech-dark footer{background:#0b1020b8!important;border-top-color:#818cf880!important;color:#a9b4d6!important}html.tech-dark footer a{color:#c7d2fe!important}html.tech-dark .tech-frame:hover{box-shadow:0 0 0 1px #818cf880,0 0 18px #818cf859,0 18px 44px #38bdf852}.tech-dark{--holo: linear-gradient(120deg, #22d3ee 0%, #818cf8 45%, #f472b6 100%);--grid-line: rgba(129, 140, 248, .16);color:#e8eaf6;background-color:#0b1020;background-image:radial-gradient(circle at 16% 12%,rgba(34,211,238,.22),transparent 45%),radial-gradient(circle at 84% 8%,rgba(129,140,248,.22),transparent 48%),radial-gradient(circle at 50% 105%,rgba(236,72,153,.18),transparent 55%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(180deg,#0b1020,#131a33 60%,#0d1226);background-size:auto,auto,auto,34px 34px,34px 34px,auto;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed}.tech-dark .tech-frame:before{opacity:.9}.tech-dark .tech-frame:hover{box-shadow:0 0 0 1px #818cf880,0 0 18px #818cf859,0 18px 44px #38bdf852}.tech-dark .tech-frame:hover:before{opacity:1}.tech-dark h1,.tech-dark h2,.tech-dark h3{color:#f1f5ff}.tech-dark .tech-panel,.tech-dark .tech-frame.tech-panel{background:linear-gradient(160deg,#17203ceb,#0f152aeb);color:#e8eaf6;border-color:#818cf859!important}.tech-dark .tech-panel b,.tech-dark .tech-panel strong{color:#f1f5ff}.tech-dark .question-card{background:#141c36d1;color:#e8eaf6;box-shadow:var(--glow-violet)}.tech-dark .subject-tile{box-shadow:var(--glow-violet)}.tech-dark .xp-chip{color:#3a2c00}.tech-dark .question-card button,.tech-dark .question-card input{color:#263238}.tech-dark .tech-panel .hud,.tech-dark .tech-panel .xp-chip{color:#3a2c00}.tech-dark [style*="color: rgb(38, 50, 56)"],.tech-dark [style*="color: #263238"],.tech-dark [style*="color: rgb(55, 71, 79)"],.tech-dark [style*="color: #37474f"],.tech-dark [style*="color: rgb(69, 90, 100)"],.tech-dark [style*="color: #455a64"]{color:#eef1ff!important}.tech-dark [style*="color: rgb(84, 110, 122)"],.tech-dark [style*="color: #546e7a"],.tech-dark [style*="color: rgb(96, 125, 139)"],.tech-dark [style*="color: #607d8b"]{color:#c7d2fe!important}.tech-dark [style*="color: rgb(120, 144, 156)"],.tech-dark [style*="color: #78909c"],.tech-dark [style*="color: rgb(144, 164, 174)"],.tech-dark [style*="color: #90a4ae"],.tech-dark [style*="color: rgb(158, 158, 158)"],.tech-dark [style*="color: #9e9e9e"]{color:#a9b4d6!important}.tech-dark [style*="background: #fff"],.tech-dark [style*="background: rgb(255, 255, 255)"],.tech-dark [style*="background: #ffffff"]{background:#17203cdb!important;color:#e8eaf6}.tech-dark .keep-light[style*="background: #fff"]{background:revert!important}.tech-dark input:not([type=checkbox]),.tech-dark textarea{background:#0c1224b3;color:#eef1ff;border-color:#818cf873}.tech-dark input::placeholder{color:#8b96bd}