:root{color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a,button,input,textarea,select{-webkit-tap-highlight-color:transparent;outline:none}
.aurora-bg{background:radial-gradient(circle at top,#26114d 0%,#111827 40%,#030712 100%)}
.bg-orb{position:fixed;border-radius:9999px;filter:blur(80px);opacity:.38;pointer-events:none;z-index:0}
.orb-one{width:220px;height:220px;background:#8b5cf6;top:40px;left:-60px;animation:floaty 10s ease-in-out infinite}
.orb-two{width:260px;height:260px;background:#06b6d4;bottom:60px;right:-80px;animation:floaty 12s ease-in-out infinite}
.orb-three{width:180px;height:180px;background:#f472b6;top:38%;right:-40px;animation:floaty 9s ease-in-out infinite}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center, black, transparent 80%);pointer-events:none;z-index:0}
.glass-card{background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.08));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.32);border-radius:1.7rem;position:relative;overflow:hidden}
.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 32%,transparent 68%,rgba(255,255,255,.08));pointer-events:none}
.glass-soft{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1)}
.option-btn,.cat-chip,.icon-pill,.action-btn,.glass-pop{transition:.22s ease all}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.option-btn{display:flex;align-items:center;min-height:86px;position:relative;overflow:hidden}
.option-btn:before{content:"";position:absolute;inset:auto -30% -120% auto;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);transition:.25s ease transform,opacity;opacity:.6;transform:translate(10px,10px)}
.option-btn:hover,.option-btn.active{transform:translateY(-3px) scale(1.015);background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(6,182,212,.18));border-color:rgba(255,255,255,.32);box-shadow:0 16px 40px rgba(139,92,246,.26)}
.option-btn:hover:before,.option-btn.active:before{transform:translate(-12px,-18px);opacity:1}
.option-btn.active .option-badge{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;box-shadow:0 10px 30px rgba(6,182,212,.24)}
.option-btn.correct-state{background:linear-gradient(135deg,rgba(16,185,129,.34),rgba(52,211,153,.14));border-color:rgba(52,211,153,.7);box-shadow:0 16px 38px rgba(16,185,129,.22)}
.option-btn.wrong-state{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(248,113,113,.1));border-color:rgba(252,165,165,.65);box-shadow:0 16px 38px rgba(239,68,68,.22)}
.option-badge{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:9999px;background:rgba(255,255,255,.1);margin-right:.9rem;font-weight:800;text-transform:uppercase;flex-shrink:0}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;width:min(420px,calc(100% - 20px));z-index:40;padding-bottom:max(0px,env(safe-area-inset-bottom))}
.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:92px;z-index:45}
.admin-layout{display:grid;grid-template-columns:1fr;gap:1rem}.table-wrap{overflow:auto;border-radius:1rem}.table-wrap table{width:100%;min-width:720px}.table-wrap th,.table-wrap td{padding:.85rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
@media (min-width: 900px){.admin-layout{grid-template-columns:290px 1fr}}
@media (max-width: 480px){.option-grid{grid-template-columns:1fr 1fr;gap:.75rem}.option-btn{min-height:96px;padding:1rem .9rem}.option-btn span:last-child{font-size:.92rem;line-height:1.35}}
.modal{display:none}.modal.show{display:flex}
.icon-pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 14px;border-radius:9999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);font-size:.82rem}
.icon-pill:hover,.cat-chip:hover,.action-btn:hover,.glass-pop:hover{transform:translateY(-1px)}
.cat-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:9999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.cat-chip.active{background:linear-gradient(90deg,rgba(139,92,246,.4),rgba(6,182,212,.32));border-color:rgba(255,255,255,.18);box-shadow:0 10px 25px rgba(6,182,212,.16)}
.metric-card{position:relative}.metric-card:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#f472b6)}
.answer-toast{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);font-weight:700;animation:toastIn .45s ease}
.answer-toast.success{background:linear-gradient(90deg,rgba(16,185,129,.28),rgba(52,211,153,.12));box-shadow:0 10px 35px rgba(16,185,129,.18)}
.answer-toast.error{background:linear-gradient(90deg,rgba(239,68,68,.26),rgba(248,113,113,.1));box-shadow:0 10px 35px rgba(239,68,68,.18)}
.text-editor{min-height:320px}.page-content p{margin-bottom:1rem;line-height:1.7;color:rgba(255,255,255,.82)}.page-content h2,.page-content h3{font-weight:700;margin-top:1.4rem;margin-bottom:.75rem}
.reveal{opacity:0;transform:translateY(18px);transition:all .55s ease}.reveal.show{opacity:1;transform:none}
.splash-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,var(--splash-primary,#6d28d9),var(--splash-secondary,#0f172a) 65%);z-index:9999;transition:opacity .45s ease,visibility .45s ease}
.splash-screen.hide{opacity:0;visibility:hidden}
.splash-inner{width:min(90vw,360px);padding:2rem;border-radius:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.32)}
.splash-logo{width:88px;height:88px;border-radius:28px;margin:0 auto 1rem;display:grid;place-items:center;font-size:2rem;font-weight:900;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.55));color:#111827;box-shadow:0 18px 42px rgba(255,255,255,.18)}
.home-hero{position:relative;overflow:hidden}.home-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:9999px;background:radial-gradient(circle,rgba(244,114,182,.28),transparent 70%)}
.glass-pop{box-shadow:0 14px 34px rgba(0,0,0,.16)}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}