/* =========================
       Motyw: pastel-anime ✨
       ========================= */
    :root{
      /* Paleta pastelowa (róż + lawenda + biel) */
      --pink:#ff9bd5;
      --pink-2:#ff7cc2;
      --lav:#c8b6ff;
      --lav-2:#b8a4ff;
      --cream:#fff4fb;
      --text:#ffeefe;
      --muted:#ffd7ef;

      --card:rgba(255,255,255,0.14);
      --card-strong:rgba(255,255,255,0.22);

      --radius:20px;
      --maxw:1180px;

      /* Poświaty w pastelach */
      --shadow-neon:
        0 0 10px color-mix(in srgb, var(--pink) 60%, transparent),
        0 0 26px color-mix(in srgb, var(--lav) 60%, transparent);
      --glow-strong:
        0 0 14px var(--pink),
        0 0 40px var(--lav);

      --live-red:#ff4b6e;
      --offline:#bda9c4;
    }

    *{box-sizing:border-box}
    html,body{margin:0;height:100%}

    /* Tło: miękki gradient + półprzezroczyste gwiazdki (SVG pattern) */
    body{
      font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text);
      background:
        radial-gradient(1200px 800px at 70% 10%, rgba(255,255,255,.10), transparent 60%),
        radial-gradient(900px 700px at 10% 30%, rgba(255,155,213,.16), transparent 60%),
        linear-gradient(180deg, #ffecf7 0%, #ffe6ff 35%, #f4eaff 100%) fixed;
      /* delikatny wzorek gwiazdek */
      background-image:
        radial-gradient(1200px 800px at 70% 10%, rgba(255,255,255,.10), transparent 60%),
        radial-gradient(900px 700px at 10% 30%, rgba(255,155,213,.16), transparent 60%),
        url("data:image/svg+xml;utf8, \
          <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'> \
            <g fill='none' stroke='%23ffc3e6' stroke-width='1.2' stroke-linecap='round' opacity='0.55'> \
              <path d='M10 20 l5 5 l-5 5 l-5 -5 z'/> \
              <path d='M60 10 l4 6 l-4 6 l-4 -6 z'/> \
              <path d='M100 40 l5 5 l-5 5 l-5 -5 z'/> \
              <path d='M30 90 l6 4 l-6 4 l-6 -4 z'/> \
              <path d='M85 85 l5 5 l-5 5 l-5 -5 z'/> \
            </g> \
          </svg>");
      background-size: auto, auto, 220px 220px;
      background-repeat: no-repeat, no-repeat, repeat;
      overflow-x:hidden;
      transition: background-position .15s ease-out;
    }

    a{color:inherit;text-decoration:none}

    /* Pasek NEWS + badge LIVE */
    .ticker{
      position:sticky; top:0; z-index:50; backdrop-filter: blur(10px) saturate(120%);
      background:linear-gradient(90deg, rgba(255,255,255,.35), rgba(255,255,255,.18));
      border-bottom:1px solid rgba(255, 155, 213, .55);
      min-height:56px; display:flex; align-items:center; gap:14px
    }
    .ticker .label{
      margin-left:12px; font-weight:900; letter-spacing:.14em; font-size:12px; color:#ff66b4;
      text-shadow:0 0 10px rgba(255,155,213,.8);
      display:flex; flex-direction:column; align-items:flex-start; line-height:1
    }
    .liveBadge{margin-top:4px; font-size:12px; font-weight:800; display:flex; align-items:center; gap:8px}
    .liveBadge .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
    .liveBadge.on{color:var(--live-red)}
    .liveBadge.on .dot{background:var(--live-red); box-shadow:0 0 10px var(--live-red),0 0 20px var(--live-red); animation:blink 1s infinite}
    .liveBadge.off{color:var(--offline)}
    .liveBadge.off .dot{background:var(--offline)}
    @keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}

    .ticker .mask{overflow:hidden; flex:1}
    .ticker .track{display:flex; width:max-content; animation: marquee2 28s linear infinite}
    .ticker .row{display:flex; gap:26px; padding:0 12px}
    .ticker .item{
      opacity:.96; background: rgba(255,255,255,.45); color:#d3369f;
      padding:6px 12px; border-radius:999px; border:1px solid rgba(255,155,213,.45);
      box-shadow:0 2px 14px rgba(255,118,189,.18)
    }
    @keyframes marquee2{ from{ transform: translateX(0)} to{ transform: translateX(-50%)} }

    main{max-width:var(--maxw); margin:56px auto 120px; padding:0 18px}

    /* LOGO pastel */
    .logo{margin:46px auto 18px; text-align:center; position:relative; user-select:none}
    .logo h1{
      font-family: Comfortaa, Poppins, sans-serif;
      font-size: clamp(42px, 8vw, 86px);
      font-weight: 700; letter-spacing: .04em; color:#ff73bf;
      text-shadow: var(--glow-strong);
      filter: drop-shadow(0 4px 24px rgba(255,155,213,.35));
    }
    .sparkles{position:absolute; inset:0; pointer-events:none}
    .sparkles i{
      position:absolute; width:8px; height:8px; border-radius:50%;
      background: var(--pink);
      box-shadow: 0 0 8px var(--pink), 0 0 16px var(--lav);
      animation: twinkle 2.6s ease-in-out infinite; opacity:.9
    }
    @keyframes twinkle{ 0%,100%{transform:scale(.6); opacity:.55} 50%{transform:scale(1.25); opacity:1} }

    /* SOCIALS (pastel-chips) */
    .socials{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin: 22px 0 40px}
    .chip{
      display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px;
      border:1px solid rgba(255,155,213,.55); background: rgba(255,255,255,.55);
      color:#b42a76; backdrop-filter: blur(10px) saturate(120%);
      transition:.22s transform, .22s box-shadow
    }
    .chip:hover{transform:translateY(-2px) scale(1.05); box-shadow: var(--shadow-neon)}
    .chip img{width:18px; height:18px; object-fit:contain}

    /* Karty / grid */
    .card{
      background:var(--card); border:1px solid rgba(255,155,213,.45);
      border-radius:var(--radius); box-shadow:0 12px 40px rgba(153,95,141,.25);
      backdrop-filter: blur(10px) saturate(120%); overflow:hidden
    }
    .section{margin:40px 0}

    .zone{
      display:inline-block; margin:26px 0 10px; text-align:left; font-size:12px; font-weight:900;
      letter-spacing:.22em; color:#d33692; padding:6px 10px; border:1px solid rgba(255,155,213,.6);
      border-radius:999px; background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.4));
      box-shadow: 0 0 14px rgba(255,155,213,.25)
    }
    .zone::before{
      content:""; display:inline-block; width:10px; height:10px; margin-right:8px; border-radius:3px;
      background: linear-gradient(180deg, var(--pink), var(--lav)); box-shadow:0 0 12px var(--pink)
    }

    /* GALERIA INSTAGRAM */
    .mela-gallery{ padding:14px; outline:none; }
    .mela-gallery:focus-visible{ border-color:var(--pink); box-shadow:0 0 0 4px rgba(255,155,213,.2),var(--shadow-neon); }
    .gallery-stage{ position:relative; min-height:620px; overflow:hidden; border-radius:16px; background:linear-gradient(145deg,#f4cae2,#d7c7fa); touch-action:pan-y; }
    .gallery-stage::after{ content:""; position:absolute; z-index:2; inset:auto 0 0; height:100px; pointer-events:none; background:linear-gradient(transparent,rgba(55,22,48,.56)); }
    .gallery-loading{ position:absolute; inset:0; display:grid; place-items:center; color:#9e367a; font-weight:700; }
    .gallery-slide{ position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.015); transition:opacity .55s ease,transform 6s ease; pointer-events:none; }
    .gallery-slide.active{ opacity:1; transform:scale(1); }
    .gallery-meta{ position:absolute; z-index:4; top:14px; left:14px; right:14px; display:flex; justify-content:space-between; gap:10px; pointer-events:none; }
    .gallery-counter,.gallery-post-link{ padding:8px 11px; border-radius:999px; border:1px solid rgba(255,255,255,.58); color:#fff; background:rgba(76,28,64,.6); backdrop-filter:blur(10px); font-size:11px; font-weight:800; box-shadow:0 7px 24px rgba(74,28,62,.2); }
    .gallery-post-link{ pointer-events:auto; text-decoration:none; transition:transform .18s ease,background .18s ease; }
    .gallery-post-link:hover{ transform:translateY(-2px); background:rgba(211,54,159,.72); }
    .gallery-arrow{ position:absolute; z-index:4; top:50%; width:46px; height:46px; transform:translateY(-50%); border:1px solid rgba(255,255,255,.52); border-radius:14px; color:#fff; background:rgba(77,29,66,.55); backdrop-filter:blur(10px); font-size:30px; line-height:1; cursor:pointer; box-shadow:0 8px 26px rgba(74,28,62,.2); transition:transform .18s ease,background .18s ease; }
    .gallery-arrow:hover,.gallery-arrow:focus-visible{ background:rgba(211,54,159,.72); transform:translateY(-50%) scale(1.06); }
    .gallery-prev{ left:14px; }.gallery-next{ right:14px; }
    .gallery-thumbs{ display:flex; gap:8px; margin-top:11px; padding:4px 2px 7px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:var(--pink) rgba(255,255,255,.2); }
    .gallery-thumb{ flex:0 0 56px; width:56px; height:64px; padding:0; overflow:hidden; scroll-snap-align:center; border:2px solid rgba(255,155,213,.42); border-radius:12px; background:#f7d9e9; opacity:.62; cursor:pointer; transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
    .gallery-thumb img{ width:100%; height:100%; object-fit:cover; pointer-events:none; }
    .gallery-thumb.active,.gallery-thumb:hover,.gallery-thumb:focus-visible{ opacity:1; transform:translateY(-2px); border-color:var(--pink-2); box-shadow:0 0 15px rgba(255,124,194,.5); }
    .gallery-profiles{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:9px; }
    .gallery-profiles a{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid rgba(255,155,213,.42); border-radius:14px; color:#ad327c; background:rgba(255,255,255,.42); transition:transform .18s ease,background .18s ease; }
    .gallery-profiles a:hover{ transform:translateY(-2px); background:rgba(255,255,255,.62); }
    .gallery-profiles span{ color:#a76c93; font-size:11px; }

    /* STREAM + CHAT */
    .grid{display:grid; gap:24px}
    @media(min-width: 980px){ .grid.stream{grid-template-columns: 1.8fr 1fr} }
    .frame{aspect-ratio:16/9; width:100%; border-radius:calc(var(--radius) - 2px); border:2px solid rgba(255,155,213,.75); box-shadow: var(--shadow-neon); overflow:hidden; background: #000}
    .frame iframe{display:block; width:100%; height:100%; border:0}

    /* Mini donate */
    .mini-donate{
      text-align:center; padding:10px;
      background:linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.28));
      border-top:1px solid rgba(255,155,213,.45);
      color:#d3369f;
    }
    .mini-btn{
      display:inline-block; font-size:13px; padding:10px 18px; border-radius:12px;
      background: rgba(255,255,255,.6); border:1px solid rgba(255,155,213,.8);
      color:#d3369f; text-decoration:none; letter-spacing:.04em; font-weight:800;
      box-shadow: 0 0 8px rgba(255,118,189,.18);
      transition:.18s transform, .18s box-shadow;
    }
    .mini-btn:hover{ transform:translateY(-1px) scale(1.03); box-shadow: var(--shadow-neon); }
    .pay-note{font-size:11px; color:#a76c93; margin-top:6px; line-height:1.35}

    /* Notka pod czatem */
    .chat-note{ font-size:11px; color:#a76c93; margin-top:-16px; margin-bottom:10px; }
    @media(min-width:980px){ .chat-note{ grid-column:2; text-align:left; padding-left:4px; } }
    @media(max-width:979px){ .chat-note{ margin-top:8px; margin-bottom:6px; font-size:10.5px } }

    /* RADIO (kolory pastel) */
    .radio{display:flex; align-items:center; gap:16px; padding:14px}
    .radio .cover{ position:relative; display:grid; width:56px; height:56px; place-items:center; overflow:hidden; flex:0 0 auto; border-radius:12px; border:1px solid rgba(255,155,213,.65); color:#fff; background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.48),transparent 34%),linear-gradient(135deg,var(--pink-2),var(--lav-2)); box-shadow:0 0 18px rgba(255,124,194,.28); }
    .radio .cover::after{ content:""; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.42); border-radius:50%; }
    .radio .cover span{ position:relative; z-index:1; font-size:22px; text-shadow:0 0 10px rgba(255,255,255,.7); }
    .radio .meta{flex:1; min-width:0}
    .radio h3{margin:0 0 4px; font-size:18px; color:#d3369f}
    .radio .marquee{font-size:14px; color:#a76c93; white-space:nowrap; overflow:hidden; position:relative}
    .radio .marquee span{display:inline-block; padding-left:100%; animation: marquee 14s linear infinite}
    @keyframes marquee{from{transform:translateX(0)} to{transform:translateX(-100%)} }
    .radio .controls{display:flex; gap:10px}
    .btn{
      display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%;
      border:2px solid rgba(255,155,213,.85); box-shadow: var(--shadow-neon); background: rgba(255,255,255,.6); cursor:pointer; transition:.2s transform
    }
    .btn:hover{transform: scale(1.08)}
    .btn svg{width:20px; height:20px; fill:var(--pink)}

    /* WSPÓŁPRACE */
    .partners{ display:grid; justify-content:center; gap:16px; }
    .partner{ display:grid; grid-template-columns:260px minmax(0,1fr); width:min(720px,100%); overflow:hidden; color:#7a2f58; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
    .partner:hover{ transform:translateY(-5px); border-color:rgba(255,124,194,.82); box-shadow:0 22px 55px rgba(153,55,120,.28),var(--shadow-neon); }
    .partner-visual{ position:relative; display:grid; aspect-ratio:1; margin:0; place-items:center; overflow:hidden; background:#171621; border-bottom:1px solid rgba(255,155,213,.38); }
    .partner-art{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
    .partner-copy{ align-self:center; padding:clamp(22px,4vw,38px); }
    .partner-copy > span{ color:#d3369f; font-size:10px; font-weight:900; letter-spacing:.18em; }
    .partner-copy h3{ margin:8px 0 6px; color:#9f2871; font-size:clamp(22px,3vw,30px); }
    .partner-copy p{ margin:0; color:#9e5c86; font-size:13px; line-height:1.6; }
    .partner-copy .button{ display:inline-block; margin-top:14px; font-size:12px; }
    .button{
      border:1.5px solid rgba(255,155,213,.85); padding:10px 14px; border-radius:999px;
      box-shadow: var(--shadow-neon); transition:transform .18s ease-out; background:rgba(255,255,255,.6); color:#d3369f; font-weight:800
    }
    .button:hover{transform:scale(1.06)}
    img{max-width:100%; height:auto}

    /* KONTAKT + FOOTER */
.contact {
  font-size: 14px; /* większy tekst */
  color: #9e367a; /* ciemniejszy, bardziej czytelny fiolet */
  text-align: center;
  line-height: 1.8;
  font-weight: 600; /* lekko pogrubiony */
  padding: 10px 0;
}

.contact a {
  color: #d3369f; /* jaskrawy pastelowy róż */
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact a:hover {
  color: #d3367f; /* mocniejszy odcień przy hoverze */
  text-decoration: underline;
}

.powered {
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  text-align: center;
  padding: 14px;
  font-size: 12px;
  color: #ad0389;
  background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.35));
  border: 1px solid rgba(255,155,213,.55);
}

.powered::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,155,213,.45), transparent);
  transform: translateX(-100%);
  animation: scan 4.5s infinite;
}

.powered a {
  position: relative;
  z-index: 1;
  color: #d3369f;
  text-decoration: none;
}

.powered a:hover {
  text-decoration: underline;
}

@keyframes scan {
  0% { transform: translateX(-100%) }
  60% { transform: translateX(100%) }
  100% { transform: translateX(100%) }
}


    /* Splash */
    .splash{ position:fixed; inset:0; display:grid; place-items:center; color:#ffe7f6; z-index:100; overflow:hidden;
      background:radial-gradient(700px 520px at 50% 42%,#713d69 0%,#472640 58%,transparent 78%),linear-gradient(145deg,#44203c,#231839);
      transition:opacity .32s ease; }
    .splash::before{ content:""; position:absolute; inset:-20%; pointer-events:none; background:radial-gradient(circle at 20% 24%,rgba(255,132,205,.12),transparent 24%),radial-gradient(circle at 82% 72%,rgba(190,164,255,.13),transparent 27%); filter:blur(24px); }
    .splash-stars{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }
    .splash-stars i{ position:absolute; left:var(--x); top:var(--y); width:var(--size); height:var(--size); opacity:.34; background:linear-gradient(135deg,#fff2fb,#ff9bd5 55%,#c8b6ff); clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%); filter:drop-shadow(0 0 5px rgba(255,155,213,.9)); animation:splashTwinkle var(--duration) ease-in-out var(--delay) infinite; }
    .splash .inner{ position:relative; z-index:1; text-align:center}
    .splash .logo h1{ color:#ff9bd5; text-shadow:0 0 12px rgba(255,255,255,.35),0 0 34px rgba(255,105,190,.7); }
    .enter{
      margin-top:20px; padding:14px 22px; border-radius:999px; border:2px solid rgba(255,155,213,.6);
      background:rgba(255,255,255,.08); color:#ffe6f5; font-weight:700; letter-spacing:.06em; cursor:pointer;
      box-shadow: var(--shadow-neon)
    }
    .enter:hover{ filter: drop-shadow(0 0 16px rgba(255,155,213,.8))}
    .no-scroll{overflow:hidden;height:100%}

    @keyframes splashTwinkle{
      0%,100%{ opacity:.2; transform:scale(.65) rotate(0deg); }
      48%{ opacity:.88; transform:scale(1.12) rotate(12deg); }
      65%{ opacity:.46; transform:scale(.84) rotate(18deg); }
    }

    .reveal{opacity:0; transform: translateY(16px); transition: .6s ease}
    .reveal.visible{opacity:1; transform:none}

    /* Mobile */
    @media(max-width: 980px){
      .grid.stream{ grid-template-columns: 1fr; }
      main{margin:42px auto 90px; padding:0 14px}
      .logo h1{font-size: clamp(34px, 9vw, 58px)}
      .zone{font-size:11px; letter-spacing:.18em}
      .section{margin:32px 0}
      .chip{padding:9px 12px}
      .gallery-stage{ min-height:520px; }
      .partner-visual{ border-bottom:1px solid rgba(255,155,213,.38); }
    }

    @media(max-width:600px){
      .gallery-stage{ min-height:460px; }
      .gallery-profiles{ grid-template-columns:1fr; }
      .gallery-profiles a{ align-items:flex-start; flex-direction:column; gap:3px; }
      .partners{ justify-items:center; }
      .partner{ grid-template-columns:1fr; width:min(320px,100%); }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
      }
    }