@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,sans-serif;scroll-behavior:smooth;background-color:#f8fafc}h1,h2,h3,h4,h5,h6{font-family:Fredoka,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:10px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:#60a5fa}.glass{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}*:focus-visible{outline:3px solid #2563EB;outline-offset:2px;border-radius:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;box-shadow:0 -4px 20px #00000014;display:none;justify-content:space-around;align-items:center;height:64px;padding-bottom:env(safe-area-inset-bottom)}.mobile-os .bottom-nav{display:flex}.desktop-top-nav{display:block}.mobile-os .desktop-top-nav{display:none}.desktop-sidebar{display:flex}.mobile-os .desktop-sidebar{display:none}.main-content{padding-top:0;padding-bottom:0}.desktop-os .main-content{padding-top:5rem}.mobile-os .main-content,.mobile-os .dashboard-main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;min-width:64px;gap:2px;font-size:11px;font-weight:600;color:#9ca3af;transition:color .2s;position:relative;text-decoration:none;cursor:pointer}.bottom-nav-item.active{color:#2563eb}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:#2563eb;border-radius:0 0 4px 4px}.bottom-nav-item i{font-size:24px}.xp-bar-fill{position:relative;overflow:hidden}.xp-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.icon-rail-tooltip{display:none;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;padding:4px 12px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;z-index:50;pointer-events:none}.icon-rail-item:hover .icon-rail-tooltip{display:block;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.confetti-particle{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-fall 1s ease-out forwards;pointer-events:none}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100px) rotate(720deg);opacity:0}}.wave-divider{width:100%;line-height:0;overflow:hidden}.wave-divider svg{width:100%;height:auto}[data-animate]{opacity:0}[data-animate].animated{animation-fill-mode:forwards}.pb-safe{padding-bottom:calc(64px + env(safe-area-inset-bottom))}