:root{--bg-abyss:#08090d;--bg-primary:#0d1017;--bg-card:#141820;--bg-elevated:#1a1f2b;--bg-glass:#141820a6;--gold:#c89b3c;--gold-dim:#a07a2e;--gold-glow:#c89b3c26;--gold-border:#c89b3c1f;--gold-hover:#c89b3c4d;--cyan:#00d4ff;--cyan-glow:#00d4ff1a;--fury:#ff4655;--fury-glow:#ff465526;--calm:#2dce89;--calm-glow:#2dce8926;--mind:#11cdef;--mind-glow:#11cdef26;--chaos:#a855f7;--chaos-glow:#a855f726;--order:#f5a623;--order-glow:#f5a62326;--body-domain:#ff6b35;--body-glow:#ff6b3526;--positive:#2dce89;--negative:#ff4655;--neutral:#8b919a;--text-primary:#e8e6e3;--text-secondary:#8b919a;--text-muted:#4a5568;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 2px 8px #0000004d, 0 0 1px #c89b3c1a;--shadow-glow:0 0 20px #c89b3c26;--shadow-hover:0 8px 24px #0006, 0 0 1px #c89b3c33;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-med:.25s;--duration-slow:.4s;--z-base:0;--z-card:1;--z-sticky:10;--z-nav:50;--z-modal:100;--z-tooltip:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;display:block}button{cursor:pointer;font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-abyss)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:900px;padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid-dashboard{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-dashboard{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-dashboard{grid-template-columns:repeat(3,1fr)}}.navbar{z-index:var(--z-nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--gold-border);background:#08090dd9;align-items:center;height:64px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--gold);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.nav-link{color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-size:14px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--gold);background:var(--gold-glow)}.nav-link.active:after{content:"";bottom:-2px;left:var(--space-4);right:var(--space-4);background:var(--gold);border-radius:1px;height:2px;position:absolute}.card{background:var(--bg-card);border:1px solid var(--gold-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--duration-med) var(--ease-out)}.card:hover{border-color:var(--gold-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-tier-s{border-color:var(--gold);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.card-tier-s:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--gold-glow), transparent 70%);pointer-events:none;position:absolute;inset:0}.card-tier-s:hover{box-shadow:0 0 30px var(--gold-glow), var(--shadow-hover);transform:translateY(-4px)}.card-tier-a{border-color:#c89b3c40}.card-tier-b{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);align-items:center;gap:var(--space-3);display:flex}.badge-tier{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-tier-s{background:var(--gold-glow);color:var(--gold)}.badge-tier-a{background:var(--cyan-glow);color:var(--cyan)}.badge-tier-b{color:var(--neutral);background:#8b919a1f}.badge-tier-c{color:var(--text-muted);background:#4a55681f}.badge-fury{background:var(--fury-glow);color:var(--fury)}.badge-calm{background:var(--calm-glow);color:var(--calm)}.badge-mind{background:var(--mind-glow);color:var(--mind)}.badge-chaos{background:var(--chaos-glow);color:var(--chaos)}.badge-order{background:var(--order-glow);color:var(--order)}.badge-body{background:var(--body-glow);color:var(--body-domain)}.heatmap-cell{border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;transition:transform var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:flex;position:relative}.heatmap-cell:hover{z-index:2;transform:scale(1.15)}.wr-0{color:#fca5a5;background:#7f1d1d}.wr-1{color:#fca5a5;background:#991b1b}.wr-2{color:#d4a0a0;background:#4a2020}.wr-3{color:#a0a0a0;background:#2a2a2e}.wr-4{color:#a0d4b0;background:#1a3a2a}.wr-5{color:#86efac;background:#166534}.wr-6{color:#86efac;background:#14532d}.wr-self{background:var(--bg-elevated);color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--gold-glow)}50%{box-shadow:0 0 30px var(--gold-glow)}}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes count-up{0%{opacity:.3}to{opacity:1}}.animate-in{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-stagger-1{animation-delay:50ms}.animate-stagger-2{animation-delay:.1s}.animate-stagger-3{animation-delay:.15s}.animate-stagger-4{animation-delay:.2s}.animate-stagger-5{animation-delay:.25s}.glow-pulse{animation:3s ease-in-out infinite pulse-glow}.trend-bounce{animation:1.5s ease-in-out infinite bounce-arrow}