*{box-sizing:border-box}
body{margin:0;background:#0a0d14;color:#f2f5fb;font:16px/1.5 system-ui,sans-serif}
main{width:min(1050px,92vw);margin:auto;padding:48px 0}
header{max-width:820px}.oznaka{font-size:.75rem;letter-spacing:.18em;opacity:.55}
h1{font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95;margin:.2em 0}header>p:last-child{opacity:.72}
.kontrole{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
button,input,select{font:inherit;padding:10px 12px;border-radius:9px;border:1px solid #ffffff1f;background:#121927;color:#fff}
button{cursor:pointer}.mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}
.kartica{padding:18px;border-radius:15px;background:#101722;border:1px solid #ffffff12}.meta{font-size:.72rem;letter-spacing:.08em;opacity:.55}.velika{font-size:2.3rem;font-weight:800}
form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}label{display:grid;gap:5px}
.seznam{display:grid;gap:8px}.dogodek{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:8px;padding:11px 13px;background:#101722;border:1px solid #ffffff0e;border-radius:10px}.dogodek span{overflow-wrap:anywhere}.tip{font-weight:700}
@media(max-width:800px){.mreza{grid-template-columns:1fr}form{grid-template-columns:1fr}.dogodek{grid-template-columns:1fr 1fr}}