| :root { |
| --background: #020202; |
| --foreground: #f4f4f4; |
| --muted: #9b9b9b; |
| --border: rgba(255, 255, 255, 0.18); |
| --panel: rgba(7, 7, 7, 0.92); |
| --panel-strong: rgba(12, 12, 12, 0.98); |
| --shadow: rgba(0, 0, 0, 0.48); |
| } |
|
|
| html { |
| height: 100%; |
| color-scheme: dark; |
| } |
|
|
| html, |
| body { |
| width: 100%; |
| max-width: 100vw; |
| overflow-x: hidden; |
| } |
|
|
| body { |
| min-height: 100vh; |
| color: var(--foreground); |
| background: var(--background); |
| font-family: var(--font-ibm-plex-mono), monospace; |
| background-image: |
| radial-gradient(circle at top left, rgba(255, 255, 255, 0.06), transparent 28%), |
| radial-gradient(circle at top right, rgba(255, 255, 255, 0.04), transparent 24%), |
| linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); |
| background-size: auto, auto, 38px 38px, 38px 38px; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| } |
|
|
| * { |
| box-sizing: border-box; |
| padding: 0; |
| margin: 0; |
| } |
|
|
| a { |
| color: inherit; |
| text-decoration: none; |
| } |
|
|
| button, |
| input, |
| textarea { |
| font: inherit; |
| } |
|
|
| ::selection { |
| background: #ffffff; |
| color: #000000; |
| } |
|
|
