.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}body.focus-mode-active{background-color:#000!important;transition:background-color .5s ease}.focus-mode-active header{background-color:#000!important;border-bottom:1px solid #1e293b}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 3s infinite linear;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%}@keyframes text-shimmer{to{background-position:200% center}}.animate-text-shimmer{background-size:200% auto;animation:text-shimmer 3s linear infinite}.tier-bronze{background:linear-gradient(135deg,#7c2d12,#92400e,#78350f);--tier-border: #cd7f32}.tier-silver{background:linear-gradient(135deg,#334155,#475569,#374151);--tier-border: #c0c0c0}.tier-gold{background:linear-gradient(135deg,#78350f,#854d0e,#713f12);--tier-border: #ffd700}.tier-jade{background:linear-gradient(135deg,#14532d,#064e3b,#052e16);--tier-border: #00a86b}.tier-crystal{background:linear-gradient(135deg,#4a1d96,#831843,#5b21b6);--tier-border: #c084fc}.tier-diamond{background:linear-gradient(135deg,#1e3a8a,#312e81,#1e3a8a);--tier-border: #b9f2ff}.tier-celestial{background:linear-gradient(135deg,#78350f,#92400e,#451a03);--tier-border: #00ffff}.tier-radiant{background:linear-gradient(135deg,#7f1d1d,#7c2d12,#991b1b);--tier-border: #ff4500}.tier-stellar{background:linear-gradient(135deg,#701a75,#312e81,#4a044e);--tier-border: #e879f9}.tier-ethereal{background:linear-gradient(135deg,#164e63,#1e3a8a,#0c4a6e);--tier-border: #bbe1fa}.tier-infinite{background:linear-gradient(135deg,#0f172a,#4c1d95,#0f172a);background-size:200% 200%;animation:tier-infinite-shift 8s ease infinite;--tier-border: #ffffff}@keyframes tier-infinite-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tier-bronze-bar{background:linear-gradient(90deg,#b98a5a,#8b5e34)}.tier-silver-bar{background:linear-gradient(90deg,#e0e0e0,#a0a0a0)}.tier-gold-bar{background:linear-gradient(90deg,#ffeb3b,#f57f17)}.tier-jade-bar{background:linear-gradient(90deg,#58d68d,#1e8449)}.tier-crystal-bar{background:linear-gradient(90deg,#a569bd,#8e44ad)}.tier-diamond-bar{background:linear-gradient(90deg,#e0f7fa,#80deea)}.tier-celestial-bar{background:linear-gradient(90deg,#f1c40f,#f39c12)}.tier-radiant-bar{background:linear-gradient(90deg,#ff5252,#ff1744)}.tier-stellar-bar{background:linear-gradient(90deg,#f0c,#339)}.tier-ethereal-bar{background:linear-gradient(90deg,#bbe1fa,#0f4c75)}.tier-infinite-bar{background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark .glass-panel{background:#0f172a99;border:1px solid rgba(255,255,255,.05)}.glass-card{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.dark .glass-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.glow-blue{box-shadow:0 0 20px #3b82f64d}.glow-purple{box-shadow:0 0 20px #a855f74d}.glow-gold{box-shadow:0 0 20px #eab3084d}:root{--tier-bronze: #cd7f32;--tier-silver: #c0c0c0;--tier-gold: #ffd700;--tier-jade: #00a86b;--tier-crystal: #e34234;--tier-diamond: #b9f2ff;--tier-celestial: #00ffff;--tier-radiant: #ff4500;--tier-stellar: #8a2be2;--tier-ethereal: #f0f8ff;--tier-infinite: #ffffff;--font-body: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, ui-sans-serif, system-ui, sans-serif;--font-heading: var(--font-body);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sidebar: var(--font-body);--font-topbar: var(--font-body)}.heatmap-cell-0{background-color:#ebedf0}.heatmap-cell-1{background-color:#9be9a8}.heatmap-cell-2{background-color:#40c463}.heatmap-cell-3{background-color:#30a14e}.heatmap-cell-4{background-color:#216e39}.dark .heatmap-cell-0{background-color:#161b22}.dark .heatmap-cell-1{background-color:#0e4429}.dark .heatmap-cell-2{background-color:#006d32}.dark .heatmap-cell-3{background-color:#26a641}.dark .heatmap-cell-4{background-color:#39d353}@keyframes xp-count-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.xp-counter-animate{animation:xp-count-up .4s ease-out forwards}.sidebar-gradient{background:linear-gradient(180deg,#1a2235,#111827 40%,#0d1321)}.dark .sidebar-gradient{background:linear-gradient(180deg,#0f172a,#080e1a,#050a14)}.nav-active-indicator{position:relative}.nav-active-indicator:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:0 0 12px #3b82f680}.topbar-glass{background:#ffffffd1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.dark .topbar-glass{background:#0f172ac7;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-bg-animated{background-color:#0f172a;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(-45deg,#0f172a,#1e293b,#1e1b4b,#172554,#0f172a);background-size:28px 28px,400% 400%;animation:gradient-shift 15s ease infinite}.login-glass-card{background:#ffffff0f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0f}.logo-glow-bronze{filter:drop-shadow(0 0 6px rgba(205,127,50,.5))}.logo-glow-silver{filter:drop-shadow(0 0 6px rgba(192,192,192,.5))}.logo-glow-gold{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.logo-glow-jade{filter:drop-shadow(0 0 8px rgba(0,168,107,.5))}.logo-glow-crystal{filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}.logo-glow-diamond{filter:drop-shadow(0 0 10px rgba(59,130,246,.6))}.logo-glow-celestial{filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.logo-glow-radiant{filter:drop-shadow(0 0 10px rgba(255,69,0,.6))}.logo-glow-stellar{filter:drop-shadow(0 0 12px rgba(138,43,226,.6))}.logo-glow-ethereal{filter:drop-shadow(0 0 12px rgba(0,229,255,.5))}.logo-glow-infinite{filter:drop-shadow(0 0 14px rgba(255,255,255,.7))}.transition-sidebar{transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.sidebar-scrollbar::-webkit-scrollbar{width:3px}.sidebar-scrollbar::-webkit-scrollbar-track{background:transparent}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}