:root{--contrast:oklch(90% .02 280);--color:oklch(20% .1 280);--active-color:oklch(50% .4 240);--active-color_lighter:oklch(from var(--active-color) calc(l - .2) c h);--active-color_darker:oklch(from var(--active-color) calc(l + .2) c h)}@media (prefers-color-scheme:dark){:root{--color:oklch(80% .02 280);--contrast:oklch(20% .02 280);--active-color:oklch(60% .2 240);--active-color_lighter:oklch(from var(--active-color) calc(l + .2) c h);--active-color_darker:oklch(from var(--active-color) calc(l - .2) c h)}}*{box-sizing:border-box}body{background:var(--contrast);color:var(--color);font-family:sans-serif}a{text-decoration:none}a:link,a:visited{color:var(--active-color)}a:active,a:hover{color:var(--active-color_lighter);text-decoration:underline}button{color:var(--contrast);background:var(--active-color);border:2px solid var(--active-color_darker);border-radius:8px;padding:4px 8px}button:active{background:var(--active-color_darker);color:var(--color);border-color:var(--color)}input,textarea{border:1px solid var(--active-color_darker);background-color:var(--color);color:var(--contrast)}