:root{
  --rm-pink:#ff2f87;
  --rm-aqua:#25c7d4;
  --rm-lime:#99dc00;
  --rm-purple:#b05bd7;
  --rm-ink:#16363c;
  --rm-paper:rgba(255,255,255,.98);
}

body{
  background:
    radial-gradient(circle at 8% 8%,rgba(255,47,135,.38),transparent 18rem),
    radial-gradient(circle at 92% 12%,rgba(37,199,212,.38),transparent 21rem),
    radial-gradient(circle at 7% 90%,rgba(153,220,0,.30),transparent 20rem),
    radial-gradient(circle at 92% 88%,rgba(176,91,215,.28),transparent 20rem),
    linear-gradient(145deg,#fff8fc 0%,#effdff 48%,#fbfff1 100%) !important;
}

body::before{
  width:360px!important;height:360px!important;left:-175px!important;top:22%!important;
  opacity:.82!important;filter:blur(16px)!important;
  background:linear-gradient(140deg,rgba(255,47,135,.55),rgba(37,199,212,.34),rgba(255,255,255,0))!important;
}
body::after{
  width:380px!important;height:380px!important;right:-185px!important;bottom:2%!important;
  opacity:.76!important;filter:blur(18px)!important;
  background:linear-gradient(140deg,rgba(153,220,0,.46),rgba(176,91,215,.36),rgba(255,255,255,0))!important;
}

.shell{width:min(100%,620px)!important;padding-left:18px!important;padding-right:18px!important;}

.topbar{
  margin-bottom:18px!important;
  padding:11px 14px!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 14px 34px rgba(34,83,90,.12)!important;
  backdrop-filter:blur(12px)!important;
}

.shell::before{
  color:rgba(255,47,135,.15)!important;
  text-shadow:0 2px 0 rgba(37,199,212,.06)!important;
}

body:has(#app) .content{
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:34px 28px 30px!important;
  border:1px solid rgba(255,255,255,.98)!important;
  border-radius:28px!important;
  background:var(--rm-paper)!important;
  box-shadow:0 24px 65px rgba(34,84,90,.18),0 0 0 1px rgba(37,199,212,.10)!important;
  backdrop-filter:blur(8px);
}
body:has(#app) .content::before{
  content:"";
  position:absolute;
  z-index:0;
  width:180px;height:130%;
  left:-88px;top:-15%;
  border-radius:46%;
  filter:blur(7px);
  opacity:.68;
  background:linear-gradient(165deg,var(--rm-pink) 0%,#ff9bc9 34%,var(--rm-aqua) 70%,rgba(153,220,0,.42) 92%);
  pointer-events:none;
}
body:has(#app) .content::after{
  content:"+";
  position:absolute;
  z-index:0;
  right:18px;top:18px;
  font-size:102px;font-weight:300;line-height:1;
  color:rgba(37,199,212,.16);
  pointer-events:none;
}
body:has(#app) .content > *{position:relative;z-index:1;}
body:has(#app) .welcome-content{justify-content:flex-start!important;padding:22px 6px 6px!important;}
body:has(#app) .welcome-kicker{color:#078e9a!important;}
body:has(#app) h1,body:has(#app) h2{color:#172d33;}
body:has(#app) .primary-button{
  min-height:60px!important;border-radius:14px!important;
  background:linear-gradient(135deg,#ff2f87,#f20f70)!important;
  box-shadow:0 13px 30px rgba(255,47,135,.32)!important;
}
body:has(#app) .action-area{margin-top:32px!important;}
body:has(#app) .chart-id{background:linear-gradient(135deg,#19afba,#087984 72%)!important;}

body:has(#friday-app) .shell,
body:has(#saturday-app) .shell,
body:has(#sunday-app) .shell{position:relative;isolation:isolate;}

body:has(#friday-app) .shell::before,
body:has(#saturday-app) .shell::before,
body:has(#sunday-app) .shell::before{
  content:""!important;position:absolute!important;z-index:-2!important;
  inset:84px 0 16px!important;border-radius:34px!important;transform:none!important;
  opacity:1!important;filter:none!important;pointer-events:none!important;
}
body:has(#friday-app) .shell::before{
  background:
    radial-gradient(circle at 5% 22%,rgba(37,199,212,.72),transparent 24%),
    radial-gradient(circle at 96% 30%,rgba(255,47,135,.22),transparent 18%),
    radial-gradient(circle at 88% 82%,rgba(37,199,212,.48),transparent 24%),
    linear-gradient(145deg,#c8fbff 0%,#ecffff 52%,#e5fbff 100%);
}
body:has(#saturday-app) .shell::before{
  background:
    radial-gradient(circle at 5% 25%,rgba(153,220,0,.78),transparent 25%),
    radial-gradient(circle at 94% 30%,rgba(37,199,212,.24),transparent 18%),
    radial-gradient(circle at 88% 82%,rgba(153,220,0,.48),transparent 24%),
    linear-gradient(145deg,#ecffc2 0%,#f9ffe9 52%,#e8fff2 100%);
}
body:has(#sunday-app) .shell::before{
  background:
    radial-gradient(circle at 5% 24%,rgba(255,47,135,.68),transparent 25%),
    radial-gradient(circle at 96% 26%,rgba(176,91,215,.30),transparent 18%),
    radial-gradient(circle at 90% 82%,rgba(176,91,215,.50),transparent 24%),
    linear-gradient(145deg,#ffe0ef 0%,#fff1f8 50%,#f4e7ff 100%);
}

body:has(#friday-app) .shell::after,
body:has(#saturday-app) .shell::after,
body:has(#sunday-app) .shell::after{
  content:"+"!important;position:absolute!important;z-index:-1!important;
  left:20px!important;top:168px!important;width:auto!important;height:auto!important;
  border-radius:0!important;filter:none!important;opacity:.32!important;
  font-size:112px!important;font-weight:300!important;line-height:1!important;pointer-events:none!important;
}
body:has(#friday-app) .shell::after{color:#078f9e!important;}
body:has(#saturday-app) .shell::after{color:#72a900!important;}
body:has(#sunday-app) .shell::after{color:#d9277d!important;}

body:has(#friday-app) .content,
body:has(#saturday-app) .content,
body:has(#sunday-app) .content{
  position:relative;overflow:hidden;margin:10px 24px 30px!important;padding:36px 30px!important;
  border:1px solid rgba(255,255,255,.99)!important;border-radius:26px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 24px 60px rgba(27,69,75,.18)!important;
}
body:has(#friday-app) .content::before,
body:has(#saturday-app) .content::before,
body:has(#sunday-app) .content::before{
  content:"";position:absolute;z-index:0;left:-52px;top:-42px;width:168px;height:260px;
  border-radius:48%;filter:blur(8px);opacity:.30;pointer-events:none;
}
body:has(#friday-app) .content::before{background:var(--rm-aqua);}
body:has(#saturday-app) .content::before{background:var(--rm-lime);}
body:has(#sunday-app) .content::before{background:linear-gradient(160deg,var(--rm-pink),var(--rm-purple));}
body:has(#friday-app) .content > *,body:has(#saturday-app) .content > *,body:has(#sunday-app) .content > *{position:relative;z-index:1;}

body:has(#friday-app) h1,body:has(#friday-app) h2{color:#14373d;}
body:has(#saturday-app) h1,body:has(#saturday-app) h2{color:#17362e;}
body:has(#sunday-app) h1,body:has(#sunday-app) h2{color:#35243b;}

body:has(#friday-app) .status-card,body:has(#saturday-app) .status-card,body:has(#sunday-app) .status-card{
  background:linear-gradient(180deg,#fff,#fbfdfd)!important;
  box-shadow:0 8px 20px rgba(30,73,79,.07)!important;
}
body:has(#friday-app) .primary{background:linear-gradient(135deg,#23c7d4,#0799a7)!important;}
body:has(#saturday-app) .primary{background:linear-gradient(135deg,#9ddd00,#67bb00)!important;}
body:has(#sunday-app) .primary{background:linear-gradient(135deg,#ff2f87,#ec1872)!important;}

@media(max-width:520px){
  body:has(#friday-app) .content,body:has(#saturday-app) .content,body:has(#sunday-app) .content{margin-left:10px!important;margin-right:10px!important;padding:28px 20px!important;}
  body:has(#app) .content{padding:30px 22px 26px!important;}
}