/* KOLAŻ PUNK: wspólny język stron z referencji CEO 5.10.2026 (FAKE NEWS, LIVE, HALL OF SHAME).
   Hero z tytułem z wycinków + różowy pasek, karteczki odręczne, doodle, czarne zakładki filtrów z żółtą aktywną,
   karty-wycinki (gazeta) i karty-polaroidy (ramka z papieru, żółta etykieta, naklejka, tytuł na pasku, statystyki). */
.kz-page{max-width:1760px;margin:0 auto;padding:10px 18px 30px;position:relative}
.kz-hero{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:250px;margin-bottom:14px}
.kz-hero-c{text-align:center;position:relative;z-index:2}
.kz-tytul .ransom img{height:96px!important;width:auto!important}
.kz-marker{display:block;height:9px;width:78%;margin:-6px auto 10px;background:var(--acid);transform:rotate(-1deg) skewX(-14deg)}
.kz-pasek{display:inline-block;background:var(--pink);color:#000;font:26px/1 var(--f-head);letter-spacing:.03em;padding:8px 18px;transform:rotate(-2deg);
  clip-path:polygon(0 8%,6% 0,50% 6%,94% 0,100% 10%,98% 92%,100% 100%,52% 94%,5% 100%,1% 90%)}
.kz-sub{font:20px/1.25 var(--f-hand);color:#fff;text-shadow:2px 2px 0 #000;margin:10px 0 0;text-transform:uppercase}
.kz-deko{position:absolute;pointer-events:none;user-select:none;z-index:1}
/* karteczki: żółta, różowa, papier (odręczny marker) */
.kz-note{position:absolute;z-index:3;font:21px/1.05 var(--f-hand);color:#111;padding:14px 16px;text-transform:uppercase;max-width:200px;box-shadow:3px 4px 0 rgba(0,0,0,.45);transform:rotate(var(--r,-4deg));pointer-events:none}
.kz-note.y{background:#ffe23a} .kz-note.p{background:var(--pink)} .kz-note.w{background:#ece6d8 url(/img/papier.webp)}
.kz-note.w::before{content:'';position:absolute;top:-10px;left:30%;width:70px;height:20px;background:rgba(255,255,255,.55);transform:rotate(-4deg)}
.kz-scrawl{position:absolute;z-index:2;font:30px/.95 var(--f-hand);color:#fff;text-transform:uppercase;transform:rotate(var(--r,-8deg));text-shadow:2px 2px 0 #000;pointer-events:none}
/* zakładki filtrów + sortowanie */
.kz-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 16px;position:relative;z-index:2}
.kz-tabs a,.kz-tabs button{background:#0b0b0b;color:#fff;border:1px solid #2b2b2b;font:16px/1 var(--f-head);letter-spacing:.04em;padding:11px 16px;cursor:pointer;text-decoration:none}
.kz-tabs a u,.kz-tabs button u{text-decoration:underline;text-underline-offset:3px}
.kz-tabs a.on,.kz-tabs button.on{background:#ffd400;color:#000;border-color:#000}
.kz-tabs a:hover,.kz-tabs button:hover{background:#1a1a1a} .kz-tabs .on:hover{background:#ffd400}
.kz-sort{margin-left:auto;display:flex;align-items:center;gap:10px;color:#ddd;font:14px var(--f-body)}
.kz-sort select{background:#0b0b0b;color:#fff;border:1px solid #444;padding:9px 12px;font:14px var(--f-body);min-width:170px}
/* karta-polaroid (Hall of Shame) */
.kz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;position:relative;z-index:2}
.kz-pol{position:relative;display:block;background:#ece6d8 url(/img/papier.webp);color:#111;padding:12px 12px 10px;transform:rotate(var(--r,0deg));box-shadow:4px 5px 0 rgba(0,0,0,.55);transition:transform .2s;text-decoration:none}
.kz-pol:hover{transform:rotate(0) translateY(-4px) scale(1.02);z-index:3}
.kz-pol .kz-img{display:block;aspect-ratio:1/1;overflow:hidden;background:#000}
.kz-pol .kz-img img{width:100%;height:100%;object-fit:cover;display:block}
.kz-etyk{position:absolute;top:18px;left:18px;z-index:2;background:#ffd400;color:#000;font:15px/1 var(--f-head);letter-spacing:.03em;padding:6px 9px;transform:rotate(-2deg)}
.kz-etyk.p{background:var(--pink);color:#fff}
.kz-nakl{position:absolute;z-index:2;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;text-align:center;font:15px/1 var(--f-hand);text-transform:uppercase;padding:10px;transform:rotate(12deg);box-shadow:2px 3px 0 rgba(0,0,0,.4)}
.kz-nakl.p{background:var(--pink);color:#111} .kz-nakl.y{background:#ffe23a;color:#111;border-radius:6px;width:auto;height:auto;padding:10px 12px}
.kz-nakl.w{background:#fff;color:#111;border-radius:10px;width:auto;height:auto;padding:10px 12px}
.kz-tyt{display:inline-block;margin:-26px 0 6px -4px;position:relative;z-index:2;background:#ece6d8 url(/img/papier.webp);font:20px/1.08 var(--f-head);letter-spacing:.02em;text-transform:uppercase;padding:8px 10px;
  clip-path:polygon(0 4%,8% 0,50% 5%,92% 0,100% 6%,99% 95%,60% 100%,4% 96%)}
.kz-opis{font:14px/1.35 var(--f-body);color:#222;margin:2px 4px 10px;min-height:38px}
.kz-staty{display:flex;gap:16px;align-items:center;font:14px var(--f-body);color:#111;margin:0 4px}
.kz-staty span{display:inline-flex;gap:5px;align-items:center} .kz-staty svg{width:16px;height:16px}
@media (max-width:1100px){.kz-hero{grid-template-columns:1fr}.kz-note,.kz-scrawl,.kz-deko{display:none}.kz-tytul .ransom img{height:58px!important}}
@media (max-width:760px){.kz-pasek{font-size:19px}.kz-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.kz-tyt{font-size:16px}.kz-nakl{display:none}}
/* FAKE NEWS: pasek formularza i wycinki gazet w trzech kolumnach */
.fn2-form{position:relative;z-index:2;background:#ece6d8 url(/img/papier.webp);color:#111;padding:18px 22px 20px;margin:0 auto 18px;max-width:1300px;transform:rotate(-.3deg);
  clip-path:polygon(0 3%,4% 0,30% 2%,60% 0,100% 3%,99% 60%,100% 97%,70% 100%,35% 98%,2% 100%,0 70%)}
.fn2-form h2{font:40px/1 var(--f-head);letter-spacing:.12em;margin:0 0 6px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fn2-form p{font:15px/1.4 'Courier New',var(--f-type),monospace;margin:0 0 12px;max-width:820px}
.fn2-link a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.fn2-link a:hover{background:#ffe23a}
.fn2-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}
.fn2-row input{border:2px solid #333;background:#f6f2e8;color:#111;padding:12px;font:15px var(--f-body)}
.fn2-go{background:var(--pink);color:#000;border:0;font:22px var(--f-head);letter-spacing:.03em;padding:0 26px;cursor:pointer;clip-path:polygon(0 6%,8% 0,92% 4%,100% 0,98% 92%,100% 100%,6% 96%,1% 100%);transform:rotate(-1deg)}
.fn2-go:hover{transform:rotate(1deg) scale(1.04)}
/* NIEREGULARNA SIATKA (CEO 6.10.2026: "Trust me bro, nadal nie ma irregular grid").
   Szerokosc elementu bierze sie z jego identyfikatora (--k, patrz siatka.js), wysokosc ze zmierzonej
   tresci (--w). Jednostka wiersza jest mala, zeby kartki uklada sie ciasno. Przerwa miedzy kartkami
   siedzi w marginesie elementu, a NIE w row-gap: przy row-gap przerwa mnozylaby sie przez liczbe
   przeskakiwanych wierszy. align-items:start jest tu obowiazkowe - dzieki niemu wysokosc kartki to
   wysokosc tresci, a nie wysokosc jej sladu w siatce, wiec pomiar w siatka.js ma sens. */
.fn2-grid{display:grid;grid-template-columns:repeat(var(--kol,4),minmax(0,1fr));grid-auto-rows:8px;
  row-gap:0;column-gap:20px;position:relative;z-index:2;align-items:start}
.fn2-grid>.fn2-clip{grid-column:span var(--k,1);grid-row:span var(--w,42);margin-bottom:18px}
.fn2-grid>.empty{grid-column:1/-1;grid-row:span 30}
/* material na dwie kolumny oddaje wiecej miejsca zdjeciu i naglowkowi - inaczej szeroka kartka
   to tylko ten sam uklad z dluzszymi liniami tekstu */
.fn2-clip.siatka-szeroki .fn2-g{grid-template-columns:minmax(0,1fr) 34%}
.fn2-clip.siatka-szeroki .fn2-h{font-size:34px}
@media (max-width:1500px){.fn2-grid{--kol:3}}
@media (max-width:1100px){.fn2-grid{--kol:2}}
@media (max-width:760px){.fn2-grid{--kol:1} .fn2-grid>.fn2-clip{grid-column:span 1}}
.fn2-clip{background:#ece6d8 url(/img/papier.webp);color:#141414;padding:16px 18px 12px;transform:rotate(var(--r,0deg));box-shadow:4px 5px 0 rgba(0,0,0,.5);position:relative;transition:transform .2s}
.fn2-clip:hover{transform:rotate(0) translateY(-3px)}
.fn2-mast{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1.5px solid #222;padding-bottom:6px;margin-bottom:10px}
.fn2-mast b{display:block;font:700 26px/1 Georgia,'Times New Roman',serif} .fn2-mast small{display:block;font:10px var(--f-type);letter-spacing:.14em;margin-top:4px;color:#333}
.fn2-mast time{font:11px var(--f-type);letter-spacing:.08em;white-space:nowrap;margin-top:4px}
.fn2-g{display:grid;grid-template-columns:minmax(0,1fr) 42%;gap:14px;align-items:start}
.fn2-clip.bez-img .fn2-g{grid-template-columns:1fr}
.fn2-h{display:block;font:700 26px/1.08 Georgia,serif;margin:0 0 8px;cursor:pointer;color:#111;text-decoration:none}
.fn2-h:hover{text-decoration:underline}
.fn2-dek{font:14px/1.35 Georgia,serif;margin:0;color:#333}
.fn2-img{position:relative;margin:0}
/* CEO: "entire images or videos visible". Bylo aspect-ratio:1/1 z object-fit:cover, czyli kazde zdjecie
   przyciete do kwadratu - a w fake newsie zdjecie JEST trescia, nie ozdoba obok tekstu. */
.fn2-img img:first-child{width:100%;height:auto;display:block;filter:grayscale(1) contrast(1.1);border:1px solid #333}
.fn2-quip{position:absolute;right:-10px;bottom:-14px;background:#ffe23a;color:#111;font:15px/1.05 var(--f-hand);padding:8px 10px;max-width:130px;transform:rotate(-5deg);box-shadow:2px 3px 0 rgba(0,0,0,.4);text-transform:uppercase}
.fn2-arr{position:absolute;left:-26px;bottom:6px;width:46px;rotate:-20deg;pointer-events:none}
.fn2-wiecej{position:absolute;left:6px;top:6px;background:#111;color:#ffe23a;font:700 13px var(--f-body);padding:2px 7px;border:1px solid #ffe23a}
.fn2-reszta{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:10px 0 2px}
.fn2-reszta img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #333;display:block;filter:grayscale(1) contrast(1.1)}
.fn2-tagi{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.fn2-tagi span{background:#e2dccd;border:1px solid #bdb5a3;font:11px var(--f-type);letter-spacing:.06em;padding:3px 7px}
.fn2-full{border-top:1px dashed #888;margin-top:10px;padding-top:8px}
.fn2-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font:12px var(--f-body)}
.fn2-foot .fn-like{margin-left:auto}
@media (max-width:760px){.fn2-row{grid-template-columns:1fr}.fn2-go{padding:12px}.fn2-form h2{font-size:28px}.fn2-g{grid-template-columns:1fr 38%}}
/* LIVE: czat w szerokim układzie, zakładki, reakcje, aktywność, IN THE PIT */
.live2{max-width:1560px}
.live2-head{display:flex;align-items:center;gap:22px;margin:4px 0 10px 200px;position:relative;z-index:2}
.live2-g{position:relative;z-index:2;margin:0 170px;grid-template-columns:minmax(0,1fr) 440px!important}
/* SLOPIT LIVE: ekran podzielony - strumien, czat, aktywnosc (CEO 6.10.2026) */
.live2-g3{margin:0 40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px!important}
.lv-str{display:flex;flex-direction:column;gap:8px;padding:10px;min-width:0}
.lv-str-h{display:flex;align-items:center;gap:10px;font:16px var(--f-head);letter-spacing:.04em}
.lv-str-h small{margin-left:auto;color:var(--dim);font:11px var(--f-ui);letter-spacing:.06em}
.lv-str-v{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}
.lv-str-v video{width:100%;height:100%;object-fit:contain;display:block}
.lv-str-snd{position:absolute;right:8px;bottom:8px;background:#000a;border:1px solid #444;color:#fff;font-size:15px;padding:4px 8px;cursor:pointer}
.lv-str-m{display:flex;gap:10px;align-items:baseline;min-width:0}
.lv-str-m a{color:var(--cyber,#3ddc84);font:13px var(--f-body);text-decoration:none;white-space:nowrap}
.lv-str-m b{font:14px var(--f-ui);letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-str-g{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lv-str-g button{font:13px var(--f-head);letter-spacing:.04em;padding:7px 12px;border:1px solid #444;background:#1a1a1a;color:#ddd;cursor:pointer}
.lv-g-ok:hover{border-color:var(--toxic);color:var(--toxic)} .lv-g-no:hover{border-color:var(--alert);color:var(--alert)}
.lv-str-w{margin-left:auto;font:11px var(--f-ui);letter-spacing:.08em;padding:3px 8px;border:1px solid currentColor}
.lv-str-w.w-zostaje{color:var(--toxic)} .lv-str-w.w-cofniety{color:var(--acid)}
.lv-str-w.w-kwarantanna{color:var(--alert)} .lv-str-w.w-wstyd{color:var(--pink)}
.lv-str-n{color:var(--dim2);font-size:12px;margin:0}
/* leaderboard pod strumieniem: dzienny, tygodniowy, miesieczny, roczny */
.lv-rank{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.lv-rank>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lv-rank>header b{font:14px var(--f-head);letter-spacing:.05em}
.lv-rank nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.lv-rank nav button{background:none;border:1px solid var(--line2);color:var(--dim);font:10px var(--f-ui);letter-spacing:.06em;padding:3px 7px;cursor:pointer}
.lv-rank nav button.on{color:#000;background:var(--acid);border-color:var(--acid)}
.lv-rank ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow:auto}
.lv-rank li{display:flex;align-items:center;gap:10px;padding:4px 2px;border-bottom:1px solid #1d1d1d}
.lv-r-n{font:14px var(--f-head);color:var(--dim);min-width:22px}
.lv-r-t{min-width:0;flex:1;display:flex;flex-direction:column}
.lv-r-t a{color:var(--cyber,#3ddc84);font:13px var(--f-body);text-decoration:none}
.lv-r-t small,.lv-r-w small{color:var(--dim2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-r-w{text-align:right;font:15px var(--f-head);display:flex;flex-direction:column}
@media (max-width:1400px){.live2-g3{margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.live2-g3>.live2-a{grid-column:1/-1}}
@media (max-width:980px){.live2-g3{grid-template-columns:1fr!important}}
.live2-c{background:#0e0e0e;border:2px solid #e9e3d6}
.live2-tabs{display:flex;align-items:stretch;gap:4px;border-bottom:2px solid #333;padding:0 12px}
.live2-tabs button{background:none;border:0;color:#ddd;font:18px var(--f-head);letter-spacing:.06em;padding:14px 18px;cursor:pointer}
.live2-tabs button.on{background:var(--pink);color:#fff}
.live2-on{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;border:1px solid #555;padding:6px 12px;font:15px var(--f-head);color:#fff;letter-spacing:.04em}
.live2-on i{width:9px;height:9px;border-radius:50%;background:#2fdc6a;box-shadow:0 0 8px #2fdc6a}
.ch-szeroki .ch-list{padding:6px 16px;gap:2px}
.ch-szeroki .cm{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:6px 4px;font-size:16px;align-items:center;border-bottom:1px solid #191919}
.ch-szeroki .cm .cm-av{width:40px;height:40px;border:2px solid #444}
.ch-szeroki .cm-c{display:grid;grid-template-columns:200px 60px minmax(0,1fr) auto;align-items:center;gap:10px}
.ch-szeroki .cm-h{display:contents}
.ch-szeroki .cm-n{grid-column:1;font:600 16px var(--f-ui);color:#fff;background:none!important}
.ch-szeroki .cm.mine .cm-n{color:var(--pink)}
.ch-szeroki .cm-h time{grid-column:2;color:#777;font-size:14px}
.ch-szeroki .cm-flag,.ch-szeroki .cm-bot{display:none}
.ch-szeroki .cm-t{grid-column:3;color:#eee}
.ch-szeroki .cm-stk,.ch-szeroki .cm-post{grid-column:3}
.ch-szeroki .cm-rx{grid-column:4}
.cm-bdg{font-style:normal;margin-left:4px} .cm-star{color:var(--pink)}
.cm-mod{font-style:normal;background:var(--acid);color:#000;font:11px var(--f-head);padding:2px 5px;margin-left:6px}
.cm-rx{display:inline-flex;gap:4px;opacity:.55;transition:opacity .15s}
.cm:hover .cm-rx,.cm-rx:has(.on){opacity:1}
.cm-rx button{background:#1a1a1a;border:1px solid #333;color:#ddd;font:12px var(--f-ui);padding:2px 7px;border-radius:12px;cursor:pointer}
.cm-rx button.on{background:var(--pink);color:#000;border-color:var(--pink)}
.cm-rx button:hover{border-color:var(--acid)}
/* glos jest tylko w tej przegladarce (brak sieci albo brak konta): przycisk swieci sie slabiej,
   zeby nie wygladal jak zapisany. Liczba obok go NIE zawiera - i to jest poprawny wynik. */
.cm-rx-lok button.on{background:transparent;color:var(--pink);border-style:dashed}
.ch-szeroki .ch-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid #222}
/* wariant waski (dock, pasek LIVE) nie mial zadnej reguly dla .ch-pole: span zostawal inline, wiec input nie
   rozciagal sie w rzedzie flex i pole do pisania zwezalo sie do szerokosci tekstu. */
.ch-pole{flex:1;min-width:0;display:flex;align-items:center}
.ch-pole input{flex:1;min-width:0}
.ch-szeroki .ch-pole{display:flex;align-items:center;gap:6px;background:#111;border:1px solid #444;padding:0 10px}
.ch-szeroki .ch-pole input{flex:1;background:none;border:0;color:#fff;padding:13px 4px;font:15px var(--f-body)}
.ch-ik{background:none;border:0;color:#ddd;font:18px var(--f-ui);cursor:pointer;padding:4px 6px}
.ch-ik.gif{font:11px var(--f-head);border:1.5px solid #ddd;padding:2px 4px}
.ch-send{background:var(--pink);color:#000;border:0;font:22px var(--f-head);letter-spacing:.06em;padding:12px 34px;cursor:pointer;transform:rotate(-1deg);clip-path:polygon(0 5%,8% 0,94% 4%,100% 0,98% 95%,100% 100%,5% 96%,1% 100%)}
.ch-szeroki .ch-note{padding:0 16px 10px;color:#888;font:13px var(--f-body)}
.live2-a{display:flex;flex-direction:column;gap:16px;min-height:0}
.live2-act{flex:1;min-height:0;display:flex;flex-direction:column;background:#0e0e0e;border:2px solid #e9e3d6;position:relative}
.live2-h{display:inline-block;align-self:flex-start;background:#ffd400;color:#000;font:28px var(--f-head);letter-spacing:.04em;padding:8px 20px;margin:-2px 0 6px -2px;clip-path:polygon(0 0,96% 6%,100% 60%,94% 100%,0 96%)}
.live2-h.w{background:#ece6d8 url(/img/papier.webp)}
.live2-arr{position:absolute;right:20px;top:4px;width:70px;rotate:150deg}
.live2-act ul{list-style:none;margin:0;padding:0 14px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.live2-act li{display:grid;grid-template-columns:28px 130px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #1d1d1d;font:14px var(--f-body);color:#aaa}
.live2-act li i{font-style:normal;font-size:16px} .live2-act li b{color:#fff;font-weight:600} .live2-act li time{color:#777;font-size:13px}
.live2-pit{background:#0e0e0e;border:2px solid #e9e3d6;padding-bottom:14px}
.live2-pit header{display:flex;align-items:center;justify-content:space-between;padding-right:14px}
.live2-pit .live-who{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:8px 14px 0}
.live2-pit .live-who .av{width:46px;height:46px;font-size:18px;border:2px solid #ddd;border-radius:50%}
.live2-more{width:46px;height:46px;border:2px solid #ddd;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px}
@media (max-width:1400px){.live2-g{margin:0}.live2 .kz-note,.live2>.kz-deko{display:none}.live2-head{margin-left:0}}
@media (max-width:980px){.live2-g{grid-template-columns:1fr!important}.ch-szeroki .cm-c{grid-template-columns:1fr auto}.ch-szeroki .cm-h{display:flex;gap:8px;grid-column:1/-1}.ch-szeroki .cm-t,.ch-szeroki .cm-stk,.ch-szeroki .cm-post{grid-column:1}.ch-szeroki .cm-rx{grid-column:2}}
/* RANKINGS: lewy panel, wiersze z odznakami miejsc, kolorowe liczniki reakcji, SLOP SCORE z wykresem */
.rk2{max-width:1560px}
.rk2-hero{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;z-index:2;margin:4px 0 10px}
.rk2-kor{width:92px;rotate:-18deg}
.rk2-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;position:relative;z-index:2;margin:0 150px}
.rk2-panel{background:#0e0e0e;border:2px solid #e9e3d6;padding:10px;display:flex;flex-direction:column;gap:4px;align-self:start}
.rk2-panel hr{border:0;border-top:1px solid #333;margin:6px 0}
.rk2-i{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:9px 10px;color:#fff;text-decoration:none}
.rk2-i svg{width:24px;height:24px}
.rk2-i b{display:block;font:17px var(--f-head);letter-spacing:.03em} .rk2-i small{color:#999;font:12px var(--f-body)}
.rk2-i:hover{background:#1a1a1a}
.rk2-i.on{background:#ffd400;color:#000;border-left:6px solid #000} .rk2-i.on small{color:#222}
.rk2-tabs{margin-top:0}
.rk2-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rk2-row{display:grid;grid-template-columns:110px 180px minmax(0,1fr) auto 150px;gap:16px;align-items:center;background:#0e0e0e;border:1px solid #2a2a2a;padding:6px 14px 6px 6px}
.rk2-n{position:relative;font:58px/1 var(--f-head);text-align:center;color:#000;background:#ece6d8 url(/img/papier.webp);padding:12px 0;transform:rotate(-3deg);clip-path:polygon(4% 6%,96% 0,100% 92%,2% 100%)}
.rk2-n.m1{background:#ffd400} .rk2-n.m3{background:#ff8a2a}
.rk2-n img{position:absolute;top:-30px;right:-6px;width:46px;rotate:10deg}
.rk2-row:first-child .rk2-n{clip-path:none;overflow:visible}
.rk2-img img{width:180px;height:100px;object-fit:cover;display:block;border:1px solid #444}
.rk2-t{display:inline-block;background:#ece6d8 url(/img/papier.webp);color:#111;font:700 23px/1.1 var(--f-body);padding:6px 12px;text-decoration:none;clip-path:polygon(0 6%,4% 0,96% 4%,100% 0,99% 94%,60% 100%,3% 96%)}
.rk2-b small{display:block;color:#aaa;margin:6px 0;font:14px var(--f-body)} .rk2-b small a{color:#ddd}
.rk2-c{display:flex;gap:8px;flex-wrap:wrap}
.rk2-c i{font-style:normal;font:16px var(--f-head);letter-spacing:.03em;padding:5px 10px;color:#000}
.rk2-c .y{background:#ffd400} .rk2-c .p{background:var(--pink);color:#fff} .rk2-c .v{background:#8b3dff;color:#fff}
.rk2-st{display:flex;gap:16px;align-items:center;color:#ddd;font:15px var(--f-body)}
.rk2-st span{display:inline-flex;gap:6px;align-items:center} .rk2-st svg{width:18px;height:18px}
.rk2-st button{background:none;border:0;color:#ddd;cursor:pointer}
.rk2-s{border-left:1px solid #2a2a2a;padding-left:16px}
.rk2-s small{display:block;font:13px var(--f-head);letter-spacing:.06em;color:#ddd}
.rk2-s b{display:block;font:44px/1 var(--f-head);color:#7dff4f;margin:2px 0}
.rk2-wyk{width:100px;height:30px;display:block}
@media (max-width:1500px){.rk2-g{margin:0}.rk2>.kz-note,.rk2>.kz-deko,.rk2>.kz-scrawl{display:none}}
@media (max-width:1100px){.rk2-g{grid-template-columns:1fr}.rk2-row{grid-template-columns:70px 120px minmax(0,1fr) 110px}.rk2-st{display:none}.rk2-img img{width:120px;height:70px}.rk2-n{font-size:36px}}
@media (max-width:760px){.rk2-row{grid-template-columns:54px minmax(0,1fr) 90px}.rk2-img{display:none}.rk2-t{font-size:17px}.rk2-s b{font-size:28px}.rk2-hero{flex-direction:column}}
/* SLOP WALL / TRENDING: panel, baner WE FEED IT, ciemne karty, polaroidy z numerem, TRENDING NOW */
.wl2{max-width:1640px}
.wl2-g{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:18px;position:relative;z-index:2;margin:0 130px}
.wl2-panel{position:sticky;top:96px}
.wl2-make{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--pink);color:#000;font:22px var(--f-head);letter-spacing:.03em;padding:12px;margin-top:8px;transform:rotate(-1deg);clip-path:polygon(0 6%,8% 0,94% 5%,100% 0,98% 94%,100% 100%,6% 96%,1% 100%)}
.wl2-make svg{width:22px;height:22px}
.wl2-ban{position:relative;display:block;background:#0e0e0e;border:2px dashed #555;padding:18px 220px 16px 18px;margin-bottom:16px;color:#fff}
.wl2-ban-y{display:inline-block;background:#ffd400;color:#000;font:34px/1 var(--f-head);padding:8px 14px;transform:rotate(-2deg)}
.wl2-ban-p{display:inline-block;background:var(--pink);color:#000;font:40px/1 var(--f-head);padding:8px 14px;transform:rotate(-3deg);margin-left:10px}
.wl2-ban small{display:block;margin-top:10px;color:#ddd;font:15px var(--f-body)}
.wl2-rac{position:absolute;right:120px;bottom:-6px;width:130px}
.wl2-ban-n{right:-10px;top:-10px;font-size:17px;max-width:140px}
/* Sciana memow (CEO 5.10.2026): siatka nieregularna, obrazki w calosci. Kolumny CSS daja rozne wysokosci kart
   bez javascriptu, a break-inside pilnuje, zeby karta nie pekla miedzy kolumnami. */
/* SLOPS: podzial PICS/VIDS nad siatka. Mniejszy i spokojniejszy niz zakladki kategorii,
   bo to przelacznik typu mediow, a nie osobna sekcja. */
/* THE SEWER - forum (CEO 6.10.2026). Szata nasza: papier, wycinanki, czern.
   Uklad jest celowo prosty, bo to szkielet do przepisania, a nie docelowy produkt. */
.sw-hero{margin-bottom:10px}
.sw-okruchy{margin:10px 0 0;font:12px var(--f-type);letter-spacing:.08em;color:var(--dim2)}
.sw-okruchy a{color:var(--paper);text-decoration:none} .sw-okruchy a:hover{color:var(--pink)}
.sw-dummy{border:1px dashed #5a4a00;background:rgba(255,212,0,.07);padding:10px 12px;margin:0 0 22px;max-width:78ch}
.sw-dzialy{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;margin:0 0 40px}
.sw-dzial{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);background:#121212;
  text-decoration:none;color:var(--paper);transition:border-color .15s}
.sw-dzial:hover{border-color:var(--pink);background:#180d14}
.sw-ic{flex:0 0 40px;display:flex;align-items:center;justify-content:center;color:var(--pink)}
.sw-opis{flex:1;min-width:0} .sw-opis b{display:block;font:20px var(--f-head);letter-spacing:.04em}
.sw-opis small{color:var(--dim2);font-size:13px}
.sw-liczby{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:0 6px;text-align:right;align-items:baseline}
.sw-liczby b{font:17px var(--f-head)} .sw-liczby small{font:10px var(--f-type);letter-spacing:.08em;color:var(--dim2)}
.sw-watki{list-style:none;margin:0 0 30px;padding:0}
.sw-watki a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-bottom:0;
  background:#121212;text-decoration:none;color:var(--paper)}
.sw-watki li:last-child a{border-bottom:1px solid var(--line)}
.sw-watki a:hover{background:#180d14;border-color:var(--pink)}
.sw-pin{flex:0 0 auto}
.sw-tyt{flex:1;min-width:0} .sw-tyt b{display:block;font:18px var(--f-head);letter-spacing:.03em}
.sw-tyt small{color:var(--dim2);font-size:12px}
.sw-n{flex:0 0 auto;font:16px var(--f-head);color:var(--pink)}
.sw-h{font:30px var(--f-head);letter-spacing:.03em;margin:4px 0 14px}
.sw-posty{margin:0 0 24px}
.sw-post{position:relative;background:#ece6d8 url(/img/papier.webp);color:#141414;padding:14px 16px 12px;margin:0 0 10px;
  transform:rotate(var(--r,-.2deg));box-shadow:3px 4px 0 rgba(0,0,0,.5)}
.sw-post:nth-child(even){--r:.25deg}
.sw-kto{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#141414;font:15px var(--f-body)}
.sw-av{width:30px;height:30px;border-radius:50%;overflow:hidden;flex:0 0 auto}
.sw-tresc p{font:16px/1.45 Georgia,serif;margin:8px 0 0}
.sw-czas{position:absolute;right:14px;top:14px;font:11px var(--f-type);letter-spacing:.07em;color:#555}
.sw-faq{margin:0 0 30px}
.sw-q{border:1px solid var(--line);background:#121212;margin:0 0 6px;padding:10px 14px}
.sw-q summary{cursor:pointer;font:17px var(--f-head);letter-spacing:.03em}
.sw-q[open] summary{color:var(--pink)}
.sw-q p{margin:10px 0 2px;font:15px/1.5 var(--f-body);color:#d9d9d9;max-width:75ch}
/* TRENDING: strona odkrywcza z sekcjami zamiast jednej posortowanej sciany (CEO 6.10.2026) */
.tr-sek{margin:0 0 42px}
.tr-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 4px}
.tr-h a{margin-left:auto;font:13px var(--f-type);letter-spacing:.1em;color:var(--dim2);text-decoration:none;white-space:nowrap}
.tr-h a:hover{color:var(--paper)}
.tr-pod{margin:0 0 14px;font:14px var(--f-body);color:var(--dim2)}
.tr-chipy{display:flex;flex-wrap:wrap;gap:8px}
.tr-chipy a{display:inline-flex;align-items:center;gap:8px;background:#121212;border:1px solid var(--line);
  padding:8px 13px;text-decoration:none;color:var(--paper);font:15px var(--f-head);letter-spacing:.03em}
.tr-chipy a:hover{border-color:var(--pink);background:#1a0d15}
.tr-chipy span{font:11px var(--f-type);color:var(--dim2)}
.tr-tworcy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.tr-tworcy a{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);background:#121212;text-decoration:none;color:var(--paper)}
.tr-tworcy a:hover{border-color:var(--pink)}
.tr-n{flex:0 0 26px;font:20px var(--f-head);color:var(--pink);text-align:center}
.tr-av{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:0 0 auto}
.tr-kto{min-width:0}.tr-kto b{display:block;font:15px var(--f-body);overflow:hidden;text-overflow:ellipsis}
.tr-kto small{color:var(--dim2);font-size:12px}
.tr-brak{margin-top:10px;border-top:1px solid var(--line);padding-top:14px;max-width:70ch}
.sl-typy{margin:0 0 14px;gap:6px}
.sl-typy a{font-size:15px;padding:6px 14px}
.wl2-grid{column-width:250px;column-gap:14px}
/* REGIONY: naglowek jezyka nad siatka. Siatka stoi na kolumnach CSS, wiec naglowek nie moze byc w srodku -
   sekcje sa osobnymi siatkami, a to jest pasek miedzy nimi. */
.wl2-grid[hidden]{display:none}
.rg-h{display:flex;align-items:center;gap:10px;margin:22px 0 10px;font:22px var(--f-head);letter-spacing:.06em;
  border-bottom:2px solid var(--line);padding-bottom:8px}
.rg-h small{margin-left:auto;font:12px var(--f-type);letter-spacing:.1em;color:var(--dim2)}
.rg-flaga{width:30px;height:20px;object-fit:contain;display:block;flex:0 0 auto}
.rg-h-swiat{margin-top:40px;border-bottom-width:3px}
.rg-swiat{margin-top:8px}
.wl2-grid > *{break-inside:avoid;margin:0 0 14px}
.wl-card{background:#0e0e0e;border:2px solid #e9e3d6;padding:0 0 10px;display:flex;flex-direction:column;position:relative}
/* bez aspect-ratio i bez kadrowania: mem ma byc widoczny w calosci razem z wypalonym tekstem */
.wl-m{position:relative;display:block;background:#000}
.wl-m img,.wl-m video{width:100%;height:auto;display:block}
.wl-dur{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;font:14px var(--f-head);padding:3px 7px}
.wl-cat{position:absolute;left:8px;bottom:8px;background:var(--pink);color:#fff;font:13px var(--f-head);padding:3px 7px;transform:rotate(-2deg)}
.wl-card:nth-child(3n) .wl-cat{background:#ffd400;color:#000}
.wl-by{display:flex;align-items:center;gap:8px;color:#aaa;font:13px var(--f-body);padding:4px 12px}
.wl-by .wl-av{width:22px;height:22px;border-radius:50%;font-size:10px}
/* Cienki pasek pod memem: jedna linia, stala wysokosc, bez zawijania. Zawijanie robilo z paska dwa
   albo trzy rzedy o roznej wysokosci i siatka traciła rytm. Kolejnosc czytania: kto, ile obejrzen, reakcje, share. */
/* Reakcje maja wlasny rzad na pelnej szerokosci karty. Wczesniej siedzialy w jednym rzedzie
   z nickiem, odtworzeniami i udostepnianiem, a pasek mial overflow:hidden - przy kolumnie
   250 px trzecia reakcja (WTF) wychodzila poza i byla po prostu ucinana. Trzy rowne czesci
   zawsze sie mieszcza, niezaleznie od szerokosci kolumny. */
.wl-card .wl-rx{display:flex;gap:4px;padding:8px 8px 0}
.wl-card .wl-rx .rx{flex:1 1 0;min-width:0;justify-content:center}
.wl-card .wl-rx .rx-l{overflow:hidden;text-overflow:ellipsis}
.wl-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:30px;color:#ddd;font:12px var(--f-body);white-space:nowrap;overflow:hidden}
.wl-bar .wl-by{padding:0;flex:0 1 auto;min-width:0;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbb}
.wl-bar .wl-av{width:18px;height:18px;font-size:9px}
.wl-wy{display:inline-flex;align-items:center;gap:4px;color:#8a8a8a;flex:0 0 auto;font-variant-numeric:tabular-nums}
.wl-wy .ic{width:14px;height:14px}
.wl-bar .cf-sh{flex:0 0 auto;margin-left:auto;color:#8a8a8a;padding:2px}
.wl-bar .cf-sh .ic{width:15px;height:15px}
/* na waskiej karcie autor ustepuje miejsca reakcjom, bo to one sa akcja */
@media (max-width:560px){.wl-bar .wl-by span:not(.wl-av){display:none}.wl-wy{display:none}}
.wl-st{display:flex;gap:14px;align-items:center;color:#ddd;font:14px var(--f-body);padding:6px 12px 0}
.wl-st span{display:inline-flex;gap:5px;align-items:center} .wl-st svg{width:16px;height:16px}
.tr-pol{padding-top:12px}
.tr-n{position:absolute;left:18px;top:48px;z-index:2;background:#111;color:#fff;font:26px var(--f-head);padding:2px 8px}
.tr-wzr{position:absolute;right:18px;top:18px;z-index:2;background:#111;color:#fff;font:15px var(--f-head);padding:4px 8px}
.tr-pol .kz-img{aspect-ratio:4/3}
.tr2-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.wl2-trend{background:#0e0e0e;border:2px solid #e9e3d6;align-self:start;position:sticky;top:96px}
.wl2-trend-h{display:flex;align-items:center;gap:8px;background:#ece6d8 url(/img/papier.webp);color:#111;font:28px var(--f-head);padding:10px 12px;margin:0}
.wl2-trend-h svg{color:var(--pink);width:26px;height:26px}
.wl2-trend-h a{margin-left:auto;font:13px var(--f-head);color:#111}
.wl2-trend ol{list-style:none;margin:0;padding:6px 12px}
.wl2-trend li a{display:grid;grid-template-columns:34px 52px minmax(0,1fr);gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #1d1d1d;color:#fff}
.wl2-trend .tn{font:34px/1 var(--f-head);color:#fff;text-align:center}
.wl2-trend img{width:52px;height:52px;object-fit:cover}
.wl2-trend .tt{font:14px/1.2 var(--f-head);letter-spacing:.02em} .wl2-trend .tt small{display:block;color:#aaa;font:12px var(--f-body);margin-top:3px}
.wl2-trend .tt small svg{width:12px;height:12px}
@media (max-width:1600px){.wl2-g{margin:0}.wl2>.kz-note,.wl2>.kz-deko{display:none}}
@media (max-width:1200px){.wl2-g{grid-template-columns:200px minmax(0,1fr)}.wl2-trend{display:none}}
@media (max-width:860px){.wl2-g{grid-template-columns:1fr}.wl2-panel{display:none}.wl2-ban{padding-right:18px}.wl2-rac,.wl2-ban-n{display:none}.wl2-ban-y{font-size:22px}.wl2-ban-p{font-size:26px}.wl2-grid{column-width:auto;column-count:2}}
.tr-pol .kz-tyt,.tr-pol .kz-opis{display:block}
/* ARCHIVE: tytuł z koroną, notatka, SUBMIT, motywy, filtry, polaroidy filmów */
.ar2-hero{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 0 8px}
.ar2-n{position:relative;--r:-3deg;max-width:none;font-size:20px}
.ar2-sub{margin:0;padding:12px 22px}
.ar2-c{position:relative;z-index:2;margin:0 190px}
.ar2-tabs small{opacity:.6;font-size:12px;margin-left:4px}
.ar2-f{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.ar2-f label{display:inline-flex;align-items:center;gap:8px;background:#0b0b0b;border:1px solid #2b2b2b;color:#fff;padding:0 0 0 12px}
.ar2-f label svg{width:18px;height:18px;color:var(--pink)}
.ar2-f select{background:#0b0b0b;color:#fff;border:0;font:15px var(--f-head);letter-spacing:.04em;padding:11px 12px;cursor:pointer}
.ar2-ile{margin-left:auto;background:#ffd400;color:#000;font:15px var(--f-head);padding:7px 12px;transform:rotate(-1deg)}
.ar2-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.ar2-img{position:relative;aspect-ratio:16/10!important}
.ar2-img img,.ar2-img video{width:100%;height:100%;object-fit:cover;display:block}
.ar2-play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .2s;background:rgba(0,0,0,.25)}
.ar2-play svg{width:54px;height:54px;color:#fff;filter:drop-shadow(0 2px 6px #000)}
.ar2-pol:hover .ar2-play{opacity:1}
.ar2-pasek{display:inline-block;background:#111;color:#fff;font:18px/1.1 var(--f-head);letter-spacing:.02em;padding:6px 10px;margin:-16px 0 8px 6px;position:relative;z-index:2;transform:rotate(-1.5deg);max-width:92%}
.ar2-pasek.p{background:var(--pink);color:#000}
.ar2-pol .kz-opis{display:block;margin:0 4px 8px;font:14px/1.35 var(--f-body);color:#222}
.ar2-pol .kz-staty small{margin-left:auto;color:#555;font:12px var(--f-body)}
@media (max-width:1500px){.ar2-c{margin:0}.ar2>.kz-note,.ar2>.kz-deko,.ar2>.kz-scrawl{display:none}}
@media (max-width:760px){.ar2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar2-pol .kz-opis{display:none}.ar2-pasek{font-size:14px}.ar2-ile{margin-left:0}.ar2-n{display:none}}
/* FEED: wiersze z miniaturą, autor, odznaka, hasztagi, liczniki; TRENDING CREATORS i SLOP TV */
.fd2-hero{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:2;margin-bottom:6px}
.fd2-g{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;max-width:1240px;margin:0 auto;position:relative;z-index:2}
.fd2-l{display:flex;flex-direction:column;gap:14px}
.fd2-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;background:#0e0e0e;border:2px solid #e9e3d6;padding:12px;box-shadow:4px 5px 0 rgba(0,0,0,.55)}
.fd2-m{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#000}
.fd2-m img,.fd2-m video{width:100%;height:100%;object-fit:cover;display:block}
.fd2-play{position:absolute;inset:0;display:grid;place-items:center} .fd2-play svg{width:46px;height:46px;color:#fff;filter:drop-shadow(0 2px 6px #000)}
.fd2-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.fd2-by{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#aaa;font:13px var(--f-body)}
.fd2-by a{display:inline-flex;align-items:center;gap:8px;color:#fff}
.fd2-av{width:30px;height:30px;border-radius:50%;font-size:12px;flex:none}
.fd2-by i{font-style:normal;background:#ffd400;color:#000;font:12px var(--f-head);letter-spacing:.04em;padding:3px 7px;transform:rotate(-2deg)}
.fd2-by i.p{background:var(--pink);color:#fff}
.fd2-t{color:#fff;font:24px/1.1 var(--f-head);letter-spacing:.01em}
.fd2-o{margin:0;color:#ccc;font:15px/1.35 var(--f-body)}
.fd2-tag{margin:0;font:14px var(--f-body)} .fd2-tag a{color:var(--pink);margin-right:6px}
.fd2-st{display:flex;align-items:center;gap:18px;margin-top:auto;color:#ddd;font:14px var(--f-body)}
.fd2-st>*{display:inline-flex;align-items:center;gap:6px;color:#ddd;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.fd2-st svg{width:18px;height:18px} .fd2-menu{margin-left:auto}
.fd2-a{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:96px}
.fd2-a .wl2-trend{position:static}
.fd2-cr li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #1d1d1d}
.fd2-cr li>a{display:flex;align-items:center;gap:10px;color:#fff;min-width:0}
.fd2-cr li b{display:block;font:15px var(--f-head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fd2-cr li small{color:#999;font:12px var(--f-body)}
.fd2-cr .tn{font:26px/1 var(--f-head);color:#fff;text-align:center}
.fd2-fo{background:var(--pink);color:#000;border:0;font:13px var(--f-head);padding:7px 10px;cursor:pointer} .fd2-fo.on{background:#222;color:#fff}
.fd2-all{display:block;text-align:right;padding:8px 12px 12px;color:#ffd400;font:14px var(--f-head)}
.fd2-tvm{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;margin:12px 12px 0;background:#000}
.fd2-tvm img,.fd2-tvm video{width:100%;height:100%;object-fit:cover;display:block}
.fd2-live{position:absolute;left:8px;top:8px;background:#e11;color:#fff;font:13px var(--f-head);padding:3px 8px}
.fd2-ogl{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.8);color:#fff;font:13px var(--f-body);padding:3px 8px;display:inline-flex;gap:4px;align-items:center} .fd2-ogl svg{width:14px;height:14px}
.fd2-tv p{color:#fff;font:16px/1.2 var(--f-head);margin:10px 12px}
.fd2-watch{margin:0 12px 14px}
@media (max-width:1560px){.fd2>.kz-note,.fd2>.kz-deko{display:none}}
@media (max-width:1100px){.fd2-g{grid-template-columns:1fr}.fd2-a{display:none}}
@media (max-width:640px){.fd2-row{grid-template-columns:1fr}.fd2-t{font-size:20px}}
.ar2-pol .kz-opis{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ar2-pol .kz-staty small{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* REELS desktop: karuzela pionowych kart */
.rl2-hero{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;position:relative;z-index:2;margin-bottom:6px}
.rl2-hero .wl2-make{margin:0;padding:12px 20px}
.rl2-c{position:relative;z-index:2;margin:0 170px}
.rl2-rz{position:relative}
.rl2-row{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 4px 14px}
.rl2-row::-webkit-scrollbar{display:none}
.rl2-k{position:relative;flex:0 0 clamp(220px,17vw,300px);aspect-ratio:9/16;scroll-snap-align:start;background:#000;border:3px solid #e9e3d6;box-shadow:5px 6px 0 rgba(0,0,0,.6);overflow:hidden;color:#fff;transform:rotate(-.6deg);transition:transform .2s}
.rl2-k.b{transform:rotate(.6deg)} .rl2-k:hover{transform:rotate(0) translateY(-4px)}
.rl2-m{position:absolute;inset:0} .rl2-m img,.rl2-m video{width:100%;height:100%;object-fit:cover;display:block}
.rl2-k::after{content:'';position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,.9));pointer-events:none}
.rl2-v{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.75);font:14px var(--f-head);padding:4px 8px} .rl2-v svg{width:14px;height:14px}
.rl2-nakl{position:absolute;left:12px;right:40px;top:34%;z-index:2;background:#ffd400;color:#000;font:18px/1.05 var(--f-head);padding:6px 9px;transform:rotate(-4deg);text-transform:uppercase;box-shadow:3px 3px 0 rgba(0,0,0,.5)}
.rl2-nakl.p{background:var(--pink);color:#fff;transform:rotate(3deg)}
.rl2-side{position:absolute;right:8px;bottom:110px;z-index:3;display:flex;flex-direction:column;gap:14px;align-items:center}
.rl2-side>span{display:flex;flex-direction:column;align-items:center;gap:2px;font:12px var(--f-body)} .rl2-side svg{width:26px;height:26px;filter:drop-shadow(0 1px 2px #000)}
.rl2-info{position:absolute;left:10px;right:50px;bottom:12px;z-index:3;display:flex;flex-direction:column;gap:4px;font:13px/1.3 var(--f-body);text-shadow:0 1px 3px #000}
.rl2-info b{display:flex;align-items:center;gap:6px;font:15px var(--f-head)} .rl2-av{width:24px;height:24px;border-radius:50%;font-size:10px}
.rl2-info i{font-style:normal;color:var(--pink)}
.rl2-str{position:absolute;right:-22px;top:45%;z-index:4;width:52px;height:52px;background:var(--pink);color:#000;font:28px/1 var(--f-head);border:0;cursor:pointer;box-shadow:3px 3px 0 #000}
.rl2-str.l{left:-22px;right:auto;background:#ffd400}
@media (max-width:1500px){.rl2-c{margin:0 30px}.rl2>.kz-note,.rl2>.kz-deko,.rl2>.kz-scrawl{display:none}}
/* REELS telefon: pełny ekran jak TikTok, bez nagłówka i taśm */
@media (max-width:860px){
  body.reels-fs .top,body.reels-fs .dol-tasma,body.reels-fs .lb,body.reels-fs #lb,body.reels-fs .livebar,body.reels-fs .lb-pop,body.reels-fs .catbar{display:none!important}
  body.reels-fs #view{padding:0!important;margin:0!important}
  body.reels-fs .reels{max-width:none;margin:0}
  body.reels-fs .reel{border-radius:0;margin:0}
  body.reels-fs .reel-snd{top:14px;right:14px}
  body.reels-fs .reel-hint{display:none}
}
@media (max-width:860px){body.reels-fs .dock-pill,body.reels-fs .dock,body.reels-fs #dock{display:none!important}}
/* CREATOR PROFILE: okładka, ring awatara w kolorze profilu, liczniki, przyciski, zakładki, ciemne karty */
.pf{--acc:#ff2dcd}
.pf-c{position:relative;z-index:2;margin:0 190px;background:#0e0e0e;border:2px solid #e9e3d6;box-shadow:5px 6px 0 rgba(0,0,0,.6)}
.pf-cover{position:relative;height:clamp(150px,15vw,260px);background:#111 center/cover no-repeat;border-bottom:3px solid #000}
.pf-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.55))}
.pf-cov-b{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;gap:6px;align-items:center;background:rgba(0,0,0,.75);color:#fff;font:14px var(--f-head);padding:7px 10px}
.pf-cov-b svg{width:16px;height:16px}
.pf-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;padding:0 22px 18px;align-items:start}
.pf-ring{width:170px;height:170px;margin-top:-80px;border-radius:50%;border:6px solid var(--acc);background:#000;overflow:hidden;position:relative;z-index:3;box-shadow:0 0 0 4px #0e0e0e}
.pf-ring .pf-av,.pf-ring img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;font-size:64px;display:grid;place-items:center}
.pf-id{padding-top:14px;min-width:0}
.pf-id h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;color:#fff;font:40px/1 var(--f-head);letter-spacing:.01em;overflow-wrap:anywhere}
.pf-ver svg{width:28px;height:28px;color:var(--acc)}
.pf-tl{display:inline-block;background:#fff;color:#000;font:17px var(--f-head);padding:3px 10px;margin:8px 0 6px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--acc)}
.pf-name{margin:2px 0;color:#aaa}
.pf-bio{margin:6px 0;color:#ddd;font:16px/1.45 var(--f-body);max-width:640px;overflow-wrap:anywhere}
.pf-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 0;color:#ccc;font:14px var(--f-body)}
.pf-meta>*{display:inline-flex;align-items:center;gap:6px;color:#ccc} .pf-meta a{text-decoration:underline;text-underline-offset:3px}
.pf-meta svg{width:16px;height:16px;color:var(--acc)}
.pf-r{display:flex;flex-direction:column;gap:16px;align-items:flex-end;padding-top:18px}
.pf-liczby{display:flex}
.pf-liczby>*{display:flex;flex-direction:column;align-items:center;padding:0 22px;color:#fff;font:15px var(--f-head);letter-spacing:.04em;border-left:1px solid #2b2b2b}
.pf-liczby>*:first-child{border-left:0} .pf-liczby b{font:34px/1 var(--f-head)}
.pf-btn{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pf-edit{display:inline-flex;align-items:center;gap:8px;background:var(--acc);color:#000;border:0;font:20px var(--f-head);letter-spacing:.03em;padding:12px 20px;cursor:pointer}
.pf-edit.on{background:#222;color:#fff}
.pf-edit svg{width:22px;height:22px}
.pf-sh{display:inline-flex;align-items:center;gap:8px;background:#0b0b0b;color:#fff;border:2px solid #fff;font:20px var(--f-head);letter-spacing:.03em;padding:10px 18px;cursor:pointer}
.pf-sh svg{width:20px;height:20px}
.pf-more{position:relative}
.pf-dots{background:#0b0b0b;color:#fff;border:2px solid #fff;padding:10px 14px;cursor:pointer} .pf-dots svg{width:22px;height:22px}
.pf-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#0e0e0e;border:2px solid #e9e3d6;min-width:220px;display:flex;flex-direction:column;box-shadow:4px 4px 0 #000}
.pf-menu>*{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#fff;background:none;border:0;border-bottom:1px solid #1d1d1d;font:15px var(--f-body);text-align:left;cursor:pointer;width:100%}
.pf-menu>*:hover{background:#1a1a1a} .pf-menu svg{width:16px;height:16px}
.pf-tabs{display:flex;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;overflow-x:auto;scrollbar-width:none}
.pf-tabs a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;color:#fff;font:18px var(--f-head);letter-spacing:.04em;border-left:1px solid #2b2b2b;white-space:nowrap}
.pf-tabs a:first-child{border-left:0} .pf-tabs a svg{width:22px;height:22px}
.pf-tabs a.on{background:#ffd400;color:#000}
#ptab{padding:16px}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pf-k{display:flex;flex-direction:column;background:#0b0b0b;border:2px solid #e9e3d6;color:#fff}
.pf-m{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#000}
.pf-m img,.pf-m video{width:100%;height:100%;object-fit:cover;display:block}
.pf-pasek{position:absolute;left:8px;right:8px;bottom:10px;background:var(--acc);color:#000;font:16px/1.1 var(--f-head);padding:6px 9px;transform:rotate(-2deg);text-align:center;box-shadow:2px 2px 0 rgba(0,0,0,.6)}
.pf-st{display:flex;gap:12px;padding:10px 10px 4px;font:13px var(--f-body);color:#ddd}
.pf-st span{display:inline-flex;gap:4px;align-items:center} .pf-st svg{width:15px;height:15px}
.pf-tag{display:flex;gap:6px;flex-wrap:wrap;padding:4px 10px 10px} .pf-tag i{font-style:normal;background:#1a1a1a;color:#bbb;font:12px var(--f-body);padding:3px 7px}
.pf-about{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pf-about .wl2-trend{position:static} .pf-about .wl2-trend>:not(h2){margin:12px;color:#ddd}
.pf-ed{margin:0 16px 16px;background:#141414;border:2px dashed var(--acc)}
.pf-ed .wl2-trend-h small{font:13px var(--f-body);color:#555;margin-left:10px;text-transform:uppercase}
.pf-ed-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}
.pf-ed-w{grid-column:1/-1}
.pf-ed .fld{display:flex;flex-direction:column;gap:6px;color:#fff;font:15px var(--f-head);letter-spacing:.03em}
.pf-ed input:not([type=color]):not([type=checkbox]),.pf-ed textarea,.pf-ed select{background:#0b0b0b;color:#fff;border:1px solid #333;padding:10px;font:15px var(--f-body)}
.pf-acc{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pf-acc button{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer} .pf-acc button.on{border-color:#fff;box-shadow:0 0 0 2px #000}
.pf-acc input[type=color]{width:40px;height:34px;background:none;border:1px solid #333;padding:0;cursor:pointer}
.pf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pf-ed-b{display:flex;gap:10px;padding:0 16px 16px}
@media (max-width:1500px){.pf-c{margin:0}.pf>.kz-note,.pf>.kz-deko{display:none}}
@media (max-width:980px){.pf-head{grid-template-columns:1fr;justify-items:center;text-align:center}.pf-id h1{justify-content:center}.pf-meta{justify-content:center}.pf-r{align-items:center;padding-top:0}.pf-btn{justify-content:center}.pf-ring{width:130px;height:130px;margin-top:-65px}}
@media (max-width:640px){.pf-id h1{font-size:30px}.pf-liczby>*{padding:0 14px}.pf-liczby b{font-size:26px}.pf-edit,.pf-sh{font-size:16px;padding:10px 12px}.pf-tabs a{font-size:15px;padding:12px 14px}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-ed-g,.pf-links{grid-template-columns:1fr}}
.pf-menu[hidden]{display:none}
.pf-ver{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#000;font:700 18px/1 var(--f-body)}
/* styl tła z SETTINGS → APPEARANCE */
body.tlo-darker #tloNaklejki{filter:brightness(.5)}
body.tlo-cleaner #tloNaklejki{opacity:.3}
body.malo-ruchu *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
body.malo-ruchu .livebar .lb-tk,body.malo-ruchu .dol-tasma .pt-in{animation:none!important}
/* SETTINGS: lewe menu sekcji, karty z żółtą ikoną, przełączniki, akcenty, style tła */
.st-g{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;position:relative;z-index:2;margin:0 180px}
.st-nav{background:#0e0e0e;border:2px solid #e9e3d6;align-self:start;position:sticky;top:96px;display:flex;flex-direction:column}
.st-nav a{display:flex;align-items:center;gap:14px;padding:13px 16px;color:#fff;font:19px var(--f-head);letter-spacing:.03em;border-bottom:1px solid #1d1d1d}
.st-nav a svg{width:24px;height:24px}
.st-nav a.on{background:#ffd400;color:#000;margin:6px;transform:rotate(-1deg)}
.st-kol{columns:3 340px;column-gap:16px}
.st.jedna .st-kol{columns:1;max-width:760px}
.st-k{break-inside:avoid;margin:0 0 16px;background:#0e0e0e;border:2px solid #e9e3d6;box-shadow:4px 5px 0 rgba(0,0,0,.55)}
.st-k[hidden]{display:none}
.st-k>header{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #2b2b2b}
.st-ik{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#ffd400;color:#000;transform:rotate(-4deg)} .st-ik svg{width:26px;height:26px}
.st-k h2{margin:0;color:#fff;font:26px/1 var(--f-head);letter-spacing:.02em}
.st-k header small{display:block;color:#aaa;font:12px var(--f-head);letter-spacing:.08em;margin-top:4px;text-transform:uppercase}
.st-r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #1a1a1a;color:#fff;cursor:default}
label.st-r{cursor:pointer}
.st-r b{display:block;font:600 15px var(--f-body)} .st-r small{display:block;color:#999;font:13px var(--f-body);margin-top:2px}
.st-sw{appearance:none;flex:none;width:46px;height:26px;border-radius:13px;background:#333;position:relative;cursor:pointer;transition:background .15s}
.st-sw::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.st-sw:checked{background:var(--pink)} .st-sw:checked::after{left:23px} .st-sw:disabled{opacity:.4;cursor:not-allowed}
.st-btn{flex:none;display:inline-flex;align-items:center;gap:6px;background:#0b0b0b;color:#fff;border:2px solid #fff;font:14px var(--f-head);letter-spacing:.05em;padding:8px 14px;cursor:pointer}
.st-btn svg{width:16px;height:16px} .st-btn.red{border-color:#ff3b3b;color:#ff3b3b} .st-btn.sm{padding:4px 8px;font-size:12px}
.st-wkr{background:#ffd400;color:#000;font:13px var(--f-head);padding:4px 8px;transform:rotate(-3deg)}
.st-in{width:calc(100% - 28px);margin:0 14px 14px;background:#ece6d8;color:#111;border:0;padding:10px;font:14px var(--f-body)}
.st-blok{border-bottom:0}
.st-seg{display:flex;gap:8px} .st-seg button{background:#0b0b0b;color:#fff;border:2px solid #fff;font:14px var(--f-head);padding:7px 12px;cursor:pointer} .st-seg button.on{background:var(--pink);color:#000;border-color:var(--pink)}
.st-acc{display:flex;gap:8px;flex-wrap:wrap} .st-acc button{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer} .st-acc button.on{border-color:#fff;box-shadow:0 0 0 2px #000}
.st-tla{display:flex;gap:8px;flex-wrap:wrap}
.st-tla button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid #333;color:#fff;font:12px var(--f-head);padding:4px;cursor:pointer} .st-tla button.on{border-color:var(--pink)}
.st-tla i{width:62px;height:40px;background:#222}
.st-tlo-classic{background:#2a2a2a url(/img/raccoon-king.webp) center/40% no-repeat!important}
.st-tlo-darker{background:#111 url(/img/raccoon-king.webp) center/40% no-repeat!important;filter:brightness(.45)}
.st-tlo-cleaner{background:#222!important;opacity:.6}
.st-tlo-chaos{background:#2a2a2a url(/img/cat-crown.webp) center/45% no-repeat!important;filter:saturate(1.8)}
.st select{background:#0b0b0b;color:#fff;border:1px solid #333;padding:7px 10px;font:14px var(--f-body)}
.st-prof{display:flex;gap:16px;padding:14px}
.st-av{position:relative;flex:none;width:110px;height:110px;border-radius:50%;border:4px solid var(--pink);overflow:visible}
.st-av img,.st-av .st-avi{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;font-size:40px;display:grid;place-items:center}
.st-av i{position:absolute;right:-4px;bottom:-4px;width:34px;height:34px;display:grid;place-items:center;background:#000;border:2px solid #fff;border-radius:6px;color:#fff} .st-av i svg{width:18px;height:18px}
.st-pf{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.st-pf .fld{display:flex;flex-direction:column;gap:6px;color:#ccc;font:13px var(--f-body)}
.st-nick{display:flex;gap:8px} .st-nick input{flex:1;min-width:0}
.st-pf input,.st-pf textarea{background:#0b0b0b;color:#fff;border:1px solid #444;padding:9px;font:15px var(--f-body)}
.st-zmien{background:var(--pink);color:#000;border:0;font:15px var(--f-head);padding:0 14px;cursor:pointer}
.st-ile{align-self:flex-end;color:#888;font:12px var(--f-body)}
.st-meta{margin:0;color:#999;font:12px var(--f-body);display:flex;gap:8px;flex-wrap:wrap;align-items:center} .st-meta a{color:#ffd400}
.st-gosc{padding:14px;color:#ddd;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.st-app{display:flex;gap:12px;align-items:center}
.st-app>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:700 15px var(--f-body);font-style:normal;color:#fff;background:#5865f2}
.st-app>i.sh-x{background:#000;border:1px solid #fff} .st-app>i.sh-youtube{background:#f00} .st-app>i.sh-tiktok{background:#111;box-shadow:2px 0 #25f4ee,-2px 0 #fe2c55}
.st-toki{padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px;color:#ddd}
.st-toki .tokf{display:flex;gap:8px} .st-toki .st-in{margin:0;width:auto;flex:1}
.st-danger{border-color:#ff3b3b} .st-danger .st-ik{background:#ff3b3b}
@media (max-width:1500px){.st-g{margin:0}.st>.kz-note,.st>.kz-deko,.st>.kz-scrawl{display:none}}
@media (max-width:900px){.st-g{grid-template-columns:1fr}.st-nav{position:static;flex-direction:row;overflow-x:auto}.st-nav a{flex:none;border-bottom:0;font-size:15px;padding:10px 12px}.st-kol{columns:1}.st-prof{flex-direction:column;align-items:center}}
/* PROFILE v2 (referencja CEO 5.10.2026, druga): lewe menu, korona i ONLINE przy awatarze, notatka, kafelki liczników, sortowanie, ABOUT po prawej */
.st .pf-edit{background:var(--pink)}
.pf-uk{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;position:relative;z-index:2;margin:0 130px 0 0}
.pf-uk .pf-c{margin:0}
.pf-side{display:flex;flex-direction:column;gap:4px;align-self:start;position:sticky;top:96px;padding-top:70px}
.pf-side a{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#fff;font:22px var(--f-hand);text-transform:uppercase;text-shadow:2px 2px 0 #000}
.pf-side a svg{width:24px;height:24px}
.pf-side a.on{background:var(--acc,#ff2dcd);color:#000;text-shadow:none;transform:rotate(-2deg)}
.pf-side a:hover:not(.on){color:#ffd400}
.pf-ring{overflow:visible}
.pf-ring>img.pf-av,.pf-ring>.pf-av{border-radius:50%;overflow:hidden}
.pf-kor{position:absolute;left:-26px;top:-34px;width:80px;rotate:-20deg;z-index:4;pointer-events:none}
.pf-on{position:absolute;right:-6px;bottom:14px;z-index:4;background:#39ff14;color:#000;font:12px var(--f-head);letter-spacing:.05em;padding:4px 9px;border:2px solid #000;border-radius:12px}
.pf-id{position:relative}
.pf-nt{right:-210px;top:10px;font-size:17px;max-width:190px;--r:-5deg}
.pf-liczby{gap:10px}
.pf-liczby>*{background:#ece6d8 url(/img/papier.webp);color:#111;border:0;padding:10px 16px;min-width:104px;box-shadow:3px 4px 0 rgba(0,0,0,.6);transform:rotate(-1deg)}
.pf-liczby>*:nth-child(2){transform:rotate(1deg)}
.pf-tabs{gap:8px;border:0;padding:14px 14px 4px;flex-wrap:wrap;overflow:visible}
.pf-tabs a{flex:0 0 auto;background:#ece6d8 url(/img/papier.webp);color:#111;border:0;padding:10px 14px;font-size:17px;box-shadow:2px 3px 0 rgba(0,0,0,.6)}
.pf-tabs a:nth-child(odd){transform:rotate(-1deg)} .pf-tabs a.on{background:#ffd400}
.pf-dol{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;border-top:1px solid #2b2b2b}
.pf-sort{display:flex;gap:8px;align-items:center;padding:10px 16px 0}
.pf-sort>a{background:#0b0b0b;color:#fff;border:1px solid #444;font:14px var(--f-body);padding:7px 14px}
.pf-sort>a.on{background:var(--acc);color:#000;border-color:var(--acc);font-weight:700}
.pf-wid{margin-left:auto;display:flex;gap:4px} .pf-wid a{color:#777;font-size:22px;padding:2px 6px;border:1px solid #333} .pf-wid a.on{color:#fff;border-color:#fff}
.pf-grid.s{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))} .pf-grid.s .pf-tag,.pf-grid.s .pf-st{display:none}
.pf-pasek{background:#ece6d8 url(/img/papier.webp);color:#111;font-size:19px;text-align:left;left:10px;right:auto;max-width:88%}
.pf-ab{background:#ece6d8 url(/img/papier.webp);color:#111;padding:16px 18px;margin:14px 14px 14px 0;align-self:start;box-shadow:4px 5px 0 rgba(0,0,0,.6);transform:rotate(.5deg)}
.pf-ab h2{font:24px var(--f-head);margin:12px 0 8px;letter-spacing:.02em} .pf-ab h2:first-child{margin-top:0}
.pf-ab p{margin:0 0 10px;font:14px/1.45 var(--f-body);overflow-wrap:anywhere}
.pf-ab ul{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column;gap:6px;font:14px var(--f-body)}
.pf-ab li{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere} .pf-ab li svg{width:16px;height:16px;color:var(--acc);flex:none} .pf-ab a{color:#111}
.pf-tt{display:flex;flex-wrap:wrap;gap:6px} .pf-tt a{background:#111;color:#fff;font:13px var(--f-body);padding:4px 8px}
.pf-bd{display:flex;flex-wrap:wrap;gap:10px}
.pf-bd span{display:flex;flex-direction:column;align-items:center;gap:3px;width:56px;text-align:center}
.pf-bd svg{width:40px;height:40px;padding:8px;border-radius:50%;background:#111;color:#ffd400}
.pf-bd .c-pink svg{color:var(--pink)} .pf-bd .c-toxic svg{color:#39ff14} .pf-bd .c-cyber svg{color:#00e5ff} .pf-bd .c-alert svg{color:#ff7a00}
.pf-bd small{font:10px/1.1 var(--f-head)}
@media (max-width:1700px){.pf-nt{display:none}}
@media (max-width:1500px){.pf-uk{margin:0}}
@media (max-width:1250px){.pf-uk{grid-template-columns:1fr}.pf-side{position:static;flex-direction:row;overflow-x:auto;padding-top:0}.pf-side a{flex:none;font-size:18px}.pf-dol{grid-template-columns:1fr}.pf-ab{margin:0 14px 14px}}
.pf-uk{margin-right:210px}
.pf-kor{left:-6px;top:-44px;width:62px;rotate:-18deg}
.pf-head{grid-template-columns:auto minmax(0,1fr) auto auto}
.pf-nt{position:relative;right:auto;top:auto;align-self:center;font-size:17px;max-width:180px;--r:-5deg;pointer-events:none}
.pf-side-d{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;position:relative}
.pf-side-d img{width:150px} .pf-side-d img+.kz-note{margin-top:-20px}
.pf-side-d .kz-note{position:relative;font-size:18px;--r:-5deg}
.pf-side-d .kz-scrawl{position:relative;font-size:28px;color:var(--pink)}
@media (max-width:1800px){.pf-nt{display:none}.pf-head{grid-template-columns:auto minmax(0,1fr) auto}}
@media (max-width:1500px){.pf-uk{margin:0}}
@media (max-width:1250px){.pf-side-d{display:none}}
.pf-ring img.pf-kor{width:62px!important;height:auto!important;border-radius:0;object-fit:contain}
/* STOPKA (referencja CEO 5.10.2026) */
.ft2{position:relative;z-index:2;border:0;margin-top:40px;background:#0b0b0b url(/img/czern.webp);color:#fff}
.ft2-pas{display:flex;align-items:center;gap:40px;justify-content:center;background:var(--pink);color:#000;padding:16px 30px 20px;clip-path:polygon(0 12%,4% 0,9% 10%,15% 2%,22% 9%,30% 0,38% 8%,46% 1%,55% 9%,63% 0,71% 8%,80% 1%,88% 9%,95% 2%,100% 10%,100% 88%,94% 100%,86% 90%,77% 98%,69% 89%,60% 99%,51% 90%,42% 98%,33% 89%,24% 99%,15% 90%,7% 98%,0 89%)}
.ft2-scroll{font:40px/1 var(--f-hand);transform:rotate(-2deg)} .ft2-scroll i{font-style:normal;margin-left:20px;letter-spacing:.2em}
.ft2-bad{font:24px/1 var(--f-hand)} .ft2-bad small{font-size:13px;vertical-align:super}
.ft2-smile{width:56px}
.ft2-in{position:relative;display:grid;grid-template-columns:300px repeat(4,minmax(0,1fr)) 380px;gap:26px 30px;max-width:1760px;margin:0 auto;padding:30px 40px 20px}
.ft2-logo{position:relative;grid-row:span 2;min-height:420px}
.ft2-lg{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;color:#fff}
.ft2-kor{position:absolute;right:-30px;top:-34px;width:56px;rotate:12deg}
.ft2-jt{font:64px/1 var(--f-head);background:#ece6d8;color:#111;padding:4px 10px;transform:rotate(-1.5deg)} .ft2-jt b{color:#d0021b}
.ft2-home{background:#ffd400;color:#000;font:20px var(--f-head);letter-spacing:.06em;padding:6px 12px;margin:10px 0 0 10px;transform:rotate(-3deg)}
.ft2-hand{display:block;margin:26px 0 0 90px;font:26px/1.1 var(--f-hand);transform:rotate(-8deg)}
.ft2-kot{position:absolute;left:-30px;top:240px;width:150px}
.ft2-n1{left:120px;top:250px;font-size:20px;--r:-6deg}
.ft2-tv{position:absolute;left:-20px;top:390px;width:150px;rotate:-8deg}
.ft2-sf{position:absolute;left:10px;top:480px;background:var(--pink);color:#000;font:26px/1 var(--f-hand);padding:4px 10px;transform:rotate(-8deg)}
.ft2-kol{display:flex;flex-direction:column;gap:10px}
.ft2-h{display:inline-block;align-self:flex-start;margin:0 0 10px;font:30px/1 var(--f-head);padding:8px 14px;background:#ece6d8 url(/img/papier.webp);color:#111;transform:rotate(-2deg);position:relative}
.ft2-h.y{background:#ffd400} .ft2-h::after{content:'';position:absolute;left:10%;right:30%;bottom:-12px;height:5px;background:var(--pink);transform:skewX(-14deg)}
.ft2-kol a{color:#eee;font:20px var(--f-head);letter-spacing:.02em} .ft2-kol a:hover{color:#ffd400}
.ft2-join{position:relative;border:4px solid var(--pink);padding:20px 22px;align-self:start;transform:rotate(-1deg);display:flex;flex-direction:column;gap:12px;background:#0b0b0b}
.ft2-join h3{margin:0;font:34px var(--f-head)} .ft2-join p{margin:0;font:17px var(--f-body);color:#ddd}
.ft2-join input[type=email]{background:#111;border:1px solid #444;color:#fff;padding:14px;font:16px var(--f-body)}
.ft2-join button{background:var(--pink);color:#000;border:0;font:24px var(--f-head);padding:12px;cursor:pointer}
.ft2-join label{display:flex;gap:10px;align-items:center;font:15px var(--f-body);color:#ddd} .ft2-join label input{width:18px;height:18px;accent-color:var(--pink)}
.ft2-spam{right:-40px;bottom:-30px;font-size:22px;--r:8deg}
.ft2-follow{grid-column:2 / span 4;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ft2-fh{font:30px var(--f-hand);color:var(--pink);transform:rotate(-6deg);margin-right:10px} .ft2-fh i{font-style:normal}
.ft2-s{display:grid;place-items:center;width:66px;height:66px;background:#ece6d8 url(/img/papier.webp);color:#111;font:700 30px var(--f-body);transform:rotate(-2deg);box-shadow:3px 3px 0 rgba(0,0,0,.6)}
.ft2-s:nth-child(odd){transform:rotate(2deg)} .ft2-s:hover{background:#ffd400}
.ft2-circ{margin-left:20px;border:3px solid #ffd400;border-radius:50%;padding:16px 26px;font:22px/1.05 var(--f-hand);transform:rotate(-8deg);text-align:center}
.ft2-szop{position:absolute;right:30px;bottom:-30px;width:220px;pointer-events:none}
.ft2-all{right:-10px;bottom:140px;font-size:22px;--r:6deg}
.ft2-dol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;max-width:1500px;margin:0 auto;padding:18px 40px 24px;border-top:1px solid #2b2b2b;font:16px/1.4 var(--f-body);color:#fff}
.ft2-dol small{color:#aaa} .ft2-dol .c{text-align:center} .ft2-dol .r{padding-left:30px} .ft2-dol .r i{color:#39ff14;font-style:normal;font-size:22px;margin-right:8px}
.foot-in{display:none}
@media (max-width:1500px){.ft2-in{grid-template-columns:repeat(4,minmax(0,1fr))}.ft2-logo{grid-column:1/-1;grid-row:auto;min-height:0}.ft2-kot,.ft2-n1,.ft2-tv,.ft2-sf,.ft2-szop,.ft2-all{display:none}.ft2-join{grid-column:1/-1}.ft2-follow{grid-column:1/-1}}
@media (max-width:760px){.ft2-pas{flex-direction:column;gap:6px}.ft2-scroll{font-size:28px}.ft2-bad{font-size:16px;text-align:center}.ft2-in{grid-template-columns:1fr 1fr;padding:24px 16px}.ft2-jt{font-size:44px}.ft2-dol{grid-template-columns:1fr;padding:16px}.ft2-dol .c{text-align:left}.ft2-dol .r{padding:0}.ft2-spam{display:none}.ft2-s{width:52px;height:52px}.ft2-circ{display:none}.ft2-kol a{font-size:17px}.ft2-h{font-size:24px}}
.ft2 a{text-decoration:none}
@media (min-width:1501px){.ft2-follow{flex-wrap:nowrap}.ft2-circ{flex:none}}
:root{--pink:#ff2dcd}
@media (max-width:860px){body.reels-fs .reels,body.reels-fs .reel{height:calc(100dvh - var(--bnav-h,54px))!important}}
/* DOOMSLOPPING: podpis-naklejka na dole filmu, nad autorem */
.rl2-nakl{position:static;display:inline-block;align-self:flex-start;margin:0 0 6px;max-width:100%;font-size:17px}
.rl2-opis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rl2-side{bottom:150px}
.reel-cap{position:static!important;display:inline-block;align-self:flex-start;transform:rotate(-2deg);font:20px/1.1 var(--f-head)!important;padding:6px 10px;max-width:100%;text-shadow:none}
.reel-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* poziome filmy w pionowym kadrze: całe (contain) na rozmytym tle z miniatury */
.reel-bg{position:absolute;inset:-8%;width:116%!important;height:116%!important;object-fit:cover;filter:blur(28px) brightness(.55) saturate(1.3);transform:scale(1.1);z-index:0;pointer-events:none}
.reel.poz .reel-m>:not(.reel-bg),.rl2-k.poz .rl2-m>:not(.reel-bg){position:relative;z-index:1}
.reel.poz .reel-m video,.reel.poz .reel-m>img:not(.reel-bg),.reel.poz .reel-m .media img,.reel.poz .reel-m .media video{object-fit:contain!important;background:transparent}
.rl2-k.poz .rl2-m{display:flex;align-items:center;justify-content:center;overflow:hidden}
.rl2-k.poz .rl2-m video,.rl2-k.poz .rl2-m>img:not(.reel-bg),.rl2-k.poz .rl2-m .media img,.rl2-k.poz .rl2-m .media video{object-fit:contain!important;height:auto!important;max-height:100%}
.reel.is-image.act.poz .reel-m>img{animation:none}
/* DOOMSLOPPING slajd v3 (referencja CEO 5.10.2026) */
.rl3{box-shadow:inset 0 0 0 3px #0b0b0b,inset 0 0 60px 18px rgba(0,0,0,.75)}
.rl3::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border:6px solid transparent;border-image:repeating-linear-gradient(90deg,#0b0b0b 0 9px,transparent 9px 13px) 6;opacity:.85}
.rl3::after{height:52%;background:linear-gradient(transparent,rgba(0,0,0,.92))}
.rl3-logo{position:absolute;left:14px;top:12px;z-index:4;transform:rotate(-2deg)}
.rl3-side{right:8px;bottom:120px;gap:8px}
.rxs.nk{display:flex;flex-direction:column;gap:6px;align-items:center}
.rxs.nk .rx{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;padding:0;cursor:pointer;color:#fff}
.rxs.nk .rx-l{font:15px/1 var(--f-head);padding:5px 8px;transform:rotate(-4deg);box-shadow:2px 2px 0 rgba(0,0,0,.6);color:#000}
.rxs.nk .rx-hell .rx-l{background:#ffd400} .rxs.nk .rx-fuck .rx-l{background:var(--pink);transform:rotate(3deg)} .rxs.nk .rx-wtf .rx-l{background:#ece6d8 url(/img/papier.webp)}
.rxs.nk .rx-ik{display:grid;place-items:center;width:52px;height:52px;border-radius:46% 54% 50% 50%;border:3px solid #fff;box-shadow:2px 3px 0 #000}
.rxs.nk .rx-ik svg{width:30px;height:30px;color:#000;stroke-width:2.4}
.rxs.nk .rx-hell .rx-ik{background:#39ff14} .rxs.nk .rx-fuck .rx-ik{background:#ff3b3b} .rxs.nk .rx-wtf .rx-ik{background:#e632ff}
.rxs.nk .rx-c{background:#0b0b0b;color:#fff;border:2px solid #fff;font:15px var(--f-head);padding:3px 9px;transform:rotate(-2deg)}
.rxs.nk .rx.on .rx-ik{transform:scale(1.12) rotate(-6deg);box-shadow:0 0 0 3px var(--pink),2px 3px 0 #000}
.rl3-b{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;background:none;border:0;cursor:pointer;font:13px var(--f-head)}
.rl3-b svg{width:30px;height:30px;filter:drop-shadow(0 2px 2px #000)} .rl3-sh svg{color:#ffd400}
.rl3-b small{background:#ece6d8 url(/img/papier.webp);color:#111;padding:1px 6px;transform:rotate(-2deg)}
.rl3-b.on svg{color:var(--pink)} .rl3-dots small{display:none}
.rl3-info{left:14px;right:84px;bottom:16px;gap:7px}
.rl3-cap{align-self:flex-start;background:#ffd400;color:#000;font:22px/1.05 var(--f-hand);padding:6px 12px;transform:rotate(-2deg);box-shadow:3px 3px 0 rgba(0,0,0,.6);max-width:100%;text-shadow:none}
.rl3-by{display:flex;align-items:center;gap:10px}
.rl3-av .av{width:52px;height:52px;border:3px solid var(--pink);border-radius:50%;font-size:22px}
.rl3-nick{color:#fff;font:700 17px var(--f-body)} .rl3-nick i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--pink);color:#fff;font:700 11px var(--f-body);font-style:normal}
.rl3-fo{background:var(--pink);color:#000;border:0;font:15px var(--f-head);padding:5px 12px;transform:rotate(-3deg);cursor:pointer} .rl3-fo.on{background:#222;color:#fff}
.rl3-t{margin:0;font:14px/1.35 var(--f-body);color:#eee}
.rl3-tagi{display:flex;gap:6px;flex-wrap:wrap;margin:0} .rl3-tagi a{border:1px solid rgba(255,255,255,.6);color:#fff;font:13px var(--f-body);padding:3px 9px;background:rgba(0,0,0,.35)}
.rl3-meta{display:flex;align-items:center;gap:10px;margin:0;color:#ddd;font:13px var(--f-body)} .rl3-meta span{display:inline-flex;gap:5px;align-items:center} .rl3-meta svg{width:15px;height:15px}
.rl3-typ{background:#ece6d8;color:#111;font:13px var(--f-head)!important;padding:4px 8px}
@media (min-width:861px){.rl3-logo{display:none}}
/* podpowiedzi @handle */
.at-box{position:absolute;z-index:200;background:#0e0e0e;border:2px solid #e9e3d6;box-shadow:4px 4px 0 #000;display:flex;flex-direction:column;max-height:280px;overflow:auto}
.at-box button{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:0;border-bottom:1px solid #1d1d1d;color:#fff;font:15px var(--f-body);cursor:pointer;text-align:left}
.at-box button.on,.at-box button:hover{background:var(--pink);color:#000}
.at-av{width:26px;height:26px;border-radius:50%;font-size:11px;flex:none}
.cm-at{color:var(--pink);font-weight:700}
/* PREMIUM: trzy plany */
.pl2-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:0 auto;position:relative;z-index:2}
.pl2-k{position:relative;background:#0e0e0e;border:3px solid #e9e3d6;padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:5px 6px 0 rgba(0,0,0,.6);color:#fff}
.pl2-k:nth-child(2){transform:rotate(-1deg) scale(1.03);border-color:#ffd400} .pl2-k:nth-child(3){transform:rotate(.8deg);border-color:var(--pink)}
.pl2-k h2{margin:0;font:40px/1 var(--f-head);letter-spacing:.02em}
.pl2-k.y h2{color:#ffd400} .pl2-k.p h2{color:var(--pink)}
.pl2-c{margin:0;font:16px var(--f-body);color:#bbb} .pl2-c b{font:48px/1 var(--f-head);color:#fff;margin-right:6px}
.pl2-h{margin:0;font:22px var(--f-hand);color:#ece6d8;transform:rotate(-2deg)}
.pl2-k ul{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:8px;font:15px var(--f-body)}
.pl2-k li{display:flex;gap:8px;align-items:center} .pl2-k li svg{width:18px;height:18px;color:#39ff14;flex:none}
.pl2-b{margin-top:auto;border:0;cursor:pointer;font:22px var(--f-head);letter-spacing:.03em;padding:14px;background:#ece6d8 url(/img/papier.webp);color:#111}
.pl2-k.y .pl2-b{background:#ffd400} .pl2-k.p .pl2-b{background:var(--pink)}
.pl2-twoj{position:absolute;top:-16px;right:14px;background:#39ff14;color:#000;font:14px var(--f-head);padding:5px 10px;transform:rotate(4deg)}
.pl2-k.twoj{box-shadow:0 0 0 4px #39ff14,5px 6px 0 rgba(0,0,0,.6)}
.pl2-gw{max-width:1200px;margin:16px auto 30px;color:#aaa;font:13px var(--f-body);text-align:center;position:relative;z-index:2}
@media (max-width:900px){.pl2-g{grid-template-columns:1fr;max-width:460px}.pl2-k:nth-child(n){transform:none}}
/* odtwarzacz piosenki profilu (MySpace) */
.pf-mp3{position:relative;z-index:3}
.mp3{position:relative;display:flex;align-items:center;gap:12px;background:#0b0b0b;border-bottom:2px solid #2b2b2b;padding:8px 14px;color:#fff}
.mp3-pp{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--acc,var(--pink));color:#000;display:grid;place-items:center;cursor:pointer;box-shadow:2px 2px 0 #000}
.mp3-pp svg{width:20px;height:20px}
.mp3.gra .mp3-pp{animation:mp3-bit 0.9s steps(2) infinite}
@keyframes mp3-bit{50%{transform:scale(1.08) rotate(-4deg)}}
.mp3-s{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mp3-t{overflow:hidden;white-space:nowrap;font:15px var(--f-head);letter-spacing:.04em;color:#ffd400}
.mp3-t span{display:inline-block;padding-left:100%;animation:mp3-marquee 14s linear infinite}
@keyframes mp3-marquee{to{transform:translateX(-100%)}}
.mp3-bar{height:8px;background:#222;cursor:pointer;border:1px solid #333} .mp3-bar i{display:block;height:100%;width:0;background:var(--acc,var(--pink))}
.mp3-c{color:#999;font:12px var(--f-body)}
.mp3-m{flex:none;background:none;border:0;color:#fff;cursor:pointer} .mp3-m svg{width:22px;height:22px} .mp3.cisza .mp3-m{opacity:.4}
.mp3-v{flex:none;width:90px;accent-color:var(--acc,var(--pink))}
.mp3-hint{position:absolute;right:14px;top:-26px;background:#ffd400;color:#000;font:15px var(--f-head);padding:5px 10px;transform:rotate(-3deg);box-shadow:3px 3px 0 #000;animation:mp3-puls 1s ease-in-out infinite}
@keyframes mp3-puls{50%{transform:rotate(-3deg) scale(1.08)}}
@media (max-width:640px){.mp3-v{display:none}.mp3-hint{font-size:12px;top:-22px}}
/* strona posta: kto lajkuje, komentuje, udostępnia + metadane pliku */
.pp-ludzie .seg{margin:8px 0;flex-wrap:wrap}
.pp-av{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.pp-av a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ddd;font:11px var(--f-body);min-width:0}
.pp-av .av{width:44px;height:44px;border-radius:50%;font-size:18px}
.pp-av small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:14px 0 0;padding-top:12px;border-top:1px solid #2b2b2b;font:13px var(--f-body)}
.pp-meta dt{color:#999} .pp-meta dd{margin:0;color:#fff}
/* STICKER SHOP */
.sk2-coins{display:inline-flex;align-items:center;gap:8px;background:#0b0b0b;border:2px solid #ffd400;color:#ffd400;font:22px var(--f-head);padding:8px 14px;transform:rotate(-2deg)} .sk2-coins svg{width:20px;height:20px}
.sk2-bonus{background:#39ff14;color:#000;border:0;font:18px var(--f-head);padding:10px 14px;cursor:pointer;transform:rotate(2deg)} .sk2-bonus:disabled{background:#333;color:#999;cursor:default}
.sk2-tabs select{background:#0b0b0b;color:#fff;border:1px solid #333;font:14px var(--f-head);padding:10px}
.sk2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;position:relative;z-index:2;max-width:1500px;margin:0 auto}
.sk2-k{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:#ece6d8 url(/img/papier.webp);color:#111;padding:16px 12px 12px;box-shadow:4px 5px 0 rgba(0,0,0,.55);text-align:center}
.sk2-k:nth-child(odd){transform:rotate(-1deg)} .sk2-k:nth-child(3n){transform:rotate(1deg)}
.sk2-k img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(2px 4px 0 rgba(0,0,0,.35));transition:transform .2s}
.sk2-k:hover img{transform:rotate(-6deg) scale(1.08)}
.sk2-k b{font:20px/1.05 var(--f-head)} .sk2-k small{font:13px/1.3 var(--f-body);color:#333;min-height:34px}
.sk2-rz{position:absolute;top:8px;left:8px;font:12px var(--f-head);text-transform:uppercase;padding:3px 7px;background:#111;color:#fff}
.sk2-k.g .sk2-rz{background:#39ff14;color:#000} .sk2-k.c .sk2-rz{background:#00e5ff;color:#000} .sk2-k.p .sk2-rz{background:#9b5cff} .sk2-k.y .sk2-rz{background:#ffd400;color:#000} .sk2-k.r .sk2-rz{background:var(--pink)}
.sk2-buy{display:inline-flex;align-items:center;gap:6px;background:var(--pink);color:#000;border:0;font:18px var(--f-head);padding:8px 16px;cursor:pointer} .sk2-buy svg{width:16px;height:16px}
.sk2-own{font:16px var(--f-head);color:#0a7a00}
.sk2-gw{text-align:center;color:#ddd;position:relative;z-index:2;margin:20px}
@media (max-width:1500px){.sk2>.kz-note,.sk2>.kz-deko{display:none}}
@media (max-width:640px){.sk2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sk2-k img{width:110px;height:110px}}
/* naklejki na profilu */
.pf-c{position:relative}
.pf-deko{position:absolute;left:0;right:0;top:0;height:min(520px,60%);z-index:5;pointer-events:none}
.pf-deko .dk-n{position:absolute;width:clamp(70px,9vw,140px);height:auto;filter:drop-shadow(2px 4px 0 rgba(0,0,0,.45));user-select:none}
.pf-deko.edycja{pointer-events:auto;outline:3px dashed var(--pink);outline-offset:-3px;touch-action:none}
.pf-deko.edycja .dk-n{cursor:grab} .pf-deko .dk-n.wyb{outline:3px solid #ffd400;outline-offset:2px}
.dk-pasek{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#0b0b0b;border-bottom:2px solid var(--pink);padding:8px 14px;color:#fff;position:relative;z-index:6}
.dk-pasek>b{font:18px var(--f-head);color:var(--pink)}
.dk-pal{display:flex;gap:6px;overflow-x:auto;max-width:60%;scrollbar-width:thin} .dk-pal a{color:#ffd400}
.dk-pal button{flex:none;width:48px;height:48px;background:#1a1a1a;border:1px solid #333;padding:3px;cursor:pointer} .dk-pal img{width:100%;height:100%;object-fit:contain}
.dk-akcje{display:flex;gap:6px;margin-left:auto} .dk-akcje button{background:#1a1a1a;color:#fff;border:1px solid #444;font:18px var(--f-head);padding:6px 10px;cursor:pointer}
.dk-akcje .dk-zapisz{background:var(--pink);color:#000;border:0}
/* odznaki i kamienie milowe */
.odz{display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:72px;text-align:center}
.odz svg{width:46px;height:46px;padding:10px;border-radius:50%;background:#111;border:3px solid currentColor;box-shadow:2px 3px 0 rgba(0,0,0,.6)}
.odz small{font:11px/1.1 var(--f-head);color:inherit;opacity:.95}
.odz.c-pink{color:var(--pink)} .odz.c-yellow{color:#ffd400} .odz.c-green{color:#39ff14} .odz.c-cyan{color:#00e5ff} .odz.c-purple{color:#b07bff} .odz.c-orange{color:#ff7a00} .odz.c-red{color:#ff3b3b} .odz.c-white{color:#ece6d8}
.odz.zablok{color:#555!important;filter:grayscale(1);opacity:.6}
.odz-razem{font:18px var(--f-body);color:#ddd;margin:0 0 12px} .odz-razem b{font:28px var(--f-head);color:#ffd400}
.odz-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.odz-m{background:#0e0e0e;border:2px solid #2b2b2b;padding:12px}
.odz-m header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#fff;font:16px var(--f-head);letter-spacing:.04em} .odz-m header small{color:#aaa;font:13px var(--f-body)}
.odz-pasek{height:8px;background:#222;margin:8px 0 10px} .odz-pasek i{display:block;height:100%;background:var(--pink)}
.odz-rzad{display:flex;flex-wrap:wrap;gap:8px}
.pf-bd .odz{width:58px} .pf-bd .odz svg{width:38px;height:38px;padding:8px} .pf-bd-all{float:right;font:13px var(--f-head);color:#111}
.bd2-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;max-width:1500px;margin:0 auto;position:relative;z-index:2}
.bd2-m{background:#0e0e0e;border:2px solid #e9e3d6;box-shadow:4px 5px 0 rgba(0,0,0,.55)}
@media (max-width:1500px){.bd2>.kz-note,.bd2>.kz-deko{display:none}}
@media (max-width:640px){.bd2-lista,.odz-siatka{grid-template-columns:1fr}}
/* LIVE streaming */
.st2-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;max-width:1500px;margin:0 auto;position:relative;z-index:2}
.st2-wideo{position:relative;aspect-ratio:16/9;background:#000;border:3px solid #e9e3d6;box-shadow:5px 6px 0 rgba(0,0,0,.6);overflow:hidden}
.st2-wideo video{width:100%;height:100%;object-fit:contain;background:#000}
.st2-live{position:absolute;left:12px;top:12px;background:#e11;color:#fff;font:16px var(--f-head);padding:4px 10px;animation:mp3-puls 1.2s ease-in-out infinite}
.st2-widz{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.75);color:#fff;font:15px var(--f-body);padding:4px 10px;display:inline-flex;gap:6px;align-items:center} .st2-widz svg{width:16px;height:16px}
.st2-pusto{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#aaa;font:22px var(--f-hand);text-align:center;padding:20px}
.st2-pasek{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#0e0e0e;border:2px solid #2b2b2b;padding:10px 12px;margin-top:10px;color:#fff;font:16px var(--f-body)}
.st2-pasek input{flex:1;min-width:200px;background:#0b0b0b;color:#fff;border:1px solid #444;padding:10px;font:15px var(--f-body)} .st2-pasek a{color:var(--pink)}
.st2-czat{display:flex;flex-direction:column;min-height:420px} .st2-czat #stCzat{flex:1;display:flex;flex-direction:column}
.st2-gw{text-align:center;color:#999;font:13px var(--f-body);position:relative;z-index:2}
.live2-teraz{display:flex;gap:12px;align-items:center;overflow-x:auto;background:#0e0e0e;border:2px solid #e11;padding:8px 12px;margin:0 0 12px;position:relative;z-index:2}
.live2-teraz>b{color:#e11;font:18px var(--f-head);flex:none}
.live2-teraz a{display:flex;align-items:center;gap:8px;color:#fff;flex:none} .live2-teraz .av{width:34px;height:34px;border-radius:50%;border:2px solid #e11}
.live2-teraz small{display:block;color:#aaa;font:12px var(--f-body);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1000px){.st2-g{grid-template-columns:1fr}}
/* strony informacyjne */
.in2-c{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.in2-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.in2-k{background:#ece6d8 url(/img/papier.webp);color:#111;padding:18px 18px 16px;box-shadow:4px 5px 0 rgba(0,0,0,.55);transform:rotate(var(--r,0deg))}
.in2-k.y{background:#ffd400} .in2-k.p{background:var(--pink)}
.in2-k b{font:34px/1 var(--f-head);display:block;margin-bottom:8px} .in2-k p{margin:0;font:16px/1.45 var(--f-body)}
.in2-faq{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.in2-faq details{background:#0e0e0e;border:2px solid #e9e3d6;color:#fff}
.in2-faq summary{display:flex;gap:10px;align-items:center;padding:14px 16px;font:19px var(--f-head);letter-spacing:.02em;cursor:pointer;list-style:none}
.in2-faq summary svg{width:18px;height:18px;color:var(--pink);flex:none;transition:transform .2s} .in2-faq details[open] summary svg{transform:rotate(45deg)}
.in2-faq p{margin:0;padding:0 16px 16px 44px;font:15px/1.5 var(--f-body);color:#ddd}
.in2-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:30px auto;position:relative;z-index:2}
.in2-nav a{background:#0b0b0b;color:#fff;border:1px solid #333;font:15px var(--f-head);padding:9px 14px} .in2-nav a.on{background:#ffd400;color:#000}
@media (max-width:1500px){.in2>.kz-deko{display:none}}
/* stopka: notatka SPAM US nad szopem, w prawym górnym rogu formularza (CEO 5.10.2026) */
.ft2-spam{right:-34px;top:-34px;bottom:auto;z-index:6;--r:8deg}
.ft2-szop{z-index:1} .ft2-all{z-index:2;bottom:200px}
/* KOMENTARZE według referencji CEO 5.10.2026 */
.cm2{position:relative;max-width:1180px;margin:30px auto 0}
.cm2-deko{position:absolute;pointer-events:none;z-index:1}
.cm2-n{position:absolute;font-size:19px;max-width:170px}
.cm2-scrawl{position:absolute;font:30px/1 var(--f-hand);color:#fff;text-transform:uppercase;transform:rotate(-6deg);text-shadow:2px 2px 0 #000;pointer-events:none}
.cm2-scrawl::after{content:'↙';display:block;color:var(--pink);font-size:40px;margin-top:6px}
.cm2-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.cm2-h{margin:0;background:#ece6d8 url(/img/papier.webp);color:#111;font:46px/1 var(--f-hand);padding:10px 22px;transform:rotate(-1.5deg);box-shadow:4px 5px 0 rgba(0,0,0,.55);clip-path:polygon(0 4%,6% 0,96% 3%,100% 0,99% 96%,100% 100%,4% 97%,0 100%)}
.cm2-h #ccount{font:inherit}
.cm2-sort{display:flex;gap:10px} .cm2-sort button{background:#ece6d8 url(/img/papier.webp);color:#111;border:0;font:20px var(--f-head);padding:10px 16px;cursor:pointer;box-shadow:3px 3px 0 rgba(0,0,0,.6)}
.cm2-sort button:nth-child(2){transform:rotate(1deg)} .cm2-sort button:nth-child(3){transform:rotate(-1deg)} .cm2-sort button.on{background:#ffd400}
.cm2-form{background:#0b0b0b;border:2px dashed #e9e3d6;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.cm2-av{width:64px!important;height:64px!important;border-radius:50%;border:3px solid var(--pink);object-fit:cover;font-size:24px}
.cm2-form input[name=t]{width:100%;background:#111;border:1px solid #444;color:#fff;font:17px var(--f-body);padding:14px}
.cm2-form .c-tools{display:flex;gap:16px;margin-top:10px} .cm2-form .c-tools svg{width:26px;height:26px;color:#fff}
.cm2-form .c-tools .gif{border:2px solid #fff;color:#fff;font:13px var(--f-head);padding:2px 5px;background:none}
.cm2-post{background:var(--pink)!important;color:#000!important;font:26px var(--f-head)!important;padding:14px 26px!important;border:0;transform:rotate(-1deg);clip-path:polygon(0 6%,8% 0,94% 5%,100% 0,98% 94%,100% 100%,6% 96%,1% 100%)}
.cm2 .clist{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.cm2-k{display:grid!important;grid-template-columns:auto 1fr;gap:16px;background:#0e0e0e;border:1px solid #222;padding:16px 18px;box-shadow:3px 4px 0 rgba(0,0,0,.6)}
.cm2-k .cm2-av{width:58px!important;height:58px!important;border:0}
.cm2-k.reply{margin-left:90px;border-left:3px solid #333}
.cm2-k.reply .cm2-av{border:3px solid var(--pink)}
.cm2-k .cm-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font:600 17px var(--f-body)} .cm2-k .cm-h a{color:#fff} .cm2-k .cm-h>span{color:#999;font:14px var(--f-body)}
.cm2-k .badge{font:12px var(--f-head)!important;padding:3px 7px!important;transform:rotate(-2deg)}
.cm2-menu{margin-left:auto;background:none;border:0;color:#ddd;cursor:pointer} .cm2-menu svg{width:22px;height:22px}
.cm2-t{margin:6px 0 10px;font:17px/1.45 var(--f-body);color:#eee}
.cm2-f{display:flex;gap:10px;align-items:center;margin:0}
.cm2-f button{display:inline-flex;align-items:center;gap:8px;background:#0b0b0b;border:1px solid #2b2b2b;color:#fff;font:16px var(--f-body);padding:4px 10px 4px 4px;cursor:pointer}
.cm2-f button svg{width:26px;height:26px;padding:4px;border-radius:4px;color:#000}
.cm2-up svg{background:#39ff14} .cm2-dn svg{background:#ff3b3b} .cm2-wtf svg{background:#b14bff}
.cm2-f button.on{border-color:#fff;box-shadow:0 0 0 2px var(--pink)}
.cm2-rp{border:0!important;background:none!important} .cm2-rp svg{background:none!important;color:#fff!important}
.cm2-more button{background:none;border:0;color:#ddd;font:16px var(--f-body);margin-left:90px;cursor:pointer}
@media (max-width:1560px){.cm2-deko,.cm2-n,.cm2-scrawl{display:none}}
@media (max-width:640px){.cm2-h{font-size:32px}.cm2-form{grid-template-columns:1fr}.cm2-form .cm2-av{display:none}.cm2-k.reply{margin-left:24px}.cm2-more button{margin-left:24px}.cm2-f{flex-wrap:wrap}}
.cm2 .rp-f[hidden]{display:none!important}
.cm2 .rp-f{display:flex;gap:8px;margin-top:10px} .cm2 .rp-f input{flex:1;background:#111;border:1px solid #444;color:#fff;padding:8px;font:15px var(--f-body)}
.cm2-f button .ic,.cm2-f button svg{width:26px!important;height:26px!important}
.cm2-form .c-tools .ic{width:26px!important;height:26px!important}
/* stopka: logo z wycinków gazet (tasowane jak w nagłówku) */
.ft2-jt{background:none!important;padding:0!important;transform:rotate(-1.5deg)}
.ft2-jt .ransom img{height:72px!important;width:auto!important}
.ft2-bad{font:22px/1.1 var(--f-hand);text-transform:lowercase}
.cm2{min-height:420px;padding-bottom:20px}
.ft2-jt .ransom{white-space:nowrap;display:inline-flex;flex-wrap:nowrap}
.ft2-jt .ransom img{height:54px!important}
.rs-w{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;align-items:flex-end}
/* sklep v2: FREE / EARN IT / RARE DROPS, okienko zakupu */
.sk2-pas{display:flex;justify-content:center;gap:14px;align-items:center;position:relative;z-index:2;margin:0 0 6px}
.sk2-coins{font-size:17px;padding:6px 12px;text-transform:lowercase}
.sk2-bonus.off{background:#222;color:#888;font:15px var(--f-head);padding:8px 12px}
.sk2-how{position:absolute;top:8px;right:8px;font:12px var(--f-head);padding:3px 7px;transform:rotate(3deg)}
.sk2-how.free{background:#39ff14;color:#000} .sk2-how.earn{background:#ffd400;color:#000} .sk2-how.buy{background:#111;color:#fff}
.sk2-buy.free{background:#39ff14} .sk2-buy.earn{background:#ffd400} .sk2-buy.drop{background:#111;color:#ffd400}
.sk2-earn{display:flex;gap:6px;align-items:center;font:13px var(--f-head);color:#111} .sk2-earn svg{width:16px;height:16px}
.sk2-prog{display:block;width:80%;height:6px;background:#bbb} .sk2-prog i{display:block;height:100%;background:var(--pink)}
.sk2-lock{display:inline-flex;gap:4px;align-items:center;font:13px var(--f-body);color:#555} .sk2-lock svg{width:14px;height:14px}
.sk2-modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:16px}
.sk2-okno{position:relative;max-width:440px;width:100%;background:#ece6d8 url(/img/papier.webp);color:#111;padding:24px;text-align:center;box-shadow:6px 8px 0 #000;transform:rotate(-1deg)}
.sk2-okno h2{font:26px/1.1 var(--f-head);margin:8px 0} .sk2-okno p{font:15px var(--f-body)}
.sk2-ok-img{width:140px;height:140px;object-fit:contain}
.sk2-x{position:absolute;right:10px;top:8px;background:none;border:0;font:22px var(--f-head);cursor:pointer}
.sk2-pakiety{list-style:none;padding:0;margin:10px 0 16px;text-align:left;font:14px/1.4 var(--f-body);display:flex;flex-direction:column;gap:8px}
.sk2-pakiety li{background:#fff;padding:8px 10px;border-left:4px solid var(--pink)}
.sk2-buy{flex-direction:row!important;width:auto!important;height:auto!important} .sk2-buy svg,.sk2-buy .ic{width:18px!important;height:18px!important;flex:none}
.odz.zablok{filter:grayscale(.55)!important;opacity:.5!important;color:inherit}
.sk2-kreator{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:1100px;margin:0 auto 14px;background:#0e0e0e;border:2px dashed var(--pink);padding:12px 14px;position:relative;z-index:2;color:#fff}
.sk2-kreator>b{display:inline-flex;gap:8px;align-items:center;font:18px var(--f-head)} .sk2-kreator>b svg{width:20px;height:20px}
.sk2-pro{background:#ffd400;color:#000;font:12px var(--f-head);padding:3px 7px;transform:rotate(-3deg)}
.sk2-kreator input{flex:1;min-width:220px;background:#111;border:1px solid #444;color:#fff;padding:10px;font:15px var(--f-body)}
.sk2-kreator .pf-edit{font-size:17px;padding:10px 16px}
.sk2-moje{max-width:1500px;margin:10px auto;color:#fff;font:26px var(--f-head);position:relative;z-index:2}
.bz-ukryta{display:none!important}
/* LIVE CHAT: nagłówek z wycinków, podtytuł, bez czerwonego paska, gdy nikt nie nadaje (CEO 5.10.2026) */
.live2-teraz[hidden]{display:none!important}
.live2-head{flex-direction:column;align-items:flex-start;gap:6px}
.live2-pod{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.live2-pod b{background:#ece6d8 url(/img/papier.webp);color:#111;font:24px var(--f-head);padding:6px 12px;transform:rotate(-1.5deg)}
.live2-pod span{background:var(--pink);color:#000;font:20px var(--f-head);padding:6px 12px;transform:rotate(1deg)} .live2-pod i{font:16px var(--f-hand);font-style:normal;margin:0 4px}
.live2-go{margin-left:10px;background:#e11;color:#fff;font:14px var(--f-head);padding:7px 12px;white-space:nowrap}
.cm.sys.pit{color:#999;font:13px var(--f-body);font-style:italic;padding:2px 12px;background:none;border:0}
.live2-kot{animation:jt-kot 1.4s steps(5) infinite}
/* naklejki zawsze POD treścią (CEO 5.10.2026: liczba lajków przed naklejką, naklejka pod nią) */
.pf-c > .pf-cover{position:relative;z-index:0}
.pf-deko{z-index:1!important}
.pf-c > :not(.pf-deko):not(.pf-cover){position:relative;z-index:3}
.kz-page > .kz-deko,.kz-page > .kz-note,.kz-page > .kz-scrawl{z-index:1!important}
/* profil bez lewego menu (CEO 5.10.2026) */
.pf-uk{display:block!important;margin:0 auto!important;max-width:1400px}
.pf-cov-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.pf-cover .pf-cov-b{z-index:2}
.pf-cover{overflow:hidden}
.pf-mp3{margin:0 16px 12px;border:2px solid #2b2b2b}
.pf-mp3 .mp3{border-bottom:0}
.mp3-nx{flex:none;background:none;border:0;color:#fff;font:22px var(--f-body);cursor:pointer} .mp3-nr{color:#999;font:12px var(--f-body)}
/* ZAŁOŻYCIEL: spersonalizowany profil jak na Discordzie (gradient motywu, poświata, animowana ramka awatara, efekt profilu) */
.pf-discord{background:linear-gradient(160deg,#2a0030 0%,#120018 38%,#05030a 70%,#1c1300 100%)!important;border:0!important;
  box-shadow:0 0 0 3px #ff2dcd,0 0 0 6px #0b0b0b,0 0 0 9px #ffd400,0 0 60px 6px rgba(255,45,205,.35)!important;overflow:hidden}
.pf-discord::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:screen;
  background:radial-gradient(circle at 20% 30%,#ff2dcd 0 2px,transparent 3px) 0 0/90px 90px,radial-gradient(circle at 70% 60%,#ffd400 0 2px,transparent 3px) 0 0/130px 130px,radial-gradient(circle at 40% 80%,#00e5ff 0 1.5px,transparent 2.5px) 0 0/70px 70px;
  animation:pf-gwiazdy 18s linear infinite}
@keyframes pf-gwiazdy{to{background-position:0 900px,0 -1300px,700px 700px}}
.pf-discord .pf-ring{border:0;padding:6px;background:conic-gradient(#ff2dcd,#ffd400,#00e5ff,#9b5cff,#ff2dcd);animation:pf-obrot 4s linear infinite}
.pf-discord .pf-ring>.pf-av,.pf-discord .pf-ring>img.pf-av{animation:pf-obrot 4s linear infinite reverse}
@keyframes pf-obrot{to{transform:rotate(360deg)}}
.pf-discord .pf-tl{background:linear-gradient(90deg,#ff2dcd,#ffd400);color:#000;font-family:var(--f-head);letter-spacing:.06em}
.pf-discord .pf-liczby>*{background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18)}
.pf-discord .pf-dol,.pf-discord .pf-tabs{background:rgba(0,0,0,.35)}
.pf-discord .pf-ab{background:rgba(236,230,216,.92) url(/img/papier.webp)}
.pf-discord .pf-cover::after{background:linear-gradient(transparent 40%,rgba(42,0,48,.9))}
.pf-discord .pf-ring{animation:none;background:#0b0b0b;padding:0;border:0;position:relative;isolation:isolate}
.pf-discord .pf-ring::before{content:'';position:absolute;inset:-7px;border-radius:50%;z-index:-1;background:conic-gradient(#ff2dcd,#ffd400,#00e5ff,#9b5cff,#ff2dcd);animation:pf-obrot 4s linear infinite}
.pf-discord .pf-ring>.pf-av,.pf-discord .pf-ring>img.pf-av{animation:none}
.pf-discord .pf-kor{display:none}
/* naklejki po całym profilu, pod treścią (rozmieszczane w wolnych miejscach) */
.pf-deko.caly{height:100%;bottom:0;z-index:6!important}
.pf-deko.caly .dk-n{width:110px;transform:none}
/* korona założyciela: animowana w miejscu, nie krąży (CEO 5.10.2026) */
.pf-discord .pf-kor{display:block!important;position:absolute;left:-14px;top:-42px;width:70px;z-index:5;animation:jt-korona 1.4s steps(4) infinite}

/* SZKŁO (CEO 5.10.2026): okienka z pełnym tłem są rozmytym szkłem, krycie 90% */
.card,.trend ol,.panel,.rk-list,.rk-row,.rk-users li,.kpi,.notes li,.m-box,.fcard,.cform.big,.manifesto,.dock-p{background-color:rgba(26,26,26,.9)}
.m-box.m-auth{background-color:rgba(17,17,17,.9)}
.adm-side,.checks,.lvl,.live2-c,.live2-act,.live2-pit,.rk2-panel,.rk2-row,.wl2-ban,.wl-card,.wl2-trend,.fd2-row,.pf-c,.pf-menu,.st-nav,.st-k,.pl2-k,.odz-m,.bd2-m,.st2-pasek,.live2-teraz,.in2-faq details,.cm2-k,.sk2-kreator{background-color:rgba(14,14,14,.9)}
.emo-pick,.stk-pick,.cm-post{background-color:rgba(22,22,22,.9)}
.paper{background-color:rgba(233,225,207,.9)}
.pf-k,.ft2,.mp3,.cm2-form,.dk-pasek,.sk2-coins{background-color:rgba(11,11,11,.9)}
.pf-ed{background-color:rgba(20,20,20,.9)}
.card,.trend ol,.panel,.rk-list,.rk-row,.rk-users li,.kpi,.notes li,.m-box,.fcard,.cform.big,.manifesto,.dock-p,.m-box.m-auth,.adm-side,.checks,.lvl,.live2-c,.live2-act,.live2-pit,.rk2-panel,.rk2-row,.wl2-ban,.wl-card,.wl2-trend,.fd2-row,.pf-c,.pf-menu,.st-nav,.st-k,.pl2-k,.odz-m,.bd2-m,.st2-pasek,.live2-teraz,.in2-faq details,.cm2-k,.sk2-kreator,.emo-pick,.stk-pick,.cm-post,.paper,.pf-k,.ft2,.mp3,.cm2-form,.dk-pasek,.sk2-coins,.pf-ed{-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}
@media (max-width:760px){.card,.trend ol,.panel,.rk-list,.rk-row,.rk-users li,.kpi,.notes li,.m-box,.fcard,.cform.big,.manifesto,.dock-p,.m-box.m-auth,.adm-side,.checks,.lvl,.live2-c,.live2-act,.live2-pit,.rk2-panel,.rk2-row,.wl2-ban,.wl-card,.wl2-trend,.fd2-row,.pf-c,.pf-menu,.st-nav,.st-k,.pl2-k,.odz-m,.bd2-m,.st2-pasek,.live2-teraz,.in2-faq details,.cm2-k,.sk2-kreator,.emo-pick,.stk-pick,.cm-post,.paper,.pf-k,.ft2,.mp3,.cm2-form,.dk-pasek,.sk2-coins,.pf-ed{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}}

/* PROFIL: film okładki pod CAŁYM oknem nagłówka (CEO 5.10.2026), za kreskami CRT i na tyle odrealniony,
   żeby nie przeszkadzał w czytaniu: przyciemniony, rozmyty, przebarwiony. Tekst nagłówka leży nad nim. */
.pf-c>.pf-top{position:relative;isolation:isolate;z-index:5!important}
.pf-top.wideo>.pf-cov-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;
  filter:grayscale(.35) sepia(.35) hue-rotate(255deg) saturate(2.2) contrast(1.15) brightness(.38) blur(2px);clip-path:inset(0)}
.pf-top.wideo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.6) 0 2px,rgba(255,45,205,.07) 2px 3px,transparent 3px 4px),
    radial-gradient(ellipse at 30% 40%,transparent 30%,rgba(0,0,0,.55) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(10,0,14,.35) 45%,rgba(10,0,14,.8) 100%);
  animation:crt-mig 5s steps(30) infinite}
.pf-top.wideo .pf-cover{background-image:none!important;background-color:transparent;border-bottom:0;height:clamp(110px,10vw,180px)}
.pf-top.wideo .pf-cover::after,.pf-discord .pf-top.wideo .pf-cover::after{display:none}
.pf-top.wideo .pf-head{padding-bottom:22px}
.pf-top.wideo .pf-bio,.pf-top.wideo .pf-meta{text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.9)}
body.malo-ruchu .pf-top.wideo::before{animation:none}

/* odtwarzacz piosenki profilu: mała część opisu, nie pas przez cały profil */
.pf-id .pf-mp3{margin:10px 0 0;border:0;max-width:440px}
.pf-id .mp3{display:inline-flex;width:100%;gap:8px;padding:4px 10px 4px 4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background-color:rgba(0,0,0,.55)}
.pf-id .mp3-pp{width:28px;height:28px;box-shadow:none} .pf-id .mp3-pp svg{width:14px;height:14px}
.pf-id .mp3-s{gap:2px} .pf-id .mp3-t{font-size:12px} .pf-id .mp3-bar{height:3px;border:0;background:rgba(255,255,255,.15)}
.pf-id .mp3-c{display:none} .pf-id .mp3-m svg{width:16px;height:16px} .pf-id .mp3-v{width:56px}
.pf-id .mp3-nx{font-size:15px} .pf-id .mp3-nr{font-size:11px}
.pf-id .mp3-hint{top:-24px;right:auto;left:30px;font-size:12px;padding:3px 8px}
@media (max-width:980px){.pf-id .pf-mp3{margin:10px auto 0}}
/* telefon i tablet: nagłówek profilu w jednej kolumnie (reguła dla 1800 px wyżej nadpisywała układ mobilny) */
@media (max-width:980px){
  .pf-head,.pf-top .pf-head{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;padding:0 14px 18px}
  .pf-id{min-width:0;width:100%}
  .pf-id h1{flex-wrap:wrap;justify-content:center}
  .pf-r{width:100%;align-items:center}
  .pf-liczby{justify-content:center}
  .pf-id .pf-mp3{max-width:100%}
}

/* PROFIL v3 wg wzoru CEO (5.10.2026, obraz #104): film w tle całego nagłówka, dopiski markerem, VHS,
   pasek zakładek na całą szerokość z EDIT PROFILE, „Latest Slops”, gęsta siatka z żółtymi karteczkami, ABOUT ME */
.kz-page.pf{max-width:1880px}
.pf-uk{max-width:1840px!important}
.pf-top.wideo>.pf-cov-v{filter:saturate(1.55) contrast(1.12) brightness(.62) sepia(.15) hue-rotate(-12deg)}
.pf-top.wideo::before{background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.45) 0 2px,rgba(255,45,205,.06) 2px 3px,transparent 3px 4px),
    linear-gradient(90deg,rgba(8,0,12,.82) 0,rgba(8,0,12,.5) 38%,rgba(8,0,12,.18) 62%,rgba(8,0,12,.55) 100%),
    linear-gradient(180deg,rgba(8,0,12,0) 30%,rgba(8,0,12,.75) 100%)}
.pf-top.wideo .pf-cover{height:clamp(150px,13vw,250px)}
.pf-top .pf-head{position:relative;z-index:1}
@media (min-width:1301px){.pf-top .pf-head{padding:0 200px 26px 40px}}
.pf-ozd{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.pf-ozd>*{position:absolute}
.pf-vhs,.pf-vhs-t{font:700 28px/1 "VT323","Courier New",monospace;letter-spacing:.06em;color:rgba(255,255,255,.72);text-shadow:-2px 0 rgba(255,0,90,.6),2px 0 rgba(0,220,255,.5)}
.pf-vhs{left:300px;top:26px} .pf-vhs-t{right:34px;bottom:150px;font-size:22px;color:rgba(255,255,255,.55)}
.pf-sc{display:flex;flex-direction:column;font:34px/1 var(--f-hand);text-transform:uppercase;color:#fff;text-shadow:2px 3px 0 rgba(0,0,0,.7)}
.pf-sc i{font-style:normal}
.pf-sc1{left:34px;top:34px;transform:rotate(-9deg)}
.pf-sc1::after{content:'';display:block;height:6px;width:150px;margin-top:6px;background:var(--pink);border-radius:4px;transform:rotate(-4deg)}
.pf-sc2{right:34px;top:110px;color:var(--pink);font-size:38px;transform:rotate(-14deg)}
.pf-sc3{right:30px;bottom:44px;font-size:26px;transform:rotate(-10deg)}
.pf-strz{color:var(--pink);font-size:40px}
.pf-nota{right:250px;top:18px;display:flex;flex-direction:column;background:#ece6d8 url(/img/papier.webp);color:#111;font:24px/1.05 var(--f-hand);padding:14px 18px 12px;transform:rotate(6deg);box-shadow:4px 5px 0 rgba(0,0,0,.55)}
.pf-nota i{font-style:normal}
.pf-nota::after{content:'';position:absolute;right:-30px;top:-26px;width:58px;height:50px;background:url(/img/kolaz-korona-roz.webp) center/contain no-repeat;transform:rotate(14deg)}
.pf-pa{right:34px;top:250px;display:flex;flex-direction:column;align-items:center;background:#fff;color:#000;border:3px solid #000;outline:2px solid #fff;padding:4px 8px 3px;transform:rotate(-4deg);font:18px/.95 var(--f-head);letter-spacing:.04em}
.pf-pa b{font-weight:400} .pf-pa small{font:9px/1.2 var(--f-body);letter-spacing:.12em;border-top:2px solid #000;margin-top:2px;padding-top:2px}
@media (max-width:1300px){.pf-sc2,.pf-sc3,.pf-pa,.pf-nota{display:none}.pf-vhs-t{bottom:auto;top:30px}}
@media (max-width:980px){.pf-sc1{font-size:24px;left:14px;top:18px}.pf-sc1::after{width:90px;height:4px}.pf-vhs{left:auto;right:14px;top:14px;font-size:20px}.pf-vhs-t{display:none}}

/* pasek zakładek na całą szerokość, EDIT PROFILE na końcu */
.pf-c>.pf-tabs{display:flex;flex-wrap:nowrap;gap:0;padding:0;margin:0;background:rgba(8,8,8,.92);border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;overflow-x:auto;scrollbar-width:none;align-items:stretch}
.pf-c>.pf-tabs a{flex:0 0 auto;background:none;color:#fff;box-shadow:none;transform:none!important;border-right:1px solid #2b2b2b;padding:18px 30px;font:20px var(--f-head);letter-spacing:.04em}
.pf-c>.pf-tabs a.on{background:#ffd400;color:#000}
.pf-c>.pf-tabs a:not(.on):hover{color:#ffd400}
.pf-c>.pf-tabs .pf-tab-ed{margin:8px 18px 8px auto;border:0;background:#ece6d8 url(/img/papier.webp);color:#111;padding:10px 20px;transform:rotate(-1deg)!important;box-shadow:3px 4px 0 rgba(0,0,0,.6)}
.pf-c>.pf-tabs .pf-tab-ed:hover{color:#000;background-color:#ffd400}
.pf-discord>.pf-tabs{background:rgba(8,8,8,.92)}
@media (max-width:980px){.pf-c>.pf-tabs a{padding:13px 16px;font-size:16px}.pf-c>.pf-tabs .pf-tab-ed{margin:6px 10px 6px 12px}}

/* „Latest Slops” i siatka */
@media (min-width:1251px){.pf-dol{grid-template-columns:minmax(0,1fr) 330px}}
.pf-sort{padding:20px 18px 8px;flex-wrap:wrap}
.pf-sort-h{margin:0 22px 0 0;font:32px/1 var(--f-head);color:#fff;letter-spacing:.01em;position:relative}
.pf-sort-h::after{content:'';position:absolute;left:0;right:6px;bottom:-8px;height:4px;background:var(--pink);border-radius:3px;transform:rotate(-1deg)}
#ptab{padding:10px 18px 18px}
.pf-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px}
.pf-k{border:2px solid #e9e3d6}
.pf-m{aspect-ratio:10/11}
.pf-kart{position:absolute;left:8px;top:10px;max-width:72%;background:#ffe23a;color:#111;font:20px/1 var(--f-hand);text-transform:uppercase;padding:8px 10px 6px;transform:rotate(var(--r,-3deg));box-shadow:2px 3px 0 rgba(0,0,0,.55);z-index:2}
.pf-k:nth-child(even) .pf-kart{left:auto;right:8px;top:auto;bottom:34px}
.pf-st{justify-content:space-between;padding:10px 12px;font:15px var(--f-body);color:#eee}
.pf-st svg{width:17px;height:17px}
.pf-grid.s .pf-kart{display:none}
.pf-ab{position:relative}
.pf-ab-kor{position:absolute;right:16px;top:-30px;width:70px;transform:rotate(14deg);pointer-events:none}
.pf-nb{right:4px;top:900px;font-size:20px;max-width:130px}
@media (max-width:2099px){.pf-nb{display:none}}
.pf-vhs{left:430px;top:30px}
.pf-kart{font-size:16px;max-width:64%;padding:6px 8px 5px;left:-6px;top:-8px}
.pf-k:nth-child(even) .pf-kart{left:auto;right:-6px;top:-8px;bottom:auto}
.pf-m{overflow:visible} .pf-m>img,.pf-m>video,.pf-m>.blurwrap{overflow:hidden}
.pf-k{overflow:visible}
@media (max-width:980px){.pf-vhs{left:auto}}
@media (max-width:640px){.pf-sort-h{font-size:24px;flex-basis:100%;margin-bottom:14px}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}#ptab{padding:10px 12px 16px}}
.pf-vhs{left:40px;top:34px}
/* opcja obrazu w formularzu newsa (AI albo wgrany plik) i panel AI IMAGE w MEME MAKER */
.fn2-imgopt{border:2px dashed #333;margin:12px 0 0;padding:8px 12px 10px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font:15px var(--f-body)}
.fn2-imgopt legend{font:20px var(--f-head);letter-spacing:.1em;padding:0 8px}
.fn2-imgopt label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.fn2-imgopt input[type=file]{font:14px var(--f-body);max-width:100%}
.fn2-ai{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;flex:1 1 100%}
.fn2-ai input:not([type=checkbox]){flex:1 1 320px;border:2px solid #333;background:#f6f2e8;color:#111;padding:10px;font:15px var(--f-body)}
/* display:flex i inline-flex wyzej biora gore nad [hidden] z przegladarki, wiec atrybut trzeba przywrocic do gry */
.fn2-imgopt [hidden]{display:none!important}
.fn2-imgnote{flex:1 1 100%;margin:0!important;min-height:1.2em;font:14px 'Courier New',var(--f-type),monospace;color:#7a0000}
/* strefa na referencje: papierowa wersja .drop, bo cala ramka newsa stoi na jasnym tle */
.fn2-drop{flex:1 1 100%;display:flex!important;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer;
  border:2px dashed #555;background:#f6f2e8;padding:14px 12px;transition:.15s}
.fn2-drop[hidden]{display:none!important}
.fn2-drop.over,.fn2-drop:hover{border-color:#7a0000;background:#fff8e6}
.fn2-drop b{font:600 15px var(--f-body)} .fn2-drop small{font:13px 'Courier New',var(--f-type),monospace;color:#444}
.fn2-thumbs{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px}
.fn2-th{position:relative;display:block;width:76px;height:76px}
.fn2-th img{width:100%;height:100%;object-fit:cover;border:2px solid #333;display:block}
.fn2-th button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:2px solid #333;background:#ffe23a;color:#111;
  font:700 14px/1 var(--f-body);cursor:pointer;border-radius:50%}
/* MEM Z LINKU: panel widoczny tylko gdy serwer ma skonfigurowany model tekstowy (GET /api/link-meme) */
.mk-link[hidden]{display:none}
.mk-link input[type=url]{width:100%;box-sizing:border-box}
.mk-link .panel-h small{font:12px var(--f-type);letter-spacing:.06em;color:var(--dim2);margin-left:8px;text-transform:none}
.mk-link .note{min-height:1.2em;margin:8px 0 0}
/* EDYTOR POL MEMA: jedno pole = jedna karta. Trzy rzedy: tekst, wyglad, suwaki.
   Lista NIE jest przerysowywana przy kazdej zmianie - inaczej suwak gubilby fokus w trakcie ciagniecia. */
.mk-pole{border:1px solid var(--line);background:#121212;padding:10px;margin:0 0 10px}
.mk-pole-g{display:flex;gap:8px;align-items:flex-start}
.mk-pole-g textarea{flex:1;min-width:0;resize:vertical}
.mk-pole-g button{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--line);background:#1d1d1d;color:var(--paper);
  font:700 16px/1 var(--f-body);cursor:pointer}
.mk-pole-g button:hover{background:#7a0000;border-color:#7a0000}
.mk-pole-r{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0}
.mk-pole-r select{background:#1d1d1d;color:var(--paper);border:1px solid var(--line);font:12px var(--f-body);padding:4px}
.mk-pole-r input[type=color]{width:30px;height:26px;padding:0;border:1px solid var(--line);background:#1d1d1d;cursor:pointer}
.mk-chk{display:inline-flex;align-items:center;gap:4px;font:11px var(--f-type);letter-spacing:.08em;color:var(--dim2);cursor:pointer}
.mk-pole-s{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px 10px;margin:8px 0 0}
.mk-pole-s label{display:flex;align-items:center;gap:6px}
.mk-pole-s span{flex:0 0 68px;font:10px var(--f-type);letter-spacing:.08em;color:var(--dim2);text-transform:uppercase}
.mk-pole-s input[type=range]{flex:1;min-width:0}
.mk-ai textarea{width:100%}
.mk-ai .chk{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-size:14px;cursor:pointer}
.mk-ai .chk input{margin-top:3px}
.mk-ai .note{min-height:1.2em;margin:8px 0 0}

/* Pasek zakladek Hall of Shame (SHAME WALL + siedem rankingow). Dodalem sam znacznik w PR #12
   i nie napisalem do niego stylu, wiec renderowal sie jako goly rzad linkow. Wzorowany na .pf-tabs,
   zeby nawigacja wewnatrz sekcji wygladala wszedzie tak samo. Przewijanie poziome, bo osiem pozycji
   nie zmiesci sie na telefonie, a zawijanie rozbijaloby rytm strony. */
.hs-tabs{display:flex;flex-wrap:nowrap;gap:0;margin:0 0 18px;background:rgba(8,8,8,.92);
  border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;overflow-x:auto;scrollbar-width:none;align-items:stretch}
.hs-tabs::-webkit-scrollbar{display:none}
.hs-tabs a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:13px 18px;
  color:#cfcfcf;font:15px var(--f-head);letter-spacing:.04em;white-space:nowrap;border-left:1px solid #2b2b2b;
  transition:background .12s,color .12s}
.hs-tabs a:first-child{border-left:0}
.hs-tabs a:hover{background:#171717;color:#fff}
.hs-tabs a.on{background:var(--acid);color:#000}
@media (max-width:760px){.hs-tabs a{padding:11px 14px;font-size:13px}}

/* =====================================================================
   UKLAD: nic nie zaslania niczego (CEO 6.10.2026)
   Lista uwag, na ktore odpowiada ten blok:
     "zakladka SEWER jest przyslonieta przez wyszukiwarke, wiadomosci i notyfikacje"
     "profilowe zdjecie w prawym gornym rogu jest za male i nieczytelne"
     "czat powinien byc wyrownany do prawej krawedzi ekranu i do rozowego tickera"
     "forum ... jest nieczytelne i tylko na kawalek strony"
     "trending sa nienaturalnie rozciagnete"
   ===================================================================== */

/* ---- gora strony ----
   Zakladki mialy overflow-x:auto z ukrytym paskiem przewijania. Szosta pozycja po prostu konczyla sie
   za krawedzia kontenera i wygladala na zaslonieta przez wyszukiwarke - nie bylo nawet widac, ze cokolwiek
   da sie przewinac. Dwie zmiany: tekstowa wyszukiwarka na szerokich ekranach zwija sie do ikony (pelna strona
   szukania jest pod #/search i tak), a gdy szesc zakladek nadal nie ma miejsca, caly rzad schodzi o poziom
   nizej zamiast chowac sie za sasiadem. */
.top-in>.srch{display:none}
.top-in>.m-search{display:grid;place-items:center;flex:none;margin-left:auto}
.top-in>.nav{flex:0 0 auto;overflow:visible;padding-bottom:10px;margin-bottom:-10px}
/* Prog 1800 px, a nie "jakos sie zmiesci": szesc zakladek z nazwami tej dlugosci plus logotyp, ikony,
   MAKE SLOP i awatar potrzebuja okolo 1660 px. Ponizej tego zakladki dostaja wlasny rzad - zawsze caly,
   nigdy przyciety. */
@media (max-width:1800px){
  .top-in{flex-wrap:wrap!important;row-gap:4px}
  .top-in>.nav{order:10;flex:1 0 100%;justify-content:flex-start}
}
@media (max-width:980px){
  .top-in>.nav{overflow-x:auto;scrollbar-width:none;padding-bottom:14px;margin-bottom:-8px}
  .top-in>.nav::-webkit-scrollbar{display:none}
}
/* o szerokosci zakladki decydowal podtytul, nie nazwa - "SHOW. VOTE. BOOST. DESTROY!" jest dluzszy
   od wszystkiego innego w pasku. Zlamany w dwie linie oddaje miejsce nazwie, ktora ma byc duza. */
.nav a.nv small{white-space:normal;max-width:17ch;line-height:1.08}
/* zdjecie profilowe: 34 px bylo nieczytelne */
.me-chip .me-av{width:52px;height:52px;font-size:22px}
.top-in>.me-chip{padding:3px 14px 3px 3px;border-width:3px}
@media (max-width:1280px){.me-chip .me-av{width:46px;height:46px} .top-in>.me-chip{padding:3px}}

/* ---- czat: do prawej krawedzi i na rozowym tickerze ----
   Bylo right:16px i bottom:16px, a rozowy pasek stoi 28 px nad dolna krawedzia - czyli czat mial szpare
   od ekranu i jednoczesnie wchodzil na pasek. --lb-h liczy livebar.js od gornej krawedzi paska do dolu
   ekranu, wiec to jest dokladnie ta wysokosc, na ktorej czat ma sie zatrzymac. */
#dock{right:0;bottom:var(--lb-h,46px)}
.dock-p{box-shadow:-5px -5px 0 var(--pink)}
.dock-pill{box-shadow:-4px -4px 0 var(--pink)}
@media (max-width:760px){#dock{right:0;left:auto;bottom:calc(74px + env(safe-area-inset-bottom))}
  #dock.open{left:0;right:0}}

/* ---- THE SEWER: czytelnosc ----
   Kafelki dzialow staly w siatce auto-fill po 330 px, wiec na szerokim ekranie piec dzialow robilo jeden
   cienki rzad u gory i pusta strone pod nim. Wpisy ciagnely sie na cala szerokosc 1760 px, czyli linie
   po ~250 znakow. Forum to tekst do czytania, nie galeria: jedna kolumna, stala szerokosc miary. */
.kz-page.sw{max-width:1180px}
.sw-dzialy{grid-template-columns:1fr;gap:0}
.sw-dzial{border-bottom:0;padding:16px 18px}
.sw-dzialy>.sw-dzial:last-child{border-bottom:1px solid var(--line)}
.sw-tresc p{max-width:74ch}
.sw-post{padding:16px 20px 14px}
/* przechyl kartek przy siedmiu wpisach pod rzad bardziej meczy, niz zdobi - zostaje papier i cien */
.sw-post,.sw-post:nth-child(even){--r:0deg}
.sw-h{font-size:34px;max-width:40ch}

/* ---- TRENDING: koniec rozciagania ----
   Siatka memow to kolumny po 250 px, wiec na 1760 px wychodzilo siedem kolumn i dwie takie sciany
   staly PRZED tworcami. Sekcje z mediami pokazuja teraz jeden rzad, a nie cala tapete. */
.kz-page.tr2{max-width:1500px}
.tr2 .tr-chipy{max-width:1100px}
.tr2 .tr-pod{max-width:70ch}
.tr-rzad{column-width:300px}
.tr-rank a b{font:15px var(--f-head);letter-spacing:.04em}

/* lewa kolumna naglowka Hall of Shame trzyma teraz dwie karteczki (CEO: szop i napis o muzeum
   mialy zjechac z prawej strony tam, gdzie SAME BULLSHIT DIFFERENT DAY) */
.hs-lewa{position:relative;min-height:330px}

/* ---- profil: trzeci tryb podgladu (CEO 6.10.2026: "W PROFILU podglad musi byc tez irregular grid,
   albo grid, albo mini grid"). Nieregularny jest domyslny i pokazuje materialy w calosci: .pf-m mialo
   aspect-ratio:10/11 z object-fit:cover, czyli kazdy slop byl przyciety do tego samego prostokata. ---- */
.pf-grid.pf-nier{display:grid;grid-template-columns:repeat(var(--kol,4),minmax(0,1fr));grid-auto-rows:8px;
  row-gap:0;column-gap:14px;align-items:start}
.pf-grid.pf-nier>.pf-k{grid-column:span var(--k,1);grid-row:span var(--w,30);margin-bottom:14px}
.pf-grid.pf-nier .pf-m{aspect-ratio:auto}
.pf-grid.pf-nier .pf-m>img,.pf-grid.pf-nier .pf-m>video{height:auto;object-fit:contain}
@media (max-width:1500px){.pf-grid.pf-nier{--kol:3}}
@media (max-width:1100px){.pf-grid.pf-nier{--kol:2}}
@media (max-width:760px){.pf-grid.pf-nier{--kol:1} .pf-grid.pf-nier>.pf-k{grid-column:span 1}}
/* rowna siatka na 640 px ma wymuszone dwie kolumny przez !important - tryb nieregularny musi zostac przy swoich */
@media (max-width:640px){.pf-grid.pf-nier{grid-template-columns:repeat(var(--kol,1),minmax(0,1fr))!important}}
.pf-wid a.on{color:var(--acid)}

/* ---- ikony naglowka jako wycinanki (CEO 6.10.2026) ----
   Dwie z czterech ikon sa czarne w srodku, wiec na ciemnym pasku bylyby plama. Siadaja wiec na tym samym
   wycinku papieru, co zakladki i wyszukiwarka - wlasna poszarpana krawedz ikony zlewa sie z papierem
   przycisku, wiec czyta sie to jak jeden wycinek, a nie jak naklejka na naklejce. */
.top .hb,.top .m-search{position:relative;isolation:isolate;background:none;border:0;border-radius:0}
.top .hb::before,.top .m-search::before{content:'';position:absolute;inset:0;z-index:-1;background:#e9e3d6 url(/img/papier.webp);
  clip-path:polygon(0 6%,7% 0,38% 4%,69% 0,100% 6%,98% 48%,100% 95%,63% 100%,31% 96%,3% 100%,0 58%)}
.top .hb,.top .m-search{width:46px;height:46px;display:grid;place-items:center;transform:rotate(var(--r,-1deg))}
.top .hb:hover,.top .m-search:hover{transform:rotate(1deg) scale(1.06)}
.top .hb.bell{--r:1.2deg}
.nv-ik{width:26px;height:26px;object-fit:contain;display:block;pointer-events:none}
.top .m-search .nv-ik{width:24px;height:24px}

/* =====================================================================
   HOME - slopowa wersja LinkedIna (CEO 6.10.2026)
   Trzy kolumny: po lewej profil ze statystykami, na srodku SLOP OF THE DAY i sciana,
   po prawej TRENDING NOW i pod nim TRENDING CREATORS w tej samej formie.
   Dwie pierwsze kolumny sa wezsze niz na SLOPS, bo HOME ma byc czytane, a nie przegladane.
   ===================================================================== */
.hm-g{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:18px;position:relative;z-index:2;margin:0 120px}

/* ---- lewa szyna: profil ---- */
.hm-ja{position:sticky;top:96px;align-self:start;background:#0e0e0e;border:2px solid #e9e3d6;padding:14px;display:flex;flex-direction:column;gap:10px}
/* zdjecie profilowe KWADRATOWE (CEO) - okragly awatar z naglowka to co innego niz wizytowka na stronie glownej */
.hm-foto{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:3px solid var(--pink);background:#000;transform:rotate(-1deg)}
/* avatar() oddaje albo <img>, albo <span> z litera na kolorowym tle - oba musza wypelnic kwadrat */
.hm-foto .hm-foto-av{width:100%;height:100%;border-radius:0;display:grid;place-items:center;font:64px var(--f-head)}
.hm-foto .hm-foto-av img,.hm-foto>img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;grid-area:1/1}
.hm-foto-pusta{display:grid;place-items:center;width:100%;aspect-ratio:1/1;border:3px dashed var(--line2);color:var(--dim2)}
.hm-foto-pusta svg{width:64px;height:64px}
.hm-nick{font:26px var(--f-head);letter-spacing:.03em;word-break:break-word;margin-top:2px}
.hm-odz{display:block;margin-top:-4px}
.hm-pod{color:var(--dim2);font:14px/1.45 var(--f-body);margin:0}
/* siatka 3x2 z wycinanych ikon i liczb (CEO: "tabelka zlozona z wycietych z gazet ikon i liczb") */
.hm-staty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.hm-s{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 3px;background:#121212;color:var(--paper);text-decoration:none}
.hm-s:hover{background:#1a0d15}
/* Dwie z szesciu ikon (kontener na smieci, sylwetki) sa ciemne w srodku - na tle komorki #121212
   gubily krawedz. Delikatna kremowa poswiata odkleja je od tla, bez robienia z panelu plachty papieru.
   Zobaczylem to na arkuszu kontrolnym, nie w kodzie. */
.hm-si{width:30px;height:30px;object-fit:contain;display:block;filter:drop-shadow(0 0 1px rgba(233,227,214,.55))}
.hm-s b{font:19px/1 var(--f-head)}
.hm-s small{font:8px/1.1 var(--f-type);letter-spacing:.05em;color:var(--dim2);text-align:center}
.hm-create{justify-content:center;width:100%}
.hm-h2{display:flex;align-items:baseline;gap:8px;font:17px var(--f-head);letter-spacing:.04em;margin:6px 0 8px;border-top:1px solid var(--line);padding-top:10px}
.hm-h2 a{margin-left:auto;font:11px var(--f-head);color:var(--pink)}
.hm-bdg{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.hm-b{background:#ffd400;color:#111;font:10px var(--f-type);letter-spacing:.04em;padding:3px 6px;transform:rotate(-1deg)}
.hm-mk{margin:0 0 9px}
.hm-mk-h{display:flex;align-items:baseline;gap:6px;font:13px var(--f-head)}
.hm-mk-h small{margin-left:auto;color:var(--dim2);font:11px var(--f-type)}
.hm-mk-p{display:block;height:6px;background:#1d1d1d;margin:3px 0 2px}
.hm-mk-p i{display:block;height:100%;background:var(--pink)}
.hm-mk-o{font:9px var(--f-type);letter-spacing:.06em;color:var(--dim2)}

/* ---- srodek ---- */
/* SLOP OF THE DAY: JEDEN PASEK nad reszta (CEO), nie kafelek i nie sekcja z lista */
.hm-dnia{display:grid;grid-template-columns:auto 86px minmax(0,1fr);align-items:center;gap:14px;
  background:var(--pink);color:#111;border:3px solid #000;box-shadow:5px 5px 0 #000;padding:8px 14px;margin:0 0 20px;
  text-decoration:none;transform:rotate(-.4deg)}
.hm-dnia:hover{transform:rotate(.3deg) translateY(-2px)}
.hm-dnia-e{font:14px/1 var(--f-head);letter-spacing:.08em;background:#000;color:#fff;padding:7px 9px;writing-mode:vertical-rl;rotate:180deg}
.hm-dnia-m{width:86px;height:64px;object-fit:cover;border:2px solid #000;display:block}
.hm-dnia-t{font:25px/1.05 var(--f-head);letter-spacing:.02em;display:block;overflow:hidden}
.hm-dnia-s{display:flex;align-items:center;gap:8px;font:12px var(--f-type);letter-spacing:.05em;color:#2a2a2a;grid-column:3}
.hm-dnia-s svg{width:14px;height:14px}
.hm-h{margin:0 0 2px}
/* skad wziela sie pozycja na scianie. Material promowany MUSI byc rozpoznawalny jako promowany -
   bez tej etykiety reklama wygladalaby jak zwykly post sasiada. */
.hm-k{position:relative}
.hm-zr{position:absolute;left:6px;top:6px;z-index:3;font:9px var(--f-type);letter-spacing:.07em;padding:3px 6px;
  background:#000;color:#fff;transform:rotate(-1.5deg)}
.hm-zr.zr-zn{background:var(--acid);color:#111}
.hm-zr.zr-oc{background:var(--pink);color:#111}
.hm-zr.zr-of{background:#ffd400;color:#111}
.hm-zr.zr-pr{background:#fff;color:#000;outline:2px solid var(--alert);outline-offset:-4px}

/* ---- prawa szyna ---- */
.hm-prawa{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px;align-self:start}
.hm-prawa .wl2-trend{position:static}
.hm-tworcy li a{grid-template-columns:34px 42px minmax(0,1fr)}
.hm-tworcy .hm-tav{width:42px;height:42px;border-radius:50%;overflow:hidden;font-size:18px}
.hm-naklejka{z-index:1}

@media (max-width:1600px){.hm-g{margin:0} .hm>.kz-note,.hm>.kz-deko{display:none}}
@media (max-width:1200px){.hm-g{grid-template-columns:240px minmax(0,1fr)} .hm-prawa{display:none}}
@media (max-width:860px){
  .hm-g{grid-template-columns:1fr}
  .hm-ja{position:static}
  .hm-foto{max-width:220px}
  .hm-dnia{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .hm-dnia-m{display:none} .hm-dnia-t{font-size:20px} .hm-dnia-s{grid-column:2}
}

/* =====================================================================
   SLOPIT - twitter dla shitposterow (CEO 6.10.2026)
   ===================================================================== */
.si-kom{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;background:#0e0e0e;border:2px solid #e9e3d6;
  padding:12px;margin:0 0 18px;box-shadow:5px 5px 0 rgba(0,0,0,.6)}
.si-kom-gosc{grid-template-columns:1fr;text-align:center;gap:8px}
.si-h{display:block;margin-bottom:2px}
.si-av{width:52px;height:52px;border-radius:50%;overflow:hidden;font-size:22px}
.si-pole{min-width:0}
.si-pole textarea{width:100%;background:#121212;color:var(--paper);border:1px solid var(--line2);border-radius:0;
  padding:10px;font:17px/1.4 var(--f-body);resize:vertical;outline:none}
.si-pole textarea:focus{border-color:var(--pink)}
.si-media{margin:8px 0 0;position:relative;max-width:360px}
.si-pod{display:block;width:100%;height:auto;border:2px solid var(--line2)}
.si-x{position:absolute;right:-10px;top:-10px;width:28px;height:28px;background:#000;color:#fff;
  border:2px solid var(--paper);border-radius:50%;font:18px/1 var(--f-body);cursor:pointer}
.si-dol{display:flex;align-items:center;gap:12px;margin-top:8px}
.si-ik{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line2);color:#ddd;cursor:pointer}
.si-ik:hover{border-color:var(--pink);color:#fff} .si-ik svg{width:22px;height:22px}
/* licznik pokazuje przekroczenie na czerwono, ale tekstu NIE ucinamy - patrz slopit.js */
.si-licz{margin-left:auto;font:14px var(--f-type);letter-spacing:.06em;color:var(--dim2)}
.si-licz.za-duzo{color:var(--alert);font-weight:700}
.si-blad{min-height:1.2em;margin:6px 0 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* os czasu - tylko w profilu (CEO: tam ma byc kolejnosc dodania z data).
   Na HOME wpisy stoja W SCIANIE razem z memami, nie w osobnej sekcji. */
.si-lista{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}
.si-w{position:relative;background:#0e0e0e;border:1px solid var(--line);padding:12px 14px}
.si-w:hover{border-color:#3d3d3d}
.si-kto{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--paper);font:15px var(--f-body)}
.si-wav{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 auto;font-size:15px}
.si-czas{display:block;font:11px var(--f-type);letter-spacing:.07em;color:var(--dim2)}
.si-w .si-czas{position:absolute;right:14px;top:14px}
.si-lista .si-czas{position:static;margin-bottom:6px}
.si-t{margin:8px 0 0;font:17px/1.45 var(--f-body);color:#eee;white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}
.si-m{display:block;max-width:min(100%,360px);height:auto;margin:10px 0 0;border:2px solid var(--line2)}

/* SLOP OF THE DAY przeniesiony do prawej szyny, nad TRENDING NOW i w jego szerokosci (CEO 6.10.2026).
   Pionowy napis z poprzedniej wersji odpada - w waskiej kolumnie etykieta idzie poziomo nad trescia. */
.hm-prawa .hm-dnia{display:block;background:var(--pink);color:#111;border:2px solid #e9e3d6;box-shadow:none;
  padding:0 0 10px;margin:0;transform:none;text-decoration:none}
.hm-prawa .hm-dnia:hover{transform:translateY(-2px)}
.hm-prawa .hm-dnia-e{display:block;background:#000;color:#fff;font:16px/1 var(--f-head);letter-spacing:.08em;
  padding:9px 12px;writing-mode:horizontal-tb;rotate:none}
.hm-prawa .hm-dnia-m{width:100%;height:150px;object-fit:cover;border:0;border-bottom:2px solid #000;display:block}
.hm-prawa .hm-dnia-t{display:block;font:22px/1.08 var(--f-head);letter-spacing:.02em;padding:9px 12px 0}
.hm-prawa .hm-dnia-s{display:flex;align-items:center;gap:7px;font:12px var(--f-type);letter-spacing:.05em;
  color:#2a2a2a;padding:5px 12px 0}
.hm-prawa .hm-dnia-s svg{width:14px;height:14px}

@media (max-width:1200px){
  /* prawa szyna znika na waskich ekranach, wiec slop dnia wraca na srodek, zeby nie zginal */
  .hm-prawa{display:flex;flex-direction:column}
  .hm-prawa>.wl2-trend:not(.hm-dnia){display:none}
}
@media (max-width:860px){.si-kom{grid-template-columns:1fr}.si-av{display:none}}

/* =====================================================================
   SCIANA HOME: nieregularna siatka z wpisami SLOPIT wmieszanymi miedzy memy
   (CEO 6.10.2026: "posty ludzi roznych sa pomieszane z memami, jak na twitterze,
   tylko ze w non symetrical grid"). Ta sama mechanika co TRUST ME BRO i podglad
   profilu - szerokosc z identyfikatora, wysokosc ze zmierzonej tresci, patrz siatka.js.
   ===================================================================== */
.hm-grid{display:grid;grid-template-columns:repeat(var(--kol,4),minmax(0,1fr));grid-auto-rows:8px;
  row-gap:0;column-gap:14px;align-items:start}
.hm-grid>.wl-card{grid-column:span var(--k,1);grid-row:span var(--w,40);margin-bottom:14px}
@media (max-width:1500px){.hm-grid{--kol:3}}
@media (max-width:1100px){.hm-grid{--kol:2}}
@media (max-width:760px){.hm-grid{--kol:1} .hm-grid>.wl-card{grid-column:span 1}}

/* karta wpisu tekstowego: ta sama ramka i szerokosc co karta mema, inna tresc */
.si-k{padding:12px 14px 12px}
.si-k .si-gl{display:flex;align-items:center;gap:10px;margin-top:6px}
.si-k .si-czas{margin-left:auto;position:static}
.si-k .si-t{margin:9px 0 0;font:17px/1.45 var(--f-body);color:#eee;white-space:pre-wrap;overflow-wrap:anywhere}
.si-k .si-m{max-width:100%;margin-top:10px}
/* szeroki wpis dostaje wiekszy tekst - inaczej dwie kolumny to tylko dluzsze linie */
.si-k.siatka-szeroki .si-t{font-size:20px}
.hm-zr.zr-si{background:var(--cyber,#3ddc84);color:#06240f}

/* SPROSTOWANIA: podwieszone pod wpisem, ktory poprawiaja. Oryginal zostaje nietkniety,
   wiec wizualnie to doklejka z lewa kreska, a nie zmiana w cudzym tekscie. */
.si-akcje{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.si-sprost{background:none;border:1px solid var(--line2);color:var(--dim);font:11px var(--f-ui);letter-spacing:.06em;
  padding:5px 9px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.si-sprost:hover{color:var(--paper);border-color:var(--paper)}
.si-sprost svg{width:13px;height:13px}
.si-znak{margin:0;font:11px var(--f-ui);letter-spacing:.08em;color:var(--acid)}
.si-znak-x{color:var(--dim2);margin-bottom:4px}
.si-znak q{color:var(--dim);font-style:italic}
.si-spry{list-style:none;margin:10px 0 0;padding:0 0 0 12px;border-left:3px solid var(--cyber,#3ddc84);display:flex;flex-direction:column;gap:10px}
.si-spry .si-t{font-size:15px}
.si-k:not(.si-roz) .si-spr-x{display:none}
.si-wiecej{margin-top:8px;background:none;border:0;color:var(--cyber,#3ddc84);font:11px var(--f-ui);letter-spacing:.06em;cursor:pointer;padding:0}
.si-re{display:flex;align-items:center;gap:8px;background:#141414;border-left:3px solid var(--cyber,#3ddc84);padding:7px 10px;margin-bottom:8px}
.si-re b{font:11px var(--f-ui);letter-spacing:.08em;color:var(--cyber,#3ddc84);white-space:nowrap}
.si-re q{color:var(--dim);font:13px/1.3 var(--f-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.si-re-x{margin-left:auto;background:none;border:0;color:var(--dim);font-size:18px;line-height:1;cursor:pointer}

/* Wybierak szablonow: katalog ma 209 pozycji plus nasze 19, wiec szukanie jest czescia funkcji,
   a nie ozdoba (CEO 6.10.2026 dal zgode na zbieranie szablonow). */
.tpl-szukaj{margin:0 0 8px}
.tpl-szukaj input{width:100%;background:#121212;color:var(--paper);border:1px solid var(--line2);
  padding:9px 11px;font:15px var(--f-body);outline:none}
.tpl-szukaj input:focus{border-color:var(--pink)}
.tpl-ile{margin:0 0 8px;font:11px var(--f-type);letter-spacing:.06em;color:var(--dim2)}
.tpls button{position:relative}
/* znacznik, ze tlo przychodzi z katalogu, a nie z naszego magazynu - rozroznienie jest prawdziwe,
   bo te obrazy laduja sie z cudzego serwera */
.tpl-kat{position:absolute;right:3px;top:3px;width:7px;height:7px;background:var(--acid);border:1px solid #000}
.tpl-up{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;border:1px dashed var(--line2);
  color:#ddd;cursor:pointer;font:13px var(--f-type);letter-spacing:.06em}
.tpl-up:hover{border-color:var(--pink);color:#fff}