:root{--hlavna:#ff501c;--hlavna-tmava:#e8460f;--tmava:#481132;--plocha:#f7f6f4;--ram:#ece9e6;--text:#171717;--tlmeny:#5a4a52;--chyba:#b42318;--uspech:#15803d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--plocha);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}a{color:var(--tmava)}.obal{max-width:560px;margin:0 auto;padding:24px 16px 48px}.obal header{padding:8px 0 20px}.test{color:#7a3d00;background:#fff4e5;border-radius:8px;margin:0 0 16px;padding:8px 12px;font-size:14px}.karta{border:1px solid var(--ram);background:#fff;border-radius:12px;padding:24px}.karta h1{color:var(--tmava);margin:0 0 8px;font-size:22px}.uvod{color:var(--tlmeny);margin:0 0 20px}.riadok{gap:12px;display:flex}.riadok>.pole{flex:1;min-width:0}@media (max-width:480px){.riadok{flex-direction:column;gap:0}}.pole{margin-bottom:14px}.pole label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.pole input{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #d6d1cc;border-radius:8px;padding:10px 12px;font-size:16px}.pole input:focus{outline:2px solid var(--hlavna);outline-offset:1px;border-color:var(--hlavna)}.pole input:disabled{background:var(--plocha);color:var(--tlmeny)}.pole input[aria-invalid=true]{border-color:var(--chyba)}.napoveda{color:var(--tlmeny);margin:4px 0 0;font-size:13px}.chyba{color:var(--chyba);margin:4px 0 0;font-size:13px}.poucenie{background:var(--plocha);color:var(--tlmeny);border-radius:8px;margin:8px 0 16px;padding:12px 14px;font-size:13px}.poucenie p{margin:0 0 6px}.poucenie p:last-child{margin:0}.chyba-formulara{color:var(--chyba);font-weight:600}button{background:var(--hlavna);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:700}button:hover:not(:disabled){background:var(--hlavna-tmava)}button:disabled{opacity:.6;cursor:default}.hotovo h2{color:var(--uspech);margin:0 0 8px;font-size:20px}.hotovo p{margin:0}.pata{color:var(--tlmeny);margin:16px 0 0;font-size:13px}
