:root{--bg: #080808;--surface: #0f0f0f;--surface2: #141414;--border: #222;--border2: #1a1a1a;--amber: #f5a623;--amber-dim: rgba(245, 166, 35, .1);--amber-border: rgba(245, 166, 35, .2);--text: #f0e8d8;--text2: #e8e0d0;--muted: #888;--muted2: #666;--red: #ef4444;--green: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Sans,Segoe UI,sans-serif;min-height:100vh}input::placeholder{color:#444}input:focus{border-color:var(--amber)!important}button{font-family:inherit}a{transition:color .2s}@media (max-width: 768px){.main-grid,.quiz-grid{grid-template-columns:1fr!important}.stats-bar{flex-wrap:wrap;gap:1rem;padding:1rem}.stat-item{width:50%;padding:1rem 0;border-right:none!important;border-bottom:1px solid #1e1e1e}.stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none}}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,30px) scale(1.05)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-20px) scale(1.1)}}@keyframes scrollGrid{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #f5a62366}50%{box-shadow:0 0 20px #f5a623cc}}.shimmer-text{background:linear-gradient(90deg,#f5a623,#fffc,#f5a623);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 3s linear infinite}@keyframes drawDoodle{0%{stroke-dasharray:0 1000}40%{stroke-dasharray:1000 0}60%{stroke-dasharray:1000 0}to{stroke-dasharray:0 1000}}.doodle-draw path,.doodle-draw circle,.doodle-draw ellipse,.doodle-draw rect{animation:drawDoodle 18s linear infinite}@keyframes floatDoodle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(15px) rotate(3deg)}}@keyframes floatParticle{0%{transform:translate(0) scale(.5) rotate(0);opacity:0}15%{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.5) rotate(15deg)}to{transform:translate(calc(var(--tx, 0) * 2),calc(var(--ty, 0) * 2)) scale(2) rotate(45deg);opacity:0}}.particle{position:fixed;pointer-events:none;font-size:1.5rem;animation:floatParticle 2.4s ease-out forwards;z-index:9999}.doodle-draw{cursor:pointer}.doodle-draw:hover{filter:drop-shadow(0 0 20px rgba(245,166,35,.9));animation-play-state:paused}.doodle-draw:hover path,.doodle-draw:hover circle,.doodle-draw:hover ellipse,.doodle-draw:hover rect{stroke-width:4px;stroke:#fff;transition:all .3s ease}
