:root { --tlo: #fff; --tekst: #1d2733; --akcent: #0b5a8a; --uwaga: #a33; }
@media (prefers-color-scheme: dark) { :root { --tlo: #12171d; --tekst: #e6edf3; --akcent: #6cb6e6; --uwaga: #f08a8a; } }
body { background: var(--tlo); color: var(--tekst); font: 16px/1.5 system-ui, sans-serif; margin: 0; }
main { max-width: 40rem; margin: 0 auto; padding: 1rem; }
label { display: block; margin: .75rem 0; }
input:not([type=checkbox]):not([type=radio]), select { display: block; width: 100%; box-sizing: border-box; padding: .4rem; font: inherit; }
fieldset { border: 1px solid var(--akcent); margin: .75rem 0; }
button { background: var(--akcent); color: var(--tlo); border: 0; padding: .6rem 1.2rem; font: inherit; cursor: pointer; }
.test { color: var(--uwaga); font-weight: bold; }
.ukryte { position: absolute; left: -10000px; }