@font-face{font-family:'JetBrains Mono';src:url('/static/pisma/JetBrainsMono.ttf') format('truetype');font-weight:400 600;font-display:swap;}
@font-face{font-family:'Nunito';src:url('/static/pisma/Nunito.ttf') format('truetype');font-weight:400 700;font-display:swap;}

:root{
  --bg:#0d0d2b; --en:#dcd8ff; --sk:#b8d8cc;
  --panel:rgba(255,255,255,.03); --ciara:rgba(255,255,255,.08);
  --modra:#5ca8ff; --tyrk:#2bffe0; --zel:#4dff8f; --zlta:#ffc02b; --cerv:#ff6b4a;
  --str:#e8ecf4;
}
*{box-sizing:border-box;}
[hidden]{display:none!important;}
html,body{margin:0;background:var(--bg);color:var(--en);font-family:'JetBrains Mono',monospace;
  -webkit-text-size-adjust:100%;min-height:100%;}
body{line-height:1.6;}
button,input,select{font-family:inherit;color:inherit;}
img{display:block;max-width:100%;}
code{color:var(--zlta);background:rgba(0,0,0,.3);padding:1px 6px;border-radius:7px;font-size:.85em;word-break:break-all;}
.medzera{flex:1;}
.mt12{margin-top:12px;}
.mini{font-family:'Nunito',sans-serif;font-size:.82rem;color:#9aa0d0;}
.stred{text-align:center;margin:14px 0;}
.prazdne{text-align:center;color:#8a90c0;font-family:'Nunito',sans-serif;padding:40px 10px;}

/* tlacidla */
button{cursor:pointer;border-radius:20px;font-family:'Nunito',sans-serif;font-weight:700;font-size:.88rem;
  padding:9px 16px;border:1px solid var(--ciara);background:rgba(255,255,255,.05);transition:transform .12s,background .15s;}
button:hover{background:rgba(255,255,255,.1);}
button:active{transform:scale(.97);}
button:disabled{opacity:.4;cursor:default;transform:none;}
.hlavne{color:#fff;background:rgba(92,168,255,.18);border-color:rgba(92,168,255,.5);box-shadow:0 0 14px rgba(92,168,255,.25);}
.hlavne:hover{background:rgba(92,168,255,.3);}
.hlavne.maly{padding:7px 14px;font-size:.82rem;}
.tichy{background:rgba(255,255,255,.04);}
.nebezpecne{color:#fff;background:rgba(255,107,74,.18);border-color:rgba(255,107,74,.5);}
.nebezpecne:hover{background:rgba(255,107,74,.32);}

/* zamok (prihlasenie) */
.zamok{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;
  background:radial-gradient(ellipse at 50% 30%,rgba(35,40,105,.5),var(--bg));}
.zamok-karta{width:100%;max-width:420px;background:rgba(20,22,52,.85);border:1px solid rgba(92,168,255,.25);
  border-radius:22px;padding:26px 22px;box-shadow:0 0 30px rgba(43,255,224,.1);}
.zamok-karta h1{font-family:'Nunito',sans-serif;font-weight:700;font-size:1.5rem;color:#fff;margin:0 0 4px;text-align:center;
  text-shadow:0 0 10px rgba(43,255,224,.4);}
#zamok-popis{text-align:center;font-family:'Nunito',sans-serif;color:#9aa0d0;font-size:.86rem;margin:0 0 20px;}
.box-vstup label{display:block;font-family:'Nunito',sans-serif;font-size:.82rem;color:var(--sk);margin:12px 0 0;}
.box-vstup input{width:100%;margin-top:5px;padding:11px 13px;border-radius:13px;background:rgba(0,0,0,.35);
  border:1px solid var(--ciara);font-size:1rem;}
.box-vstup input:focus{outline:none;border-color:rgba(43,255,224,.5);box-shadow:0 0 10px rgba(43,255,224,.2);}
.box-vstup .hlavne{width:100%;margin-top:18px;padding:12px;}
.varovanie{color:var(--zlta);border:1px solid rgba(255,192,43,.3);background:rgba(255,192,43,.06);
  border-radius:12px;padding:8px 11px;margin-top:14px;}
.chyba{color:#ff8a6b;font-family:'Nunito',sans-serif;font-size:.85rem;margin-top:14px;text-align:center;}

/* hlava appky */
.hlava{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 14px;background:rgba(13,13,43,.94);border-bottom:1px solid var(--ciara);backdrop-filter:blur(6px);}
.hlava>strong{font-family:'Nunito',sans-serif;color:#fff;font-size:1.05rem;letter-spacing:.5px;}
.zalozky{display:flex;gap:7px;flex:1;flex-wrap:wrap;}
.zalozky button{padding:7px 14px;font-size:.82rem;background:transparent;border-color:transparent;}
.zalozky button.akt{background:rgba(92,168,255,.16);border-color:rgba(92,168,255,.4);}
main{max-width:1100px;margin:0 auto;padding:14px;}
.karta{margin-bottom:18px;}
.radok{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;
  background:var(--panel);border:1px solid var(--ciara);border-radius:14px;}
.prepinac{font-family:'Nunito',sans-serif;font-size:.85rem;color:var(--sk);display:flex;align-items:center;gap:7px;}
.stlpec{display:flex;flex-direction:column;gap:12px;}

/* dni */
.dlazdice{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.den{text-align:left;padding:14px;border-radius:16px;background:rgba(35,40,105,.26);border:1px solid rgba(92,168,255,.28);
  display:flex;flex-direction:column;gap:3px;}
.den:hover{background:rgba(35,40,105,.4);}
.den .datum{font-family:'Nunito',sans-serif;font-weight:700;color:#fff;font-size:1rem;}
.den .pocet{color:var(--tyrk);font-size:.9rem;}
.den .velk{font-family:'Nunito',sans-serif;font-size:.78rem;color:#9aa0d0;}
.den .znak{font-family:'Nunito',sans-serif;font-size:.72rem;color:var(--zlta);}

/* mriezka fotiek */
.mriezka{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;}
.bunka{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.04);
  border:1px solid var(--ciara);cursor:pointer;}
.bunka img{width:100%;height:100%;object-fit:cover;}
.bunka .cas{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-family:'Nunito',sans-serif;
  font-size:.68rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));}
.bunka.vybrana{outline:3px solid var(--tyrk);outline-offset:-3px;}
.bunka .fajka{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:var(--tyrk);
  color:#06201b;font-size:.8rem;display:none;align-items:center;justify-content:center;font-weight:700;}
.bunka.vybrana .fajka{display:flex;}
.bunka .zamka{position:absolute;top:5px;left:5px;font-size:.8rem;opacity:.85;}
.bunka.chyba{display:flex;align-items:center;justify-content:center;color:#ff8a6b;font-size:1.4rem;}

/* telefony */
.tel{padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--ciara);}
.tel .hore{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tel .meno{font-family:'Nunito',sans-serif;font-weight:700;color:#fff;font-size:1rem;}
.bodka{width:9px;height:9px;border-radius:50%;background:#555;display:inline-block;}
.bodka.ziva{background:var(--zel);box-shadow:0 0 8px var(--zel);}
.udaje{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:8px;font-family:'Nunito',sans-serif;font-size:.82rem;color:var(--sk);}
.oznam{padding:14px;border-radius:14px;background:rgba(77,255,143,.08);border:1px solid rgba(77,255,143,.3);
  font-family:'Nunito',sans-serif;margin-bottom:12px;}
.oznam .kod{font-family:'JetBrains Mono',monospace;font-size:1.6rem;letter-spacing:3px;color:var(--zel);font-weight:600;}

/* ulozisko */
.pruh{height:16px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden;margin:8px 0;}
.pruh>span{display:block;height:100%;background:linear-gradient(90deg,var(--zel),var(--tyrk));}
.pruh.plno>span{background:linear-gradient(90deg,var(--zlta),var(--cerv));}
.statky{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;}
.statok{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--ciara);}
.statok .cislo{font-family:'Nunito',sans-serif;font-weight:700;font-size:1.3rem;color:#fff;}
.statok .popis{font-family:'Nunito',sans-serif;font-size:.78rem;color:#9aa0d0;}

/* lupa */
.lupa{position:fixed;inset:0;z-index:40;background:rgba(5,5,16,.95);display:flex;align-items:center;justify-content:center;}
.lupa img{max-width:96vw;max-height:88vh;border-radius:12px;}
.lupa-zavri{position:absolute;top:12px;right:12px;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.2rem;}
.lupa-sip{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:48px;height:48px;padding:0;font-size:1.6rem;}
.lupa-vlavo{left:10px;} .lupa-vpravo{right:10px;}
.lupa-popis{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-family:'Nunito',sans-serif;
  font-size:.85rem;color:#fff;background:rgba(0,0,0,.5);padding:6px 14px;border-radius:12px;}

/* toast */
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;max-width:90vw;
  padding:11px 18px;border-radius:14px;font-family:'Nunito',sans-serif;font-size:.88rem;color:#fff;
  background:rgba(20,22,52,.96);border:1px solid rgba(92,168,255,.4);box-shadow:0 0 20px rgba(0,0,0,.5);}
.toast.zle{border-color:rgba(255,107,74,.5);}

@media (prefers-reduced-motion:reduce){*{transition:none!important;}}

/* heslo s okom */
.heslo-box{position:relative;display:block;}
.heslo-box input{padding-right:48px;}
.oko{position:absolute;right:6px;top:50%;transform:translateY(-35%);width:38px;height:38px;padding:0;
  border-radius:50%;background:transparent;border-color:transparent;font-size:1rem;}
.oko.zap{background:rgba(43,255,224,.15);border-color:rgba(43,255,224,.4);}
.tichy.maly{padding:6px 12px;font-size:.8rem;}

/* otacanie zobrazenia */
.mriezka.rot90 .bunka img{transform:rotate(90deg);}
.mriezka.rot180 .bunka img{transform:rotate(180deg);}
.mriezka.rot270 .bunka img{transform:rotate(270deg);}
.lupa.rot90 img{transform:rotate(90deg);max-width:88vh;max-height:96vw;}
.lupa.rot180 img{transform:rotate(180deg);}
.lupa.rot270 img{transform:rotate(270deg);max-width:88vh;max-height:96vw;}
.chyba-tel{color:#ff8a6b;margin:8px 0 0;}