/* ═══════════════════════════════════════════════
   POLSKIE RADIO LECHISTAN — v1.0.0
   Paleta: bakelit / krem / czerwień / musztarda / teal
   ═══════════════════════════════════════════════ */
:root{
  --bakelit:#211a13;
  --bakelit-2:#2d241a;
  --krem:#ece0c6;
  --krem-2:#e0d1af;
  --czerwien:#c3271c;
  --czerwien-neon:#ff4438;
  --musztarda:#d9a441;
  --teal:#3f7a6e;
  --pomarancz:#cf6a2d;
  --atrament:#241d15;
  --papier:#f2e8d0;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  background:var(--bakelit);
  color:var(--krem);
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.6;
  overflow-x:hidden;
}
img,svg{max-width:100%}
section,footer{scroll-margin-top:96px}
a{color:var(--musztarda)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px dashed var(--musztarda);outline-offset:3px}

/* ── Preloader: plansza kontrolna ── */
#testcard{
  position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;
  background:#111;transition:opacity .45s, visibility .45s;
}
#testcard.zdjeta{opacity:0;visibility:hidden}
.tc-bars{flex:1;display:flex}
.tc-bars span{flex:1}
.tc-bars span:nth-child(1){background:#c8c8c8}
.tc-bars span:nth-child(2){background:#c8c832}
.tc-bars span:nth-child(3){background:#32c8c8}
.tc-bars span:nth-child(4){background:#32c832}
.tc-bars span:nth-child(5){background:#c832c8}
.tc-bars span:nth-child(6){background:#c33}
.tc-bars span:nth-child(7){background:#3232c8}
.tc-label{
  padding:14px;text-align:center;background:#000;color:#ddd;
  font-family:'Courier New',monospace;font-size:.8rem;letter-spacing:.28em;
}

/* ── CRT overlays ── */
.crt-scan{
  position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.16;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.55) 2px 3px);
}
.crt-grain{
  position:fixed;inset:-50%;z-index:59;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:ziarno .42s steps(3) infinite;
}
@keyframes ziarno{
  0%{transform:translate(0,0)}33%{transform:translate(-2%,1.5%)}66%{transform:translate(1.5%,-2%)}100%{transform:translate(0,0)}
}

/* ── Header ── */
.top{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;
  padding:10px 22px;background:#171208;
  border-bottom:3px double var(--musztarda);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--krem)}
.logo{width:52px;height:52px;flex:none}
.lg-fala{animation:fala 2.2s ease-in-out infinite}
.lg-fala.f2{animation-delay:.35s}
@keyframes fala{0%,100%{opacity:.25}50%{opacity:1}}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-txt b{font-family:'Arial Black',Arial,sans-serif;font-size:.86rem;letter-spacing:.09em}
.brand-txt i{font-family:'Courier New',monospace;font-style:normal;font-size:.68rem;color:var(--musztarda);letter-spacing:.18em}
.nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.nav a{
  font-family:'Courier New',monospace;font-size:.82rem;letter-spacing:.1em;
  color:var(--krem);text-decoration:none;padding:7px 12px;border:1px solid transparent;
}
.nav a:hover{border-color:var(--musztarda);color:var(--musztarda);background:rgba(217,164,65,.08)}
.nocna{
  white-space:nowrap;
  font-family:'Courier New',monospace;font-size:.7rem;letter-spacing:.14em;
  color:#9db4ff;border:1px solid #4a5a9c;border-radius:999px;padding:5px 12px;
  animation:fala 3s ease-in-out infinite;
}

/* ── Hero ── */
.hero{position:relative;text-align:center;padding:64px 18px 70px;
  background:
    radial-gradient(60vw 40vh at 50% -6%, rgba(195,39,28,.25), transparent 60%),
    radial-gradient(48vw 30vh at 85% 30%, rgba(63,122,110,.12), transparent 70%),
    var(--bakelit);
}
.eyebrow{
  font-family:'Courier New',monospace;letter-spacing:.5em;font-size:.8rem;color:var(--musztarda);
  margin-bottom:18px;
}
.neon{
  font-family:'Arial Black',Arial,sans-serif;font-weight:900;line-height:.96;
  font-size:clamp(2.4rem,7.4vw,5.4rem);letter-spacing:.02em;color:var(--krem);
  text-transform:uppercase;
}
.neon span{
  color:var(--czerwien-neon);
  text-shadow:0 0 6px rgba(255,68,56,.8),0 0 24px rgba(255,68,56,.5),0 0 64px rgba(255,68,56,.35);
  animation:neonflicker 7s infinite;
}
@keyframes neonflicker{
  0%,86%,92%,100%{opacity:1}
  87%,88.5%{opacity:.45}
  89%,90%{opacity:.9}
  90.5%{opacity:.35}
}
.lead{max-width:36rem;margin:22px auto 0;color:var(--krem-2);font-size:1.06rem}
.lead b{color:var(--czerwien-neon)}

/* ── Radioodbiornik / player ── */
.radio-wrap{max-width:820px;margin:44px auto 0;position:relative}
.radio-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 34px rgba(0,0,0,.55));overflow:visible}
#wskazowka{transition:transform 1.6s cubic-bezier(.3,1.4,.4,1)}
.galka{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.galka:active{cursor:grabbing}
.galka-lapacz{cursor:grab}
.galka-znak{pointer-events:none}
#magiczne-oko{opacity:.35;transition:opacity .5s}
body.gra #magiczne-oko{opacity:1;animation:oko 1.7s ease-in-out infinite}
@keyframes oko{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.8)}}
#vu{}
#nowplaying{animation:migotanie 4s linear infinite}
@keyframes migotanie{0%,96%,100%{opacity:1}97%{opacity:.7}}
.wlacznik{
  margin-top:26px;display:inline-flex;align-items:center;gap:14px;
  font-family:'Arial Black',Arial,sans-serif;font-size:1.05rem;letter-spacing:.14em;
  color:var(--krem);background:linear-gradient(180deg,#a92318,#7c150d);
  border:3px solid #56100a;border-radius:10px;padding:16px 34px;cursor:pointer;
  box-shadow:0 8px 0 #470d07,0 16px 28px rgba(0,0,0,.5);
  transition:transform .12s, box-shadow .12s;
}
.wlacznik:hover{transform:translateY(-2px)}
.wlacznik:active,.wlacznik[aria-pressed="true"]{transform:translateY(5px);box-shadow:0 3px 0 #470d07,0 8px 16px rgba(0,0,0,.5)}
.wl-lampka{width:13px;height:13px;border-radius:50%;background:#511;box-shadow:inset 0 0 3px #000;transition:.3s}
body.gra .wl-lampka{background:#7dff9e;box-shadow:0 0 12px #7dff9e}
body.gra .wl-txt::after{content:" ▮▮"}
.live-info{margin-top:16px;font-family:'Courier New',monospace;font-size:.82rem;color:var(--krem-2);letter-spacing:.06em}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#666;vertical-align:1px}
body.gra .live-dot{background:var(--czerwien-neon);animation:fala 1.2s infinite}

/* ── Ticker ── */
.ticker{overflow:hidden;background:var(--czerwien);border-block:3px solid #7c150d}
.ticker-track{display:flex;white-space:nowrap;width:max-content;animation:tick 38s linear infinite}
.ticker-track span{
  font-family:'Courier New',monospace;font-size:.9rem;letter-spacing:.08em;color:#ffe9d8;
  padding:10px 0;padding-right:60px;
}
@keyframes tick{to{transform:translateX(-50%)}}

/* ── Sekcje wspólne ── */
.tytul{
  font-family:'Arial Black',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(1.5rem,3.6vw,2.4rem);text-align:center;color:var(--atrament);
}
.tytul span{
  background:var(--czerwien);color:var(--krem);padding:2px 14px;
  box-shadow:6px 6px 0 var(--atrament);display:inline-block;transform:rotate(-1.2deg);
}
.tytul-jasny{color:var(--krem)}
.pod-tytul{text-align:center;font-family:'Courier New',monospace;font-size:.85rem;color:#6d5c3f;margin:14px 0 34px;letter-spacing:.06em}
.pod-jasny{color:var(--krem-2)}

/* ── Ramówka ── */
.ramowka{background:var(--papier);padding:64px 18px;
  background-image:repeating-linear-gradient(0deg,transparent 0 30px,rgba(36,29,21,.045) 30px 31px);}
.ram-tab{
  width:min(860px,100%);margin:0 auto;border-collapse:collapse;color:var(--atrament);
  font-family:'Courier New',monospace;font-size:.95rem;background:var(--papier);
  border:3px solid var(--atrament);box-shadow:10px 10px 0 rgba(36,29,21,.25);
}
.ram-tab th{
  background:var(--atrament);color:var(--papier);text-align:left;padding:12px 16px;
  letter-spacing:.14em;font-size:.78rem;
}
.ram-tab td{padding:12px 16px;border-top:1px dashed rgba(36,29,21,.4);vertical-align:top}
.ram-tab td:first-child{font-weight:bold;white-space:nowrap;color:var(--czerwien)}
.ram-tab tbody tr:hover{background:rgba(217,164,65,.18)}

/* ── Pasek technikolor ── */
.tk-strip{display:flex;height:16px}
.tk-strip span{flex:1}
.tk-strip span:nth-child(1){background:#c8c8c8}.tk-strip span:nth-child(2){background:#c8c832}
.tk-strip span:nth-child(3){background:#32c8c8}.tk-strip span:nth-child(4){background:#32c832}
.tk-strip span:nth-child(5){background:#c832c8}.tk-strip span:nth-child(6){background:#c33}
.tk-strip span:nth-child(7){background:#3232c8}

/* ── Audycje ── */
.audycje{background:var(--bakelit-2);padding:64px 18px 76px}
.audycje .tytul{color:var(--krem)}
.audycje .karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;width:min(1020px,100%);margin:40px auto 0}
.karta{
  padding:28px 24px 20px;color:var(--atrament);position:relative;
  box-shadow:8px 8px 0 rgba(0,0,0,.45);transform:rotate(-.6deg);
  transition:transform .2s;
}
.karta:nth-child(2){transform:rotate(.8deg)}
.karta:nth-child(3){transform:rotate(-.3deg)}
.karta:hover{transform:rotate(0) translateY(-6px)}
.k-czerwona{background:linear-gradient(160deg,#d5493c,#b02418);color:#ffe9d8}
.k-musztarda{background:linear-gradient(160deg,#e4b658,#c58f26)}
.k-teal{background:linear-gradient(160deg,#4f9183,#33655a);color:#eaf4ef}
.k-num{font-family:'Courier New',monospace;font-size:.68rem;letter-spacing:.3em;opacity:.85;margin-bottom:12px}
.karta h3{font-family:'Arial Black',Arial,sans-serif;font-size:1.35rem;text-transform:uppercase;line-height:1.1;margin-bottom:12px}
.karta p{font-size:.95rem}
.k-stopka{margin-top:18px;padding-top:12px;border-top:1px dashed currentColor;font-family:'Courier New',monospace;font-size:.72rem;letter-spacing:.12em}

/* ── Wkrótce w eterze ── */
.wkrotce{background:var(--papier);padding:64px 18px 72px;
  background-image:repeating-linear-gradient(0deg,transparent 0 30px,rgba(36,29,21,.045) 30px 31px);}
.wk-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;width:min(1080px,100%);margin:38px auto 0}
.wk-poz{
  position:relative;background:var(--papier);border:2px solid var(--atrament);
  padding:26px 22px 22px;color:var(--atrament);box-shadow:6px 6px 0 rgba(36,29,21,.22);
}
.wk-poz h3{font-family:'Arial Black',Arial,sans-serif;font-size:1.02rem;text-transform:uppercase;margin-bottom:10px;line-height:1.25}
.wk-poz p{font-size:.92rem}
.wk-stempel{
  position:absolute;top:-12px;right:14px;transform:rotate(6deg);
  font-family:'Courier New',monospace;font-weight:bold;font-size:.68rem;letter-spacing:.22em;
  color:var(--czerwien);border:2px solid var(--czerwien);border-radius:4px;padding:3px 9px;
  background:var(--papier);opacity:.92;
}

/* ── Ulica ── */
.ulica{padding:64px 0 0;background:var(--bakelit)}
.scena-wrap{margin-top:36px}
.scena{display:block;width:100%;height:auto}
.neon-kino text{animation:neonflicker 5.5s infinite}
.neon-bar text{animation:neonflicker 9s infinite reverse}
#ogon{transform-origin:354px 330px;animation:ogon 3.2s ease-in-out infinite}
@keyframes ogon{0%,100%{transform:rotate(0)}50%{transform:rotate(14deg)}}

/* ── Stopka ── */
.stopka{
  background:#17120c;border-top:3px double var(--musztarda);
  padding:52px 22px 30px;display:grid;gap:30px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  width:100%;max-width:1080px;margin:0 auto;
}
.logo-st{width:74px;height:74px}
.stopka h4{font-family:'Arial Black',Arial,sans-serif;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--musztarda);margin-bottom:10px}
.stopka p{font-size:.92rem;color:var(--krem-2)}
.st-dol{
  grid-column:1/-1;border-top:1px dashed rgba(236,224,198,.25);padding-top:18px;
  font-family:'Courier New',monospace;font-size:.72rem;letter-spacing:.08em;color:#9a8c72;text-align:center;
}
.st-pcs{color:var(--musztarda)}

/* ── Pinky overlay (?pinky=1) ── */
#pinky-overlay{
  position:fixed;right:14px;bottom:14px;z-index:80;background:#17120c;color:var(--krem);
  border:2px solid var(--musztarda);border-radius:10px;padding:14px 18px;
  font-family:'Courier New',monospace;font-size:.75rem;max-width:320px;box-shadow:0 12px 30px rgba(0,0,0,.6);
}

/* ── Konami: maluch tęczowy ── */
body.konami #maluch path:first-child{fill:url(#niebo)}
body.konami .crt-grain{opacity:.1}
body.konami .neon span{animation-duration:1.2s}

/* ── Mobile ── */
@media(max-width:760px){
  section,footer{scroll-margin-top:150px}
  .top{flex-wrap:wrap;gap:10px;padding:10px 14px}
  .nav{margin-left:0;width:100%;justify-content:space-between}
  .nav a{padding:6px 6px;font-size:.74rem}
  .brand-txt b{font-size:.74rem}
  .hero{padding:44px 14px 54px}
  .ram-tab{font-size:.8rem}
  .ram-tab th,.ram-tab td{padding:9px 10px}
  .stopka{text-align:left}
}
@media(max-width:430px){
  .nocna{display:none}
  .ticker-track span{font-size:.78rem}
}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .crt-grain{display:none}
}

/* ── Pogoda: biuro prognoz ── */
.pogoda{background:var(--bakelit);padding:34px 18px 10px;display:flex;justify-content:center}
.pg-karta{
  width:min(700px,100%);background:#1b2a1e;border:3px solid #3f5a45;border-radius:12px;
  padding:18px 22px;box-shadow:8px 8px 0 rgba(0,0,0,.4);
}
.pg-naglowek{font-family:'Courier New',monospace;font-size:.72rem;letter-spacing:.22em;color:#8fbf9b;margin-bottom:12px}
.pg-tresc{display:flex;align-items:center;gap:20px}
.pg-tresc b{font-family:'Arial Black',Arial,sans-serif;font-size:2.6rem;color:#d9f2de;text-shadow:0 0 14px rgba(125,255,158,.35)}
.pg-info{font-family:'Courier New',monospace;color:#c9e2cf;font-size:.92rem;line-height:1.5}
.pg-info small{color:#8fbf9b}
.pg-btn{
  margin-top:14px;background:none;border:1px dashed #5d8a68;border-radius:8px;color:#a9d4b3;
  font-family:'Courier New',monospace;font-size:.74rem;letter-spacing:.06em;padding:8px 14px;cursor:pointer;
}
.pg-btn:hover{background:rgba(125,255,158,.08);color:#d9f2de}
.pg-btn[disabled]{opacity:.5;cursor:default}

/* ── Breaking: Lechi News (dolny pasek) ── */
body{padding-bottom:44px}
.breaking{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:stretch;
  background:#7c150d;border-top:3px solid #56100a;height:44px;
}
.br-label{
  flex:none;display:flex;align-items:center;padding:0 16px;background:var(--czerwien);
  color:#fff;font-family:'Arial Black',Arial,sans-serif;font-size:.8rem;letter-spacing:.1em;
  text-decoration:none;border-right:3px solid #56100a;white-space:nowrap;
}
.br-label:hover{background:#e04a3a}
.br-okno{flex:1;overflow:hidden;display:flex;align-items:center}
.br-track{display:flex;white-space:nowrap;width:max-content;animation:tick 120s linear infinite}
.br-track span{
  font-family:'Courier New',monospace;font-size:.86rem;letter-spacing:.04em;color:#ffe9d8;padding-right:70px;
}
.br-track a{color:#ffe9d8;text-decoration:none}
.br-track a:hover{text-decoration:underline}
#pinky-overlay{bottom:58px}
@media(max-width:520px){.br-label{font-size:.68rem;padding:0 10px}.br-track span{font-size:.76rem}}

/* ── Wyróżnienie Lechi News w menu ── */
.nav .nav-lechi{
  color:var(--musztarda);border-color:rgba(217,164,65,.55);
  background:rgba(217,164,65,.10);
}
.nav .nav-lechi:hover{background:rgba(217,164,65,.2);color:#f2d79a}

/* ── Przycisk + panel NA ŻYWO ── */
.nav-live{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  font-family:'Courier New',monospace;font-size:.82rem;letter-spacing:.1em;
  color:var(--czerwien-neon);background:rgba(195,39,28,.12);
  border:1px solid rgba(255,68,56,.5);padding:6px 12px;
}
.nav-live:hover{background:rgba(195,39,28,.22)}
.nav-live .lv-kropka{width:8px;height:8px;border-radius:50%;background:var(--czerwien-neon);box-shadow:0 0 8px var(--czerwien-neon);animation:fala 1.2s infinite}
.nav-live .lv-strzalka{transition:transform .25s}
.nav-live[aria-expanded="true"] .lv-strzalka{transform:rotate(180deg)}

.live-panel{
  position:fixed;top:0;right:0;z-index:49;width:min(400px,92vw);max-height:calc(100vh - 60px);overflow-y:auto;
  background:linear-gradient(180deg,#1c1610,#241d15);border-left:3px double var(--musztarda);
  border-bottom:3px double var(--musztarda);box-shadow:-14px 20px 50px rgba(0,0,0,.6);
  transform:translateY(-12px);opacity:0;transition:transform .28s,opacity .28s;
}
.live-panel:not([hidden]){transform:translateY(0);opacity:1}
.live-panel[hidden]{display:none}
.lv-wnetrze{padding:22px 22px 24px}
.lv-sekcja{margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed rgba(217,164,65,.25)}
.lv-etk{display:block;font-family:'Courier New',monospace;font-size:.68rem;letter-spacing:.2em;color:var(--musztarda);margin-bottom:8px}
.lv-teraz .lv-etk{color:var(--czerwien-neon)}
.lv-sekcja b{display:block;font-family:Georgia,serif;font-size:1.12rem;color:var(--krem);line-height:1.3}
.lv-pasek{height:6px;background:rgba(255,255,255,.1);border-radius:3px;margin:11px 0 6px;overflow:hidden}
.lv-pasek span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--czerwien),var(--czerwien-neon));transition:width 1s linear}
.lv-czas{font-family:'Courier New',monospace;font-size:.74rem;color:var(--krem-2)}
.lv-nast{color:#9bd6c0}
.lv-hist{color:#c9b58a}
.lv-lista{list-style:none;counter-reset:h}
.lv-lista li{counter-increment:h;font-family:Georgia,serif;font-size:.94rem;color:var(--krem-2);padding:5px 0 5px 26px;position:relative;border-bottom:1px dotted rgba(255,255,255,.08)}
.lv-lista li::before{content:counter(h);position:absolute;left:0;top:5px;font-family:'Courier New',monospace;font-size:.72rem;color:var(--musztarda)}
.lv-stopka{font-family:'Courier New',monospace;font-size:.68rem;color:var(--mute);letter-spacing:.04em;line-height:1.5}
@media(max-width:520px){.live-panel{width:100vw;border-left:0}.lv-wnetrze{padding-top:20px}}

/* ── Czat słuchaczy: FAB + popup ── */
.czat-fab{
  position:fixed;right:18px;bottom:58px;z-index:75;display:inline-flex;align-items:center;gap:9px;
  background:linear-gradient(180deg,#a92318,#7c150d);color:#fff;border:2px solid #56100a;border-radius:999px;
  padding:11px 18px;cursor:pointer;font-family:'Arial Black',Arial,sans-serif;font-size:.85rem;letter-spacing:.06em;
  box-shadow:0 8px 22px rgba(0,0,0,.5);transition:transform .15s}
.czat-fab:hover{transform:translateY(-2px)}
.czat-fab-ikona{font-size:1.1rem}
.czat-badge{background:var(--musztarda);color:#17120c;font-size:.68rem;border-radius:999px;padding:1px 7px;font-family:'Courier New',monospace}
.czat-popup{
  position:fixed;right:18px;bottom:58px;z-index:80;width:min(370px,92vw);height:min(560px,76vh);
  display:flex;flex-direction:column;background:#1c1610;border:2px solid var(--musztarda);border-radius:16px;
  overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:cz-in .24s cubic-bezier(.2,.9,.3,1)}
.czat-popup[hidden]{display:none}
@keyframes cz-in{from{opacity:0;transform:translateY(20px) scale(.97)}}
.cz-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#171208;border-bottom:2px solid rgba(217,164,65,.4)}
.cz-head b{font-family:'Arial Black',Arial,sans-serif;font-size:.86rem;color:var(--krem)}
.cz-online{margin-left:auto;font-family:'Courier New',monospace;font-size:.7rem;color:var(--krem-2);display:flex;align-items:center;gap:5px}
.cz-online-dot{width:8px;height:8px;border-radius:50%;background:var(--czerwien-neon);box-shadow:0 0 7px var(--czerwien-neon);animation:fala 1.4s infinite}
.cz-head-x{background:none;border:1px solid var(--musztarda);color:var(--krem);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.8rem}
.cz-head-x:hover{background:var(--czerwien);border-color:var(--czerwien)}

.cz-auth{padding:18px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.cz-auth-info{font-family:Georgia,serif;font-size:.88rem;color:var(--krem-2);line-height:1.5}
.cz-taby{display:flex;gap:6px}
.cz-tab{flex:1;background:#100a06;border:1px solid rgba(217,164,65,.3);color:var(--krem-2);padding:8px;cursor:pointer;
  font-family:'Courier New',monospace;font-size:.78rem;border-radius:7px}
.cz-tab-akt{background:rgba(217,164,65,.18);color:var(--musztarda);border-color:var(--musztarda)}
#cz-form-auth{display:flex;flex-direction:column;gap:10px}
#cz-form-auth input{background:#100a06;border:1px solid rgba(217,164,65,.3);color:var(--krem);padding:11px 13px;
  border-radius:8px;font-family:inherit;font-size:.95rem}
#cz-form-auth input:focus{outline:none;border-color:var(--musztarda)}
#cz-auth-btn{background:linear-gradient(180deg,#a92318,#7c150d);color:#fff;border:0;padding:11px;border-radius:8px;
  cursor:pointer;font-family:'Arial Black',Arial,sans-serif;letter-spacing:.06em}
#cz-auth-btn:disabled{opacity:.5;cursor:wait}
.cz-auth-blad{color:var(--czerwien-neon);font-size:.82rem;font-family:'Courier New',monospace;min-height:1em}

.cz-chat{flex:1;display:flex;flex-direction:column;min-height:0}
.cz-lista{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cz-wiad{background:#241d15;border-radius:10px;padding:8px 12px;max-width:88%}
.cz-wiad.moja{align-self:flex-end;background:#3a2418;border:1px solid rgba(217,164,65,.3)}
.cz-wiad-nick{font-family:'Arial Black',Arial,sans-serif;font-size:.72rem;color:var(--musztarda);margin-bottom:2px}
.cz-wiad.moja .cz-wiad-nick{color:var(--czerwien-neon)}
.cz-wiad-tresc{font-family:Georgia,serif;font-size:.94rem;color:var(--krem);word-wrap:break-word}
.cz-wiad-czas{font-family:'Courier New',monospace;font-size:.62rem;color:var(--mute);margin-top:3px}
.cz-form-msg{display:flex;gap:8px;padding:10px 12px;border-top:2px solid rgba(217,164,65,.3);background:#171208}
.cz-form-msg input{flex:1;background:#100a06;border:1px solid rgba(217,164,65,.3);color:var(--krem);padding:10px 13px;
  border-radius:999px;font-family:inherit;font-size:.94rem}
.cz-form-msg input:focus{outline:none;border-color:var(--musztarda)}
.cz-form-msg button{background:var(--czerwien);color:#fff;border:0;width:42px;border-radius:50%;cursor:pointer;font-size:1rem}
.cz-form-msg button:hover{background:var(--czerwien-neon)}
.cz-stopka{padding:7px 14px;font-family:'Courier New',monospace;font-size:.68rem;color:var(--mute);background:#171208}
.cz-stopka b{color:var(--musztarda)}
.cz-stopka button{background:none;border:0;color:var(--czerwien-neon);cursor:pointer;text-decoration:underline;font-family:inherit;font-size:.68rem}
@media(max-width:520px){.czat-popup{right:2vw;left:2vw;width:96vw;bottom:52px}}

/* ── Wyróżnienie „Pobierz apkę" w menu ── */
.nav .nav-pobierz{
  color:#fff;background:linear-gradient(180deg,#2fae57,#1e7d3d);
  border-color:#155e2c;font-weight:bold;
  box-shadow:0 3px 10px rgba(47,174,87,.35);
}
.nav .nav-pobierz:hover{background:linear-gradient(180deg,#3ec368,#249048);color:#fff}

/* ── Przycisk + popup „Zaproponuj piosenkę" ── */
.cz-propozycja-btn{width:calc(100% - 24px);margin:0 12px 8px;background:linear-gradient(180deg,#2fae57,#1e7d3d);
  color:#fff;border:0;padding:9px;border-radius:8px;cursor:pointer;font-family:'Arial Black',Arial,sans-serif;
  font-size:.78rem;letter-spacing:.04em}
.cz-propozycja-btn:hover{background:linear-gradient(180deg,#3ec368,#249048)}
.prop-popup{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}
.prop-tlo{position:fixed;inset:0;background:rgba(20,15,10,.72);backdrop-filter:blur(2px)}
.prop-karta{position:relative;z-index:1;width:min(420px,94vw);background:#1c1610;border:2px solid var(--musztarda);
  border-radius:14px;padding:24px 22px;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:cz-in .25s}
.prop-x{position:absolute;right:12px;top:12px;background:none;border:1px solid var(--musztarda);color:var(--krem);
  width:30px;height:30px;border-radius:6px;cursor:pointer}
.prop-x:hover{background:var(--czerwien);border-color:var(--czerwien)}
.prop-karta h3{font-family:'Arial Black',Arial,sans-serif;color:var(--krem);margin-bottom:8px;font-size:1.15rem}
.prop-info{font-family:Georgia,serif;font-size:.9rem;color:var(--krem-2);line-height:1.5;margin-bottom:16px}
.prop-karta label{display:block;font-family:'Courier New',monospace;font-size:.72rem;letter-spacing:.08em;color:var(--musztarda);margin:10px 0 5px;text-transform:uppercase}
.prop-karta input{width:100%;background:#100a06;border:1px solid rgba(217,164,65,.4);color:var(--krem);
  padding:10px 12px;border-radius:8px;font-family:inherit;font-size:.94rem}
.prop-karta input:focus{outline:none;border-color:var(--musztarda)}
#prop-hp{position:absolute;left:-9999px}
#prop-wyslij{width:100%;margin-top:16px;background:linear-gradient(180deg,#2fae57,#1e7d3d);color:#fff;border:0;
  padding:12px;border-radius:8px;cursor:pointer;font-family:'Arial Black',Arial,sans-serif;letter-spacing:.05em}
#prop-wyslij:hover{background:linear-gradient(180deg,#3ec368,#249048)}
#prop-wyslij:disabled{opacity:.5;cursor:wait}
.prop-status{margin-top:10px;font-family:'Courier New',monospace;font-size:.82rem;text-align:center;min-height:1em}