html,body{color-scheme:dark;margin:0;background:oklch(0.17 0.008 250);color:oklch(0.95 0.005 250);font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:oklch(0.80 0.12 155);text-decoration:none}
a:hover{color:oklch(0.90 0.10 155);text-decoration:underline}
input::placeholder{color:oklch(0.55 0.01 250)}

button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid oklch(0.80 0.12 155);outline-offset:3px}button:hover{filter:brightness(1.12)}[role=alert]{margin:12px 24px;color:oklch(0.78 0.12 25)} .connection{padding:8px 24px;color:oklch(0.80 0.12 75);font-size:14px} @media(max-width:600px){header{gap:16px!important;padding:0 12px!important}header nav{gap:12px!important}header span{display:none}main{padding:24px 12px!important}}