@layer reset{
  .pl39-ui,.pl39-ui *{box-sizing:border-box}
  .pl39-ui img{max-width:100%;height:auto}
}
@layer base{
  html{background:var(--pl-canvas-0)}
  body.pl39-ui{margin:0;min-height:100vh;color:var(--pl-text-1);font-family:var(--pl-body);background:var(--pl-canvas-0);overflow:hidden}
  body.pl39-ui::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse 46% 34% at 76% 3%,rgba(205,166,79,.10),transparent 70%),radial-gradient(ellipse 44% 38% at 20% 10%,rgba(113,169,215,.08),transparent 70%),linear-gradient(180deg,#07121b,#02070c 72%)}
  body.pl39-ui::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 72%)}
  .pl39-ui ::selection{background:rgba(217,174,82,.34);color:#fff}
  .pl39-ui h1,.pl39-ui h2,.pl39-ui .pl39-display{font-family:var(--pl-display);font-stretch:condensed;letter-spacing:.022em}
  .pl39-ui h3,.pl39-ui h4{letter-spacing:.005em}
  .pl39-ui p{line-height:1.55}
  .pl39-ui *{scrollbar-width:thin;scrollbar-color:rgba(217,174,82,.35) rgba(255,255,255,.025)}
  .pl39-ui *::-webkit-scrollbar{width:7px;height:7px}
  .pl39-ui *::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(217,174,82,.32)}
  .pl39-ui *::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}
}