:root { --bg:#14161a; --panel:#1f232aee; --plny:#1f232a; --text:#e8eaed; --tlumene:#9aa0a6; --akcent:#7cc4ff; --ok:#6fdc8c; --pozor:#ff8a80; --varovani:#ffd27c; --okraj:#2c313a; color-scheme: dark; }
* { box-sizing:border-box; }
html, body { margin:0; background:var(--bg); color:var(--text); font:14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; }
button, select, input, textarea { font:inherit; color:var(--text); }
button, select { background:var(--panel); border:1px solid var(--okraj); border-radius:9px; padding:8px 11px; cursor:pointer; }
button:hover { border-color:var(--akcent); }
button:disabled { opacity:.45; cursor:default; }
button.zap { background:var(--akcent); color:#000; border-color:var(--akcent); }
button.nebezpecne { color:var(--pozor); }
input, textarea { width:100%; background:#14161a; border:1px solid var(--okraj); border-radius:8px; padding:7px 9px; }
input[type=checkbox], input[type=radio] { width:auto; }
textarea { min-height:70px; resize:vertical; }
.radek { display:flex; gap:6px; } .radek > * { flex:1; min-width:0; }
.tl { color:var(--tlumene); }
dialog { background:var(--bg); color:var(--text); border:1px solid var(--okraj); border-radius:14px; max-width:min(640px, 94vw); max-height:90vh; overflow:auto; }
dialog::backdrop { background:#000a; }
a { color:var(--akcent); }