:root{
  --bg:#070707;
  --surface:#0c0c0c;
  --surface-2:#111;
  --surface-3:#171717;
  --line:#252525;
  --line-soft:#1b1b1b;
  --text:#f5f5f2;
  --muted:#838383;
  --muted-2:#575757;
  --green:#67e480;
  --yellow:#e7cf62;
  --red:#ff6b6b;
  --radius:16px;
  --sidebar:250px;
  --topbar:72px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{
  margin:0;min-height:100vh;color:var(--text);
  background:
    radial-gradient(circle at 85% -10%,rgba(255,255,255,.05),transparent 24rem),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    var(--bg);
  background-size:auto,48px 48px,48px 48px,auto;
  font-family:Inter,"Noto Sans JP","Yu Gothic UI","Segoe UI",system-ui,sans-serif;
}
button,input{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
::selection{background:#fff;color:#000}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#292929;border:3px solid #0b0b0b;border-radius:99px}