:root{--chat-bg:#07050e;--chat-panel:rgba(18,13,31,.88);--chat-line:rgba(255,255,255,.09);--chat-violet:#9565ff;--chat-pink:#ff4c9f;--chat-cyan:#4ed5ff;--chat-green:#54e3a4;--chat-muted:#9e93ad}body.modern-chat{background:radial-gradient(circle at 18% 12%,rgba(87,51,158,.21),transparent 28rem),radial-gradient(circle at 84% 84%,rgba(255,76,159,.09),transparent 27rem),var(--chat-bg)}body.modern-chat:before{opacity:.5;filter:blur(.2px)}.modern-chat .chat{background:linear-gradient(155deg,rgba(18,12,32,.94),rgba(9,7,17,.96));box-shadow:inset 0 1px rgba(255,255,255,.055)}.modern-chat .compact-heading{min-height:60px;padding:.65rem 1rem;border-bottom:1px solid var(--chat-line);background:rgba(9,6,17,.68);backdrop-filter:blur(20px)}.modern-chat .compact-heading:before{content:"RADIO MOTYLEK";margin-left:.3rem;color:#f7f3ff;font-size:.74rem;font-weight:900;letter-spacing:.15em}.modern-chat .status-dot{width:.55rem;height:.55rem;box-shadow:0 0 0 .32rem rgba(84,227,164,.08),0 0 1.2rem rgba(84,227,164,.7)}
.modern-chat .chat-heading-actions{gap:.55rem}.modern-chat .chat-settings-button,.modern-chat .exit-chat-button{min-height:36px;padding:.5rem .8rem;border:1px solid var(--chat-line);border-radius:.7rem;background:rgba(255,255,255,.045);color:#ddd5e8;font-weight:800}.modern-chat .chat-settings-button:hover{border-color:rgba(149,101,255,.42);background:rgba(149,101,255,.11)}.modern-chat .exit-chat-button{color:#ff9abd;border-color:rgba(255,76,159,.22)}.modern-chat .identity{padding:.65rem 1.25rem;background:rgba(255,255,255,.018);border-bottom-color:var(--chat-line)}.modern-chat .messages{padding:1.2rem clamp(.8rem,2.4vw,2rem);scrollbar-color:rgba(149,101,255,.35) transparent;scrollbar-width:thin}
.modern-chat .message{margin:.15rem 0;padding:.42rem 0;animation:chat-message-in .22s ease-out both}.modern-chat .message .body{border-color:rgba(255,255,255,.08);border-radius:.35rem 1.1rem 1.1rem 1.1rem;background:linear-gradient(145deg,rgba(34,25,51,.95),rgba(24,18,38,.94));box-shadow:inset 0 1px rgba(255,255,255,.055),0 .7rem 1.6rem rgba(0,0,0,.2)}.modern-chat .message.is-own .body{border-color:rgba(149,101,255,.28);border-radius:1.1rem .35rem 1.1rem 1.1rem;background:linear-gradient(145deg,rgba(91,52,164,.72),rgba(47,31,78,.94));box-shadow:inset 0 1px rgba(255,255,255,.09),0 .8rem 2rem rgba(73,38,132,.2)}.modern-chat .message--admin .body{border-color:rgba(255,76,159,.28);background:linear-gradient(145deg,rgba(102,34,82,.7),rgba(49,24,58,.94))}.modern-chat .message--presenter:not(.is-own) .body{border-color:rgba(78,213,255,.2);background:linear-gradient(145deg,rgba(24,54,78,.78),rgba(22,25,45,.94))}.modern-chat .avatar{border:2px solid rgba(255,255,255,.13);background:#292039;box-shadow:0 .45rem 1.1rem rgba(0,0,0,.3)}.modern-chat .avatar img{width:100%;height:100%;object-fit:cover}.modern-chat .nick{font-weight:900;letter-spacing:-.01em}.modern-chat .badge{border:1px solid rgba(78,213,255,.15);background:rgba(78,213,255,.1)}.modern-chat .badge--admin{border-color:rgba(255,76,159,.18);background:rgba(255,76,159,.11)}
.modern-chat .composer{gap:.65rem;padding:.8rem 1rem;border-top:1px solid var(--chat-line);background:rgba(8,5,15,.82);box-shadow:0 -1rem 3rem rgba(0,0,0,.16);backdrop-filter:blur(20px)}.modern-chat .compose-field{min-height:46px;border:1px solid rgba(255,255,255,.11)!important;border-radius:1rem!important;background:rgba(3,2,8,.62)!important;box-shadow:inset 0 1px .4rem rgba(0,0,0,.3);transition:border-color .2s,box-shadow .2s}.modern-chat .compose-field:focus-within{border-color:rgba(149,101,255,.55)!important;box-shadow:0 0 0 3px rgba(149,101,255,.1),inset 0 1px .4rem rgba(0,0,0,.3)}.modern-chat .composer>button:last-child{min-width:78px;border-radius:.9rem;background:linear-gradient(135deg,#a16bff,#713fe6);box-shadow:0 .65rem 1.6rem rgba(113,63,230,.25)}.modern-chat .gif-source-buttons>button,.modern-chat .gif-toggle,.modern-chat .giphy-toggle{border-radius:.8rem;border-color:var(--chat-line);background:rgba(255,255,255,.05)}
.modern-chat .drawer-toggle{border-color:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(62,37,104,.95),rgba(31,23,54,.95));box-shadow:0 .8rem 2rem rgba(0,0,0,.3)}.modern-chat .drawer-toggle--online{background:linear-gradient(180deg,rgba(19,92,126,.94),rgba(30,39,76,.94))}.modern-chat .radio-drawer{border-left-color:var(--chat-line);background:linear-gradient(160deg,rgba(26,18,44,.98),rgba(10,7,18,.98));box-shadow:-2rem 0 5rem rgba(0,0,0,.45)}.modern-chat dialog{border-color:rgba(255,255,255,.11)!important;background:linear-gradient(155deg,rgba(28,20,46,.98),rgba(12,9,22,.99))!important;box-shadow:0 2rem 6rem rgba(0,0,0,.62)!important}.modern-chat dialog::backdrop{background:rgba(4,2,9,.68);backdrop-filter:blur(12px)}
.modern-chat .gate{width:min(100% - 2rem,54rem);padding:2rem}.modern-chat .gate>h2{text-align:center;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em}.modern-chat .gate>p{text-align:center}.modern-chat .gate-online{margin-inline:auto}.modern-chat .gate-login-options{gap:1rem}.modern-chat .gate-login-options>section{border-color:var(--chat-line);border-radius:1.25rem;background:linear-gradient(150deg,rgba(29,20,47,.88),rgba(15,11,26,.82));box-shadow:inset 0 1px rgba(255,255,255,.06),0 1.3rem 3rem rgba(0,0,0,.24)}.modern-chat .gate input{min-height:46px;border-radius:.85rem;background:rgba(3,2,8,.7)}.modern-chat .gate button{min-height:46px;border-radius:.85rem;background:linear-gradient(135deg,#ff459a,#8b4eff);box-shadow:0 .7rem 1.8rem rgba(139,78,255,.18)}
@keyframes chat-message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:600px){.modern-chat .compact-heading{min-height:56px;padding:.55rem .7rem}.modern-chat .compact-heading:before{font-size:.66rem;letter-spacing:.11em}.modern-chat .chat-settings-button{width:38px;padding:0;font-size:0}.modern-chat .chat-settings-button:after{content:"⚙";font-size:1rem}.modern-chat .messages{padding:.75rem .65rem}.modern-chat .message,.modern-chat .message.is-own{grid-template-columns:2rem minmax(0,88%)}.modern-chat .message.is-own{grid-template-columns:minmax(0,88%) 2rem}.modern-chat .message .body{padding:.58rem .68rem}.modern-chat .composer{padding:.6rem;gap:.45rem}.modern-chat .composer>button:last-child{min-width:64px}.modern-chat .gate{width:100%;padding:1.2rem .8rem}.modern-chat .gate-login-options{grid-template-columns:1fr}.modern-chat .gate-login-options>section{border-radius:1rem}.modern-chat .drawer-toggle{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.modern-chat .message{animation:none}}
/* Logo pokoju zamiast tekstowej nazwy radia. */
.modern-chat .compact-heading:before{content:none!important}.chat-room-logo{display:grid;width:3.15rem;height:3.15rem;flex:0 0 3.15rem;place-items:center;pointer-events:none;user-select:none}.chat-room-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .25rem .55rem rgba(149,101,255,.4))}@media(max-width:600px){.chat-room-logo{width:2.75rem;height:2.75rem;flex-basis:2.75rem}}