ql
1:root {2font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;3line-height: 1.5;4font-weight: 400;5
6color-scheme: light dark;7color: rgba(255, 255, 255, 0.87);8background-color: #242424;9
10font-synthesis: none;11text-rendering: optimizeLegibility;12-webkit-font-smoothing: antialiased;13-moz-osx-font-smoothing: grayscale;14}
15
16a {17font-weight: 500;18color: #646cff;19text-decoration: inherit;20}
21a:hover {22color: #535bf2;23}
24
25body {26margin: 0;27display: flex;28place-items: center;29min-width: 320px;30min-height: 100vh;31}
32
33h1 {34font-size: 3.2em;35line-height: 1.1;36}
37
38button {39border-radius: 8px;40border: 1px solid transparent;41padding: 0.6em 1.2em;42font-size: 1em;43font-weight: 500;44font-family: inherit;45background-color: #1a1a1a;46cursor: pointer;47transition: border-color 0.25s;48}
49button:hover {50border-color: #646cff;51}
52button:focus,
53button:focus-visible {54outline: 4px auto -webkit-focus-ring-color;55}
56
57@media (prefers-color-scheme: light) {58:root {59color: #213547;60background-color: #ffffff;61}62a:hover {63color: #747bff;64}65button {66background-color: #f9f9f9;67}68}
69