:root{color-scheme:dark;--bg-color: #0f172a;--text-color: #f1f5f9;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .05);--input-bg: rgba(30, 41, 59, .5);--input-border: rgba(255, 255, 255, .1);--primary: #00ff88;--primary-hover: #00cc6a;--primary-text: #0f172a;--shadow-color: rgba(0, 0, 0, .1);--gradient-1: rgba(139, 92, 246, .15);--gradient-2: rgba(0, 255, 136, .15)}body.light-mode{color-scheme:light;--bg-color: #f8fafc;--text-color: #0f172a;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(226, 232, 240, .8);--input-bg: #ffffff;--input-border: #e2e8f0;--primary: #10b981;--primary-hover: #059669;--primary-text: #ffffff;--shadow-color: rgba(0, 0, 0, .05);--gradient-1: rgba(139, 92, 246, .05);--gradient-2: rgba(16, 185, 129, .05)}body{background-color:var(--bg-color);color:var(--text-color);font-family:Manrope,sans-serif;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle at 15% 50%,var(--gradient-1) 0%,transparent 25%),radial-gradient(circle at 85% 30%,var(--gradient-2) 0%,transparent 25%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}.glass{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color)}.glass-card{background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px var(--shadow-color);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.glass-card:hover{border-color:var(--primary);box-shadow:0 4px 6px -1px #00ff880d}body.light-mode .glass-card:hover{box-shadow:0 4px 12px -1px #10b98126}.glass-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.75rem;padding:.75rem 1rem;outline:none;width:100%;color:var(--text-color);transition:all .2s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.btn-primary{background-color:var(--primary);color:var(--primary-text);font-weight:700;border-radius:.75rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 10px 15px -3px #0f83}body.light-mode .btn-primary:hover{box-shadow:0 10px 15px -3px #10b98140}.btn-primary:active{transform:scale(.95)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes xp-float-up{0%{opacity:0;transform:translateY(20px) scale(.5)}20%{opacity:1;transform:translateY(0) scale(1.2)}80%{opacity:1;transform:translateY(-30px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}@keyframes level-up-pulse{0%,to{transform:scale(1);box-shadow:0 0 #00ff88b3}50%{transform:scale(1.05);box-shadow:0 0 60px 20px #00ff884d}}@keyframes level-glow{0%,to{text-shadow:0 0 20px rgba(0,255,136,.5),0 0 40px rgba(0,255,136,.3)}50%{text-shadow:0 0 40px rgba(0,255,136,.8),0 0 80px rgba(0,255,136,.5)}}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes counter-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes badge-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.animate-xp-float{animation:xp-float-up 2s ease-out forwards}.animate-level-pulse{animation:level-up-pulse 1.5s ease-in-out infinite}.animate-level-glow{animation:level-glow 2s ease-in-out infinite}.animate-counter-pulse{animation:counter-pulse .3s ease-out}.animate-badge-pop{animation:badge-pop .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.shimmer-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}