/* Strona rozmowy z Sagą 3B (/rozmowa/, /en/rozmowa/), 18.09.2026: pełny ekran czatu otwierany z Centrali.
   Domyślnie jasna i szeroka (Bartek: „co to takie wąskie i ciemne”); przełącznik w nagłówku włącza wersję ciemną
   (klasa r-ciemny na <html>, zapamiętana w localStorage). Klasy czatu i tokeny kolorów pochodzą z centrala.css —
   tu podmieniamy tokeny dla wersji jasnej, więc te same komponenty zmieniają wygląd bez duplikowania reguł. */
html:not(.r-ciemny) body.r-strona{color-scheme:light;--bg:#ffffff;--panel:#ffffff;--panel2:#f4f4f5;--text:#09090b;--muted:#52525b;--faint:#71717a;--line:#e4e4e7;--strong:#a1a1aa;--signal:#09090b;--alarm:#dc2626;--r-szklo:rgba(255,255,255,.85);--r-kurtyna:rgba(255,255,255,1);--r-kurtyna0:rgba(255,255,255,0);--r-cien:0 1px 2px rgba(9,9,11,.04),0 8px 24px rgba(9,9,11,.06);--r-cien-mocny:0 1px 2px rgba(9,9,11,.05),0 18px 44px rgba(9,9,11,.10);--r-poswiata1:rgba(9,9,11,.05);--r-poswiata2:rgba(9,9,11,.025);--r-siatka:rgba(9,9,11,.07);--r-logo:brightness(0);--r-ty-tlo:#09090b;--r-ty-tekst:#ffffff;--r-wyslij:#09090b;--r-wyslij-tekst:#fff}
html.r-ciemny body.r-strona{color-scheme:dark;--r-szklo:rgba(22,23,27,.62);--r-kurtyna:rgba(8,9,11,1);--r-kurtyna0:rgba(8,9,11,0);--r-cien:0 10px 30px rgba(0,0,0,.35);--r-cien-mocny:0 22px 50px rgba(0,0,0,.5);--r-poswiata1:rgba(196,208,232,.16);--r-poswiata2:rgba(224,140,125,.05);--r-siatka:rgba(255,255,255,.03);--r-logo:none;--r-ty-tlo:var(--panel2);--r-ty-tekst:var(--text);--r-wyslij:var(--text);--r-wyslij-tekst:var(--bg)}

html,body.r-strona{height:100%}
body.r-strona{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text)}
.r-tlo{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg)}
.r-poswiata{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% -10%,var(--r-poswiata1),transparent 70%),radial-gradient(ellipse 40% 35% at 100% 80%,var(--r-poswiata2),transparent 70%)}
.r-siatka{position:absolute;inset:0;background-image:radial-gradient(var(--r-siatka) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 15%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 15%,#000 25%,transparent 80%)}

.r-gora{flex:none;display:flex;align-items:center;gap:24px;height:68px;padding:0 clamp(16px,3.2vw,40px);border-bottom:1px solid var(--line);background:var(--r-szklo);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:2}
.r-marka{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;color:var(--text)}.r-marka img{width:22px;height:auto;filter:var(--r-logo)}.r-marka .r-napis{width:94px}.r-marka-dopisek{font:11px/1 var(--mono);letter-spacing:.1em;color:var(--muted)}
.r-model{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap}.r-model strong{font-size:15px;font-weight:600}.r-wersja{font:11px/1 var(--mono);letter-spacing:.05em;color:var(--faint)}
.r-akcje{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap}.r-powrot{font-size:14px;text-decoration:none;color:var(--muted)}.r-powrot:hover{color:var(--text)}.r-jezyk{font:11px/1 var(--mono);letter-spacing:.08em;color:var(--muted)}.r-jezyk a{text-decoration:none;color:inherit}.r-jezyk a:hover{color:var(--text)}
.r-motyw{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:15px;line-height:1}.r-motyw:hover{background:var(--text);color:var(--bg);border-color:var(--text)}
.r-gora .saga-mala{border-color:var(--line);background:var(--panel);color:var(--text)}.r-gora .saga-mala:hover{background:var(--text);color:var(--bg);border-color:var(--text)}
.r-noscript{padding:40px 20px;text-align:center;color:var(--muted)}

.r-uklad{flex:1;min-height:0;display:flex;width:100%;max-width:none;margin:0;padding:0}
.r-czat{flex:1;min-width:0;width:100%;max-width:none;min-height:0;margin:0;display:flex;flex-direction:column}
.r-scena{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--strong) transparent;padding:0 clamp(16px,3.2vw,40px)}
.r-powitanie,.r-watek,.r-dol-srodek{width:100%;max-width:1120px;margin:0 auto}

.r-powitanie{padding:clamp(36px,8vh,96px) 0 32px}
.r-eyebrow{display:flex;align-items:center;gap:10px;font:11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.r-kwadrat{width:7px;height:7px;background:var(--signal)}
.r-tytul{margin:18px 0 20px;font-size:clamp(60px,9vw,128px);font-weight:300;letter-spacing:-.045em;line-height:.92;color:var(--text)}.r-tytul span{color:var(--signal)}
.r-lead{font-size:clamp(17px,1.5vw,20px);font-weight:300;line-height:1.55;color:var(--muted);max-width:60ch}
.r-przyklady-glowa{display:flex;justify-content:space-between;align-items:baseline;margin:40px 0 14px;font:11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.r-przyklady-glowa .saga-link{font:13px/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--signal)}
.r-przyklady{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.r-przyklad{display:flex;flex-direction:column;gap:10px;min-height:128px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--r-cien);color:var(--text);text-align:left;font-size:15px;line-height:1.5;transition:border-color .18s,transform .18s,box-shadow .18s,background .18s}.r-przyklad:hover{background:var(--panel);border-color:var(--signal);color:var(--text);transform:translateY(-3px);box-shadow:var(--r-cien-mocny)}.r-przyklad:disabled{transform:none}
.r-kat{font:600 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}

.r-watek{display:flex;flex-direction:column;gap:26px;max-height:none;overflow:visible;margin:0 auto;padding:36px 0 24px}
.r-watek .saga-wiadomosc{max-width:80%;font-size:16.5px;line-height:1.7;animation:r-wejscie .35s ease-out both}
.r-watek .saga-wiadomosc.ty{border:0;border-radius:20px 20px 6px 20px;background:var(--r-ty-tlo);color:var(--r-ty-tekst);padding:13px 20px}
.r-watek .saga-wiadomosc.ty b{display:none}
.r-watek .saga-wiadomosc.saga,.r-watek .saga-pisze-dymek{position:relative;max-width:86%;padding:4px 0 0 52px;border:0;border-radius:0;background:none;color:var(--text)}
.r-watek .saga-wiadomosc.saga:before,.r-watek .saga-pisze-dymek:before{content:"";position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--r-ty-tlo) url(/znak/skald-sygnet.svg) center/15px auto no-repeat;box-shadow:var(--r-cien)}
.r-watek .saga-wiadomosc.saga b{margin-bottom:6px;color:var(--faint)}
.r-watek .saga-pisze-dymek{padding-top:12px}.r-watek .saga-pisze i{background:var(--muted)}
.r-watek .saga-uwaga{color:var(--faint)}

.r-dol{flex:none;padding:12px clamp(16px,3.2vw,40px) max(18px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--r-kurtyna) 70%,var(--r-kurtyna0))}
.r-dol-srodek{display:flex;flex-direction:column;gap:10px}
.r-dol .saga-kod-wiersz input{background:var(--panel);color:var(--text);border-color:var(--line)}
.r-dol .saga-kod-zapisany,.r-dol #saga-status{color:var(--muted)}.r-dol .saga-link{color:var(--signal)}
.r-pisanie{border-radius:20px;background:var(--panel);border-color:var(--line);box-shadow:var(--r-cien-mocny);padding:10px 10px 10px 20px}.r-pisanie:focus-within{border-color:var(--signal);box-shadow:0 0 0 4px var(--r-poswiata1),var(--r-cien-mocny)}
.r-pisanie textarea{font-size:17px;color:var(--text)}.r-pisanie textarea::placeholder{color:var(--faint)}
.r-pisanie .saga-wyslij{width:44px;height:44px;background:var(--r-wyslij);border-color:var(--r-wyslij);color:var(--r-wyslij-tekst)}.r-pisanie .saga-wyslij:hover{background:#3f3f46;border-color:#3f3f46;color:#fff}
.r-dol .saga-podpowiedz{color:var(--faint)}

@keyframes r-wejscie{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.r-powitanie>*{animation:r-wejscie .7s cubic-bezier(.2,.7,.2,1) both}.r-powitanie>:nth-child(2){animation-delay:.06s}.r-powitanie>:nth-child(3){animation-delay:.14s}.r-powitanie>:nth-child(4){animation-delay:.22s}.r-powitanie>:nth-child(5){animation-delay:.28s}
@media(prefers-reduced-motion:reduce){.r-powitanie>*,.r-watek .saga-wiadomosc{animation:none}.r-przyklad:hover{transform:none}}

@media(max-width:1100px){.r-przyklady{grid-template-columns:repeat(2,minmax(0,1fr))}.r-przyklad{min-height:104px}}
@media(max-width:760px){.r-model{position:static;transform:none}.r-wersja,.r-marka .r-napis,.r-powrot{display:none}.r-gora{gap:12px}.r-akcje{gap:10px}.r-przyklady{grid-template-columns:1fr}.r-przyklad{min-height:0}.r-watek .saga-wiadomosc{max-width:90%}.r-watek .saga-wiadomosc.saga{max-width:100%}.saga-podpowiedz{display:none}}

/* Jasny motyw premium (18.09.2026): monochrom, tytuł z neutralnym gradientem, mocniejsze pismo. */
html:not(.r-ciemny) .r-tytul{font-weight:600;letter-spacing:-.05em;background:linear-gradient(180deg,#09090b 40%,#52525b);-webkit-background-clip:text;background-clip:text;color:transparent}html:not(.r-ciemny) .r-tytul span{color:inherit;-webkit-text-fill-color:transparent}
html:not(.r-ciemny) .r-kat{color:var(--faint)}html:not(.r-ciemny) .r-kwadrat{background:#22c55e}html:not(.r-ciemny) .r-przyklad:hover{border-color:#09090b}
html:not(.r-ciemny) .r-pisanie:focus-within{border-color:#09090b;box-shadow:0 0 0 4px rgba(9,9,11,.06),var(--r-cien-mocny)}

html:not(.r-ciemny) .r-tytul,.r-tytul{line-height:1.08;padding-bottom:.12em;margin-bottom:8px}