:root{
  --bg:#07090D;
  --card:#14161af1;
  --card-2:#0F1216;
  --border:#252A30;
  --border-hi:#39414C;
  --text:#E6EAF0;
  --text-soft:#C6CDD6;
  --muted:#8A93A0;
  --dim:#5F6873;
  --blue:#4C9FFF;
  --pink:#E44FD4;
  --purple:#8B5CF6;
  --green:#2EE59D;
  --red:#F43F5E;
  --radius:15px;
}

*{margin:0;padding:0;box-sizing:border-box}

[hidden]{display:none !important}

html,body{height:100%}

body{
  background:var(--bg);
  color:var(--text);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}

button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}

svg{display:block;flex-shrink:0}

::-webkit-scrollbar{width:8px;height:8px}

::-webkit-scrollbar-thumb{background:#232830;border-radius:99px}

::-webkit-scrollbar-thumb:hover{background:#2E353E}

::-webkit-scrollbar-track{background:transparent}

.app{
  display:flex;
  gap:14px;
  padding:14px;
  height:100vh;
}