body { font-family: 'DM Sans', sans-serif; background: #0a0e1a; color: #e6ebf5; }
  .display { font-family: 'Cormorant Garamond', serif; }
  .glass { background: rgba(15, 21, 38, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(120, 150, 220, 0.15); }
  .gold { color: #f5d57e; }
  .glow { text-shadow: 0 0 30px rgba(245, 213, 126, 0.4); }
  .gradient-bg { background: radial-gradient(circle at 20% 0%, rgba(120, 80, 220, 0.25), transparent 50%), radial-gradient(circle at 80% 100%, rgba(220, 80, 140, 0.18), transparent 50%); }
  .tab-btn { transition: all 0.3s ease; }
  .tab-btn.active { background: rgba(245, 213, 126, 0.15); color: #f5d57e; border-color: rgba(245, 213, 126, 0.4); }
  .tab-content { display: none; }
  .tab-content.active { display: block; }
  .progress-bar { height: 8px; background: rgba(120, 150, 220, 0.15); border-radius: 999px; overflow: hidden; }
  .progress-fill { height: 100%; background: linear-gradient(90deg, #f5d57e, #f0b04d); border-radius: 999px; }
  .stat-card { transition: transform 0.3s ease; }
  .stat-card:hover { transform: translateY(-4px); }
  .scroll-smooth { scroll-behavior: smooth; }
  .day-card { transition: all 0.3s ease; }
  .day-card:hover { border-color: rgba(245, 213, 126, 0.5); transform: translateX(4px); }
  ::-webkit-scrollbar { width: 8px; }
  ::-webkit-scrollbar-track { background: #0a0e1a; }
  ::-webkit-scrollbar-thumb { background: rgba(245, 213, 126, 0.3); border-radius: 999px; }
  .tag { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 11px; background: rgba(245,213,126,0.1); color: #f5d57e; border: 1px solid rgba(245,213,126,0.25); margin: 2px; }
  .score-badge { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; font-weight: 700; font-size: 14px; }
  .score-low { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
  .score-mid { background: rgba(245,158,11,0.15); color: #f59e0b; border: 1px solid rgba(245,158,11,0.3); }
  .score-high { background: rgba(16,185,129,0.15); color: #10b981; border: 1px solid rgba(16,185,129,0.3); }
  .alert-box { background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.25); border-radius: 12px; padding: 16px; margin-bottom: 12px; }
  .insight-box { background: rgba(16,185,129,0.08); border: 1px solid rgba(16,185,129,0.2); border-radius: 12px; padding: 16px; margin-bottom: 12px; }
  .warn-box { background: rgba(245,158,11,0.08); border: 1px solid rgba(245,158,11,0.2); border-radius: 12px; padding: 16px; margin-bottom: 12px; }
  table { width: 100%; border-collapse: collapse; }
  th { background: rgba(245,213,126,0.1); color: #f5d57e; padding: 10px 14px; text-align: left; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }
  td { padding: 10px 14px; border-bottom: 1px solid rgba(120,150,220,0.08); font-size: 13px; vertical-align: top; }
  tr:hover td { background: rgba(120,150,220,0.04); }