@keyframes mesh-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.04)}66%{transform:translate(-2%,3%) scale(.97)}}@keyframes shimmer-slide{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(300%) skew(-15deg)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes entrance-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-bounce{0%,to{transform:scale(1);box-shadow:0 0 rgba(var(--a1-rgb),.6)}50%{transform:scale(1.3);box-shadow:0 0 0 8px rgba(var(--a1-rgb),0)}}@keyframes border-spin{to{--angle: 360deg}}body:before{content:"";position:fixed;inset:-20%;z-index:-2;background:radial-gradient(ellipse 70% 60% at 15% 10%,rgba(var(--a1-rgb),.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 90%,rgba(var(--a2-rgb),.1) 0%,transparent 60%),radial-gradient(ellipse 50% 70% at 90% 15%,rgba(var(--a1-rgb),.07) 0%,transparent 55%),radial-gradient(ellipse 80% 40% at 10% 85%,rgba(var(--a4-rgb),.06) 0%,transparent 55%),var(--bg-base);animation:mesh-drift 25s ease-in-out infinite;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.025;pointer-events:none}.app-header{background:rgba(var(--bg-base, 7,16,31),0)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--bg-base) 90%,transparent),color-mix(in srgb,var(--bg-base) 75%,transparent))!important;backdrop-filter:blur(32px) saturate(1.8)!important;-webkit-backdrop-filter:blur(32px) saturate(1.8)!important;border-bottom:none!important;box-shadow:0 1px rgba(var(--a1-rgb),.1),0 1px #ffffff0a inset,0 12px 40px #00000040!important;position:relative}.app-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(var(--a1-rgb),0),rgba(var(--a1-rgb),1) 30%,rgba(var(--a2-rgb),1) 70%,rgba(var(--a2-rgb),0));animation:glow-pulse 3s ease-in-out infinite}.header-logo{font-size:1.15rem!important;font-weight:900!important;letter-spacing:-.04em!important;gap:10px!important}.header-logo .logo-text{display:flex;gap:0}.header-logo .logo-en{color:var(--text-1)}.header-logo .logo-rh{background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo .logo-dot{width:9px!important;height:9px!important;background:var(--cyan)!important;box-shadow:0 0 rgba(var(--a1-rgb),.6)!important;animation:dot-bounce 2.5s ease-in-out infinite!important}.stat-chip{background:#ffffff0f!important;border-color:#ffffff17!important;backdrop-filter:blur(8px)!important;font-size:.82rem!important;font-weight:800!important;letter-spacing:.01em!important;padding:5px 10px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.stat-chip:hover{transform:translateY(-2px) scale(1.04)!important;background:#ffffff1a!important;box-shadow:0 8px 20px #00000040!important}.stat-chip.streak{text-shadow:0 0 10px rgba(var(--a3-rgb),.5)}.stat-chip.xp{text-shadow:0 0 10px rgba(var(--a1-rgb),.5)}.stat-chip.level{text-shadow:0 0 10px rgba(var(--a2-rgb),.5)}.focus-btn,.theme-btn{width:32px!important;height:32px!important;background:#ffffff0d!important;border-color:#ffffff17!important;backdrop-filter:blur(8px)!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.focus-btn:hover,.theme-btn:hover{background:rgba(var(--a1-rgb),.1)!important;border-color:rgba(var(--a1-rgb),.35)!important;transform:scale(1.1)!important;box-shadow:0 0 16px rgba(var(--a1-rgb),.2)!important}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)!important;border-right:1px solid rgba(255,255,255,.05)!important;padding:14px 8px 8px!important;gap:2px!important}.sidebar:before{content:"";position:absolute;inset:0 -1px 0 0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(var(--a1-rgb),.15) 30%,rgba(var(--a2-rgb),.12) 70%,transparent 100%);pointer-events:none}.nav-section-label{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-3)!important;padding:10px 12px 4px!important;font-weight:800!important}.nav-item{padding:8px 12px!important;border-radius:12px!important;font-size:.875rem!important;font-weight:700!important;letter-spacing:-.01em!important;transition:all .22s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;gap:10px!important}.nav-item:before{display:none!important}.nav-item:hover{background:#ffffff0f!important;color:var(--text-1)!important;transform:translate(3px)!important}.nav-item.active{background:linear-gradient(135deg,rgba(var(--a1-rgb),.18),rgba(var(--a2-rgb),.1))!important;color:var(--cyan)!important;border:1px solid rgba(var(--a1-rgb),.2)!important;box-shadow:0 4px 20px rgba(var(--a1-rgb),.12),inset 0 1px rgba(var(--a1-rgb),.15)!important;transform:none!important}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px rgba(var(--a1-rgb),.6));font-size:1.2rem!important}.nav-item .nav-icon{font-size:1.1rem!important;width:24px!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.nav-item:hover .nav-icon{transform:scale(1.2)!important}.nav-divider{height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)!important;margin:10px 0!important}.sidebar-footer{margin-top:auto;padding:10px 6px 4px;border-top:1px solid rgba(255,255,255,.05)}.sf-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(var(--a1-rgb),.06);border:1px solid rgba(var(--a1-rgb),.1);cursor:default}.sf-icon{font-size:1.3rem;filter:drop-shadow(0 0 6px rgba(var(--a1-rgb),.4))}.sf-info{flex:1;min-width:0}.sf-rank{font-size:.78rem;font-weight:800;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-level{font-size:.65rem;color:var(--text-3);margin-bottom:5px}.sf-bar{height:3px;background:#ffffff12;border-radius:99px;overflow:hidden}.sf-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 6px rgba(var(--a1-rgb),.5)}.mobile-nav{bottom:12px!important;left:50%!important;right:auto!important;transform:translate(-50%);width:auto!important;min-width:300px;max-width:92vw;border-radius:99px!important;border:1px solid rgba(255,255,255,.1)!important;padding:6px 10px!important;height:auto!important;gap:4px!important;background:#0a1428e6!important;box-shadow:0 8px 32px #00000080,0 0 0 1px rgba(var(--a1-rgb),.06)!important}.m-nav-item{padding:6px 10px!important;border-radius:99px!important;font-size:.58rem!important;font-weight:700!important;color:var(--text-3)!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.m-nav-item.active{background:rgba(var(--a1-rgb),.15)!important;color:var(--cyan)!important;box-shadow:0 0 12px rgba(var(--a1-rgb),.2)!important}.m-nav-item:hover{color:var(--text-1)!important;transform:scale(1.05)!important}.m-nav-item .m-icon{font-size:1.1rem!important}.btn{border-radius:12px!important;font-weight:800!important;letter-spacing:.01em!important;position:relative!important;overflow:hidden!important;transition:all .22s cubic-bezier(.34,1.56,.64,1)!important}.btn:active{transform:scale(.96) translateY(1px)!important}.btn:before{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-150%) skew(-20deg);transition:none;pointer-events:none;z-index:1}.btn:hover:before{animation:shimmer-slide .6s ease forwards}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0%,rgba(var(--a2-rgb),.8) 100%)!important;color:#fff!important;box-shadow:0 4px 20px rgba(var(--a1-rgb),.35),0 0 0 1px rgba(var(--a1-rgb),.2) inset!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 10px 35px rgba(var(--a1-rgb),.45),0 0 0 1px rgba(var(--a1-rgb),.3) inset!important}.btn-ghost{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important}.btn-ghost:hover{background:#ffffff1a!important;border-color:rgba(var(--a1-rgb),.35)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #0003!important}.btn-violet{background:linear-gradient(135deg,var(--violet),rgba(var(--a1-rgb),.6))!important;box-shadow:0 4px 20px rgba(var(--a2-rgb),.35)!important}.btn-violet:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 10px 35px rgba(var(--a2-rgb),.45)!important}.card{background:var(--bg-card)!important;border-color:#ffffff12!important;border-radius:20px!important;position:relative!important;overflow:hidden!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.card:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(var(--a1-rgb),.05) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{border-color:rgba(var(--a1-rgb),.15)!important;transform:translateY(-4px)!important;box-shadow:0 20px 60px #0006,0 0 0 1px rgba(var(--a1-rgb),.08)!important}.card:hover:after{opacity:1}.badge{padding:4px 10px!important;border-radius:99px!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.06em!important;backdrop-filter:blur(4px)!important}.badge-cyan{box-shadow:0 0 8px rgba(var(--a1-rgb),.2)!important}.badge-violet{box-shadow:0 0 8px rgba(var(--a2-rgb),.2)!important}.progress-track{height:7px!important;background:#ffffff12!important;border-radius:99px!important;position:relative;overflow:hidden}.progress-fill{position:relative!important;box-shadow:0 0 12px rgba(var(--a1-rgb),.4)!important;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-slide 2.5s ease-in-out infinite;border-radius:99px}.progress-fill:after{content:""!important;position:absolute!important;right:0;top:50%!important;transform:translateY(-50%)!important;width:8px!important;height:8px!important;background:#ffffffe6!important;border-radius:50%!important;filter:blur(2px)!important}.toast{background:linear-gradient(135deg,#ffffff1f,#ffffff12)!important;backdrop-filter:blur(24px) saturate(1.8)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;box-shadow:0 16px 48px #00000080,0 0 0 1px rgba(var(--a1-rgb),.1),inset 0 1px #ffffff26!important;color:var(--text-1)!important;font-weight:700!important;padding:14px 20px!important}input:not([type=checkbox]):not([type=range]),textarea,select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-1);padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s;outline:none}input:not([type=checkbox]):not([type=range]):focus,textarea:focus{border-color:rgba(var(--a1-rgb),.5);box-shadow:0 0 0 3px rgba(var(--a1-rgb),.12),0 0 20px rgba(var(--a1-rgb),.1);background:rgba(var(--a1-rgb),.04)}::-webkit-scrollbar{width:5px!important;height:5px!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--a1-rgb),.3),rgba(var(--a2-rgb),.2))!important;border-radius:99px!important}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--a1-rgb),.6),rgba(var(--a2-rgb),.4))!important}::selection{background:rgba(var(--a1-rgb),.3);color:var(--text-1)}.animate-in>*{animation:entrance-up .4s cubic-bezier(.16,1,.3,1) both}.animate-in>*:nth-child(1){animation-delay:0ms}.animate-in>*:nth-child(2){animation-delay:60ms}.animate-in>*:nth-child(3){animation-delay:.12s}.animate-in>*:nth-child(4){animation-delay:.18s}.animate-in>*:nth-child(5){animation-delay:.24s}body.theme-aurora:before{background:radial-gradient(ellipse 70% 60% at 15% 10%,rgba(var(--a1-rgb),.1) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 90%,rgba(var(--a2-rgb),.08) 0%,transparent 60%),radial-gradient(ellipse 50% 70% at 90% 15%,rgba(var(--a1-rgb),.06) 0%,transparent 55%),#eef2f7}body.theme-aurora:after{opacity:.01}body.theme-aurora .app-header{background:#f4f7fce6!important;box-shadow:0 1px rgba(var(--a1-rgb),.12),0 8px 24px #0000000f!important}body.theme-aurora .sidebar{background:linear-gradient(180deg,rgba(0,0,0,.01),transparent)!important;border-right-color:#00000012!important}body.theme-aurora .mobile-nav{background:#f4f7fcf0!important;border-color:#0000001a!important;box-shadow:0 8px 32px #0000001f!important}body.theme-aurora .nav-item.active{background:linear-gradient(135deg,rgba(var(--a1-rgb),.12),rgba(var(--a2-rgb),.07))!important;box-shadow:0 4px 16px rgba(var(--a1-rgb),.1),inset 0 1px rgba(var(--a1-rgb),.1)!important}body.theme-aurora .card{background:#fff!important;border-color:#00000012!important}body.theme-aurora .card:hover{box-shadow:0 12px 40px #0000001a,0 0 0 1px rgba(var(--a1-rgb),.1)!important}body.theme-aurora .card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}body.theme-aurora .btn-ghost{background:#0000000a!important;border-color:#0000001a!important;color:#0f172a!important}body.theme-aurora .btn-ghost:hover{background:#00000012!important}body.theme-aurora .toast{background:#ffffffe6!important;border-color:#0000001a!important;color:#0f172a!important}body.theme-aurora .sf-user{background:rgba(var(--a1-rgb),.07);border-color:rgba(var(--a1-rgb),.12)}body.theme-aurora .sf-bar{background:#00000014}body.theme-aurora .progress-track{background:#00000014!important}body.theme-aurora ::selection{background:rgba(var(--a1-rgb),.2);color:#0f172a}body.theme-aurora ::-webkit-scrollbar-thumb{background:#00000026!important}body.theme-aurora .sidebar-footer{border-top-color:#00000014}.home-grid{gap:14px!important}@media(prefers-reduced-motion:reduce){body:before{animation:none}.btn:before{display:none}.progress-fill:before{animation:none}.animate-in>*{animation:none}.logo-dot{animation:none!important}}.elevation-1{box-shadow:0 2px 8px #0003,0 0 0 1px #ffffff0a}.elevation-2{box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff0d}.elevation-3{box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff0f}