style.css

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap');

:root {
  color-scheme: dark light;
  --gray-9: #212529;
  --gray-8: #343a40;
  --gray-4: #ced4da;
  --gray-3: #dee2e6;
  --gray-2: #e9ecef;
  --gray-1: #f1f3f5;
  --gray-9-70: #21252970;
  --gray-8-70: #343a4070;
  --gray-4-70: #ced4da70;
  --gray-3-70: #dee2e670;
  --gray-2-70: #e9ecef70;
  --gray-1-70: #f1f3f570;
  --chip-background: var(--gray-2-70);
  --chip-color: var(--gray-9);
  --bye-green: #77b19d;
  --green-8: #2f9e44;
  --green-6: #40c057;
  --red-9: #c92a2a;
  --red-6: #fa5252;
}

body {
  font-family: Roboto, system-ui, -apple-system, sans-serif;
  background-color: #1d1d1d;
  color: #f1f1f1;

  min-height: 100vh;
  min-width: 100%;

  margin: 0;
  padding: 0 0 100px 0;
}

* {
  box-sizing: border-box;
}

header {
  height: 32px;
  background-color: #354b43;
  color: #f1f1f1;

  font-size: 16px;

  display: flex;
  align-items: center;

  padding: 0 1rem;

  -webkit-app-region: drag;
  -webkit-user-select: none;
}

header .end {
  margin-left: auto;
  display: flex;
  gap: 1rem;
}

header * {
  margin: 0;
}

header .button, header button {
  all: unset;