:root{--tlo:#0f172a;--tlo-panel:#1e293b;--tekst:#f8fafc;--tekst-slaby:#94a3b8;--akcent:#38bdf8;--akcent-tekst:#0f172a;--blad:#f87171;--ok:#4ade80;--obramowanie:#334155;--promien:12px}*{box-sizing:border-box}body,html{margin:0;background:var(--tlo);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;padding:0 0 env(safe-area-inset-bottom)}main{max-width:640px;margin:0 auto;padding:16px}h1{font-size:1.35rem;margin:0 0 16px}h2{font-size:1.1rem;margin:24px 0 8px}label{display:block;margin:12px 0 4px;color:var(--tekst-slaby);font-size:.9rem}input,select,textarea{width:100%;min-height:48px;padding:12px;background:var(--tlo-panel);color:var(--tekst);border:1px solid var(--obramowanie);border-radius:var(--promien);font-size:1rem}textarea{min-height:96px;resize:vertical}button{min-height:48px;padding:12px 20px;border:0;border-radius:var(--promien);background:var(--akcent);color:var(--akcent-tekst);font-size:1rem;font-weight:600;cursor:pointer}button[disabled]{opacity:.5;cursor:progress}button.wtorny{background:transparent;color:var(--akcent)}.panel,button.wtorny{border:1px solid var(--obramowanie)}.panel{background:var(--tlo-panel);border-radius:var(--promien);padding:12px 14px;margin-bottom:12px}.slaby{color:var(--tekst-slaby);font-size:.9rem}.blad{color:var(--blad)}.ok{color:var(--ok)}.znacznik{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;border:1px solid var(--obramowanie);color:var(--tekst-slaby)}