/* base.css v7 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1100px 560px at 85% -10%, rgba(124,58,237,.20), transparent 60%),
    radial-gradient(900px 500px at -10% 35%, rgba(236,72,153,.10), transparent 55%),
    radial-gradient(700px 400px at 50% 110%, rgba(34,211,238,.06), transparent 60%),
    var(--bg);
  color:var(--text);font:15px/1.6 var(--font);padding-top:var(--header-h);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3{font-family:var(--display);color:#e9d5ff;line-height:1.2}
h1{font-size:clamp(1.5rem,3vw,2.2rem)} h2{font-size:1.15rem}
::selection{background:var(--deep);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--deep),var(--pink));border-radius:8px}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px}