:root{
  --lwms-gold:#d4af37;
  --lwms-black:#050505;
  --lwms-soft:#111;
  --lwms-green:#48ff9b;
  --lwms-red:#ff4d4d;
}
.lwms-box,.lwms-status,.lwms-hero-card,.lwms-watch-day,.lwms-average,.lwms-users{
  box-sizing:border-box;
  font-family:inherit;
}
.lwms-box{
  margin:28px auto;
  max-width:1180px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(135deg,#080808,#121212);
  border:1px solid rgba(212,175,55,.28);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.lwms-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:15px;
  margin-bottom:18px;
}
.lwms-head span{
  color:#fff;
  font-size:24px;
  font-weight:900;
}
.lwms-head small,.lwms-status small,.lwms-hero-card small,.lwms-watch-day small,.lwms-average small{
  color:var(--lwms-gold);
  text-transform:uppercase;
  letter-spacing:1.7px;
  font-weight:800;
}
.lwms-up{color:var(--lwms-green);text-shadow:0 0 10px rgba(72,255,155,.35);font-weight:900;}
.lwms-down{color:var(--lwms-red);text-shadow:0 0 10px rgba(255,77,77,.35);font-weight:900;}
.lwms-dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--lwms-gold);box-shadow:0 0 12px var(--lwms-gold);
  animation:lwmsPulse 1.7s infinite;
}
@keyframes lwmsPulse{50%{transform:scale(1.55);opacity:.55}}
.lwms-ticker{
  width:100%;overflow:hidden;padding:13px 0;
  background:linear-gradient(90deg,#050505,#131313,#050505);
  border-top:1px solid rgba(212,175,55,.25);
  border-bottom:1px solid rgba(212,175,55,.25);
}
.lwms-ticker-track{display:flex;gap:20px;width:max-content;animation:lwmsScroll 42s linear infinite;}
@keyframes lwmsScroll{to{transform:translateX(-50%)}}
.lwms-pill{
  display:flex;align-items:center;gap:10px;
  padding:11px 19px;border-radius:999px;
  color:#fff;background:rgba(255,255,255,.035);
  border:1px solid rgba(212,175,55,.22);
  min-width:max-content;
}
.lwms-heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.lwms-heat{
  min-height:100px;padding:18px;border-radius:22px;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid rgba(255,255,255,.08);color:#fff;
}
.lwms-heat.is-up{background:linear-gradient(135deg,rgba(72,255,155,.12),rgba(212,175,55,.12));}
.lwms-heat.is-down{background:linear-gradient(135deg,rgba(255,77,77,.14),rgba(0,0,0,.22));}
.lwms-top-list{display:grid;gap:10px;}
.lwms-row{
  display:grid;grid-template-columns:38px 1fr auto auto;gap:12px;align-items:center;
  padding:14px;border-radius:18px;background:rgba(255,255,255,.035);color:#fff;
  border:1px solid rgba(212,175,55,.13);
}
.lwms-row b{color:var(--lwms-gold);font-size:20px;}
.lwms-row small{display:block;color:#bbb;margin-top:3px;}
.lwms-row em{
  color:#050505;background:linear-gradient(135deg,#f5df86,#bd8f18);
  padding:5px 9px;border-radius:999px;font-style:normal;font-weight:900;font-size:11px;
}
.lwms-chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.lwms-chart-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(212,175,55,.14);color:#fff;}
.lwms-chart{height:72px;margin:14px 0;border-radius:16px;background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(255,255,255,.02));position:relative;overflow:hidden;}
.lwms-chart svg{width:100%;height:100%;}
.lwms-chart-foot{display:flex;justify-content:space-between;gap:10px;}
.lwms-status,.lwms-hero-card,.lwms-watch-day,.lwms-average{
  margin:28px auto;max-width:1180px;text-align:center;
  padding:34px 22px;border-radius:30px;
  background:radial-gradient(circle at top,rgba(212,175,55,.18),transparent 35%),linear-gradient(135deg,#080808,#111);
  border:1px solid rgba(212,175,55,.30);box-shadow:0 18px 55px rgba(0,0,0,.38);
}
.lwms-status strong{display:block;color:#fff;font-size:54px;line-height:1;margin:8px 0;}
.lwms-hero-card h2,.lwms-watch-day h2{color:#fff;font-size:42px;margin:10px 0;}
.lwms-big-trend{font-size:32px;margin-bottom:20px;}
.lwms-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 22px;border-radius:999px;text-decoration:none!important;
  background:linear-gradient(135deg,#f5df86,#bd8f18);color:#050505!important;
  font-weight:900;margin-top:14px;
}
.lwms-metal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.lwms-metal{padding:18px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(212,175,55,.14);color:#fff;display:grid;gap:6px;}
.lwms-alerts{
  max-width:1180px;margin:20px auto;overflow:hidden;border-radius:999px;
  background:#0b0b0b;border:1px solid rgba(212,175,55,.25);padding:12px 0;color:#fff;
}
.lwms-alert-track{display:flex;gap:36px;width:max-content;animation:lwmsScroll 45s linear infinite;}
.lwms-alert-track span{white-space:nowrap;color:#fff;}
.lwms-watch-day p{color:#ddd;max-width:620px;margin:0 auto 12px;}
.lwms-average strong{display:block;color:#fff;font-size:58px;margin:8px 0;}
.lwms-average span{color:#ddd;}
.lwms-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.lwms-compare select{
  width:100%;padding:15px;border-radius:16px;background:#0b0b0b;color:#fff;
  border:1px solid rgba(212,175,55,.32);
}
.lwms-compare-result{
  grid-column:1/-1;color:#fff;padding:18px;border-radius:20px;
  background:rgba(255,255,255,.035);border:1px solid rgba(212,175,55,.14);
}
.lwms-users{
  max-width:1180px;margin:24px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.lwms-users div{color:#fff;padding:18px;border-radius:20px;background:#0b0b0b;border:1px solid rgba(212,175,55,.22);}
.lwms-users strong{color:var(--lwms-gold);font-size:22px;margin:0 3px;}
@media(max-width:900px){
  .lwms-heatmap,.lwms-chart-grid,.lwms-metal-grid,.lwms-users{grid-template-columns:1fr 1fr;}
  .lwms-status strong,.lwms-average strong{font-size:42px;}
  .lwms-hero-card h2,.lwms-watch-day h2{font-size:32px;}
}
@media(max-width:600px){
  .lwms-box{margin:22px 12px;padding:18px;border-radius:24px;}
  .lwms-heatmap,.lwms-chart-grid,.lwms-metal-grid,.lwms-users,.lwms-compare{grid-template-columns:1fr;}
  .lwms-row{grid-template-columns:30px 1fr;gap:8px;}
  .lwms-row em,.lwms-row .lwms-up,.lwms-row .lwms-down{justify-self:start;}
  .lwms-head span{font-size:20px;}
  .lwms-pill{padding:10px 15px;font-size:13px;}
}

.lwms-soft-pulse{
  display:inline-block;
  transform:scale(1.06);
  transition:transform .35s ease, text-shadow .35s ease;
}
.lwms-auto-refresh{
  transition:none!important;
}