html,body{margin:0;background:#000}
body{font-family:'Barlow',sans-serif;overflow-x:hidden}

.liquid-glass{
  background:rgba(255,255,255,0.01); background-blend-mode:luminosity;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  border:none; box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);
  position:relative; overflow:hidden;
}
.liquid-glass::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.4px;
  background:linear-gradient(180deg,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0.15) 80%,rgba(255,255,255,0.45) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
}
.liquid-glass-strong{
  background:rgba(255,255,255,0.01); background-blend-mode:luminosity;
  backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px);
  border:none; box-shadow:4px 4px 4px rgba(0,0,0,0.05), inset 0 1px 1px rgba(255,255,255,0.15);
  position:relative; overflow:hidden;
}
.liquid-glass-strong::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.4px;
  background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0.2) 80%,rgba(255,255,255,0.5) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.plist-scroll::-webkit-scrollbar{height:8px;width:8px}
.plist-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:9999px}
select option{background:#111;color:#fff}