/* Konto Courage Studios: ciemno, czytelnie, bez zewnętrznych czcionek. */
:root { --tlo: #0c0f14; --tekst: #f2ead8; --akcent: #f3e7b8; --ramka: #262c36; --pole: #141922; --blad: #e08a7a; --przygaszony: #a9a293; }
* { box-sizing: border-box; }
html { background: var(--tlo); color: var(--tekst); }
body { margin: 0; font: 17px/1.55 system-ui, "Segoe UI", sans-serif; background: var(--tlo); color: var(--tekst); }
header { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-bottom: 1px solid var(--ramka); }
.marka { color: var(--akcent); font-weight: 600; letter-spacing: .06em; text-decoration: none; }
.jezyk a { color: var(--przygaszony); margin-left: 10px; text-decoration: none; }
.jezyk a[aria-current] { color: var(--akcent); font-weight: 600; }
main { max-width: 560px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { color: var(--akcent); font-weight: 500; font-size: 1.7em; margin: .2em 0 .8em; }
h2 { color: var(--akcent); font-weight: 500; font-size: 1.15em; margin: 0 0 .5em; }
a { color: var(--akcent); }
label { display: block; margin: 0 0 14px; }
input:not([type=checkbox]) { display: block; width: 100%; margin-top: 4px; padding: 10px 12px; font: inherit;
  color: var(--tekst); background: var(--pole); border: 1px solid var(--ramka); border-radius: 6px; }
input:focus, button:focus-visible, a:focus-visible { outline: 2px solid var(--akcent); outline-offset: 2px; }
label.zgoda { display: flex; gap: 10px; align-items: flex-start; }
label.zgoda input { margin-top: 5px; flex: none; }
button, .przycisk { display: inline-block; padding: 10px 18px; font: inherit; font-weight: 600; cursor: pointer;
  color: var(--tlo); background: var(--akcent); border: 1px solid var(--akcent); border-radius: 6px; text-decoration: none; }
button.drugorzedny { color: var(--akcent); background: transparent; }
.ramka { border: 1px solid var(--ramka); border-radius: 8px; padding: 16px; margin: 0 0 18px; }
.info { border-left: 3px solid var(--akcent); padding: 6px 12px; }
.blad { border-left: 3px solid var(--blad); padding: 6px 12px; color: var(--blad); }
.male, footer { font-size: .9em; color: var(--przygaszony); }
footer { text-align: center; padding: 20px; }
.sekret { font: 600 1.3em/1.4 ui-monospace, Consolas, monospace; letter-spacing: .08em; color: var(--akcent); word-break: break-all; }
.qr img { background: #fff; padding: 10px; border-radius: 6px; }
.kody { font: 1.15em/1.8 ui-monospace, Consolas, monospace; columns: 2; }
.lista { list-style: none; padding: 0; }
.lista li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--ramka); }
.lista form { margin: 0; }
.wiersz { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
[hidden] { display: none !important; }
@media print {
  html, body { background: #fff; color: #000; }
  header, footer, button, .przycisk { display: none; }
  h1 { color: #000; }
}