:root{
  --lm-bg:#060b14;
  --lm-bg2:#09111f;
  --lm-panel:rgba(12,20,36,.78);
  --lm-line:rgba(148,177,255,.14);
  --lm-text:#f4f8ff;
  --lm-muted:#94a6c9;
  --lm-cyan:#50ddff;
  --lm-blue:#6b7cff;
  --lm-violet:#a964ff;
  --lm-mint:#45e0bd;
  --lm-pink:#ec5dff;
  --lm-shadow:0 30px 90px rgba(0,0,0,.38);
}
html{background:var(--lm-bg)}
body{
  background:
    radial-gradient(900px 540px at 7% -8%,rgba(80,221,255,.13),transparent 58%),
    radial-gradient(1000px 620px at 100% 2%,rgba(169,100,255,.13),transparent 60%),
    radial-gradient(760px 480px at 52% 110%,rgba(69,224,189,.06),transparent 62%),
    linear-gradient(180deg,var(--lm-bg),var(--lm-bg2) 46%,#070d17) !important;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(126,160,215,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,160,215,.055) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);
}
body > *{position:relative;z-index:1}
.lm-brand-img{width:44px;height:44px;display:block;flex:0 0 auto;filter:drop-shadow(0 10px 26px rgba(80,221,255,.17))}
.brandMark{background:none!important;box-shadow:none!important;overflow:visible!important}
.brandMark:after{display:none!important}
.brandMark img{width:100%;height:100%;display:block}
.brand .dot{background:none!important;box-shadow:none!important}
.lm-premium-kicker{
  text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:#79dfff
}
.lm-premium-gradient{
  background:linear-gradient(90deg,var(--lm-cyan),#7b9cff 48%,#c56cff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.card,.glass,.sidebarCard,.moduleCard,.hero,.heroPanel,.panel,.authCard{
  border-color:var(--lm-line)!important;
}
.moduleCard,.sidebarCard,.heroPanel,.card,.glass{
  box-shadow:0 20px 70px rgba(0,0,0,.24)!important;
}
.moduleCard:hover{
  border-color:rgba(80,221,255,.34)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.34),0 0 0 1px rgba(80,221,255,.06)!important
}
.btn.primary,.moduleBtn.primary{
  background:linear-gradient(135deg,var(--lm-cyan),#6d91ff 58%,#9f62ff)!important;
  color:#06101d!important;
}
.status.Live{color:#7af0cf!important;border-color:rgba(69,224,189,.24)!important;background:rgba(69,224,189,.08)!important}
.status.Preview{color:#aebee0!important}
html[data-theme="light"] body{
  background:
    radial-gradient(900px 540px at 7% -8%,rgba(80,221,255,.12),transparent 58%),
    radial-gradient(1000px 620px at 100% 2%,rgba(169,100,255,.10),transparent 60%),
    linear-gradient(180deg,#f6f9ff,#eef4ff 55%,#f9fbff)!important;
}
@media (prefers-reduced-motion:no-preference){
  .lm-float{animation:lmFloat 7s ease-in-out infinite}
  @keyframes lmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
}

/* Cinematic Loomatrix atmosphere */
body{
  background:
    radial-gradient(1000px 580px at 88% -10%,rgba(255,172,72,.075),transparent 62%),
    radial-gradient(920px 560px at 8% 0%,rgba(75,205,255,.11),transparent 60%),
    radial-gradient(860px 520px at 55% 110%,rgba(137,91,255,.08),transparent 64%),
    linear-gradient(180deg,#050812,#080e1a 48%,#060a13)!important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(circle at 14% 20%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),
    radial-gradient(circle at 70% 30%,rgba(111,219,255,.38) 0 1px,transparent 1.5px);
  background-size:210px 210px,270px 270px;opacity:.22;
}
.sidebarCard,.card,.glass,.moduleCard,.heroPanel{
  background:linear-gradient(180deg,rgba(14,22,39,.78),rgba(8,14,26,.70))!important;
  backdrop-filter:blur(18px);
}
.hero,.profileHero{
  position:relative;overflow:hidden;
}
.hero:after,.profileHero:after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-240px;pointer-events:none;
  background:radial-gradient(circle,rgba(255,185,74,.13),rgba(101,218,255,.055) 38%,transparent 68%);
  filter:blur(6px);
}