html { scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / 0.16) transparent; }
:root {
  --bg: transparent;
  --card: #121214;
  --text: #f2f2f0;
  --text-2: #b4b4b0;
  --text-3: #8b8b88;
  --edge: rgb(255 255 255 / 0.08);
  --up: #2ff0b8;
  --down: #ff6b5f;
  color-scheme: dark;
}
html, body, .app, .page { background: transparent; }
body { min-height: 0; }
.app { min-height: 0; padding-bottom: 0; }
.app { padding: 24px; }
.app > * { width: 100%; }
.work { margin: 0; }
.frame { height: min(720px, calc(var(--host-vh, 8px) * 80)); box-shadow: 0 0 0 1px var(--edge); }
.bar, .intro, .work-head, .foot { display: none; }
.ag {
  --ag-bg: #121214; --ag-surface: #17171a; --ag-field: #1e1e22; --ag-text: #f2f2f0; --ag-muted: #8b8b88;
  --ag-line: rgb(255 255 255 / 0.08); --ag-edge: rgb(255 255 255 / 0.14); --ag-wave: rgb(255 255 255 / 0.22); --ag-wave-in: #f2f2f0; --ag-stage: #0c0c0d;
}