:root{
  
  --bg: #0a0a12;
  --bg-2: #0e0c17;
  --panel: #15131f;
  --panel-2: #1c1a2b;
  --border: #2c2840;

  
  --text: #eae8f5;
  --muted: #a29dbd;
  --muted-2: #746f8f;

  
  --on-accent: #0a0a12;

  
  --accent: #968bfb;              
  --accent-soft: rgba(150,139,251,0.14);
  --accent-2: #34d1c4;            
  --accent-2-soft: rgba(52,209,196,0.14);
  
  --accent-2-hover: rgba(52,209,196,0.22);
  --accent-2-border: rgba(52,209,196,0.30);

  
  --weak-band: rgba(138,144,168,0.16);        
  --weak-band-edge: rgba(138,144,168,0.75);   

  
  --pop: #f5c451;                 
  --pop-soft: rgba(245,196,81,0.14);
  --profit: #2fe08d;              
  --negative: #ff5c5c;            

  
  --hist-0: #3a4360;              
  --hist-1: #f5c451;              
  --hist-2: #f2843c;              
  --hist-3: #ff3d3d;              

  
  
  
  --hist-c1:  #3e6ad6;   
  --hist-c2:  #4a70c8;   
  --hist-c3:  #5876b6;   
  --hist-c4:  #6f7da4;   
  
  --hist-c5:  #8b8480;   
  
  --hist-c6:  #a58c5c;   
  --hist-c7:  #c08f4c;   
  --hist-c8:  #d88a42;   
  
  --hist-c9:  #e06a3c;   
  --hist-c10: #e25a35;   
  --hist-c11: #e14e31;   
  --hist-c12: #dd442e;   
  --hist-c13: #d83b2c;   
  --hist-c14: #d2332a;   
  --hist-c15: #cb2b27;   
  --hist-c16: #c32424;   
  --hist-c17: #a51318;   
  

  
  --hist-c18: #ba1e20;   
  --hist-c19: #b0181c;   
  --hist-c20: #ab161a;   
  --hist-c21: #a51318;   

  
  --meter-b1:  #3556b1;  
  --meter-b2:  #3866c6;  
  --meter-b3:  #4378cb;  
  --meter-b4:  #5b8ac4;  
  --meter-b5:  #b99431;  
  --meter-b6:  #d08d27;  
  --meter-b7:  #e17d2e;  
  --meter-b8:  #e56129;  
  --meter-b9:  #d73b26;  
  --meter-b10: #950911;  

  

  
  --graph-emphasis: var(--pop);
  --graph-comparison: #4fb4c9;    

  
  --suit-s: #c9c6d8;              
  --suit-h: #ff6b6b;              
  --suit-d: #5aa7ff;              
  --suit-c: #4ecb7d;              

  
  --status-good: #34d1c4;
  --status-mid: #e8c25a;
  --status-warn: #ef9d5c;
  --status-bad: #ff7a7a;
  --danger: #ff7a7a;              

  
  --glass-blur: 18px;
  --glass-fill: rgba(28,24,46,0.62);        
  --glass-fill-strong: rgba(28,24,46,0.78); 
  --glass-border: rgba(150,139,251,0.20);
  --glass-glow: inset 0 1px 0 rgba(255,255,255,0.07);
  --glass-shadow: 0 16px 40px rgba(0,0,0,0.55);
  --glass-shadow-lg: 0 24px 60px rgba(0,0,0,0.6);

  

  
  --accent-hover: rgba(150,139,251,0.22);   
  --accent-border: rgba(150,139,251,0.3);   
  --accent-wash: rgba(150,139,251,0.06);    
  --accent-wash-2: rgba(150,139,251,0.02);  

  
  --profit-soft: rgba(47,224,141,0.12);     
  --profit-wash: rgba(47,224,141,0.09);     
  --profit-wash-2: rgba(47,224,141,0.015);  
  --negative-soft: rgba(255,92,92,0.10);    
  --negative-wash: rgba(255,92,92,0.07);    
  --negative-wash-2: rgba(255,92,92,0.01);  

  
  --status-mid-soft: rgba(232,194,90,0.14);
  --status-warn-soft: rgba(239,157,92,0.14);
  --danger-soft: rgba(255,122,122,0.08);    

  
  --overlay-light: rgba(255,255,255,0.04);  
  --hairline: rgba(255,255,255,0.06);       
  --highlight: rgba(255,255,255,0.2);       
  --highlight-strong: rgba(255,255,255,0.25);
  --ink-80: rgba(10,10,18,0.8);             
  --ink-85: rgba(10,10,18,0.85);
  
  --ink-35: rgba(10,10,18,0.35);
  --ink-38: rgba(10,10,18,0.38);
  --ink-50: rgba(10,10,18,0.5);
  --ink-90: rgba(10,10,18,0.9);
  
  --on-fill: #ffffff;
  --scrim: rgba(4,5,7,0.6);                 

  
  --radius-xl: 20px;  
  --radius-lg: 12px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;   
  --sp-6: 24px;
  
  --sp-gutter: 34px;

  
  --ctl-h: 28px;
  --ctl-h-sm: 24px;
  --ctl-label-h: 12px;

  
  --dur-1: 120ms;   
  --dur-2: 200ms;   
  --dur-3: 300ms;   

  
  --dur-spin: 700ms;

  
  --dur-sweep: 800ms;

  
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);       
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   
  --ease-linear: linear;                            
}


html{
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 1150px 780px at 4% 2%, var(--accent-soft), transparent 60%),
    radial-gradient(ellipse 1150px 780px at 4% 2%, var(--accent-soft), transparent 60%),
    radial-gradient(ellipse 1050px 740px at 96% 98%, var(--accent-2-soft), transparent 58%),
    radial-gradient(ellipse 1050px 740px at 96% 98%, var(--accent-2-soft), transparent 58%),
    radial-gradient(ellipse 1400px 900px at 50% -12%, var(--bg-2), var(--bg) 62%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


.tab-link.is-disabled{
  color: var(--muted-2);
  cursor: default;
  pointer-events: none;
}
.tab-badge{
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--accent-soft);
  border: 1px solid var(--accent-border);
  line-height: 1.5;
}


.tabs li.nav-study[hidden]{ display: none; }


.tabs li[hidden]{ display: none; }