.compact-heading{display:flex;flex:0 0 auto;height:3.15rem;align-items:center;gap:.55rem;padding:0 1rem;border-bottom:1px solid var(--line);background:#ffffff04}.compact-heading h1{margin:0;font-size:.92rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#5ce1a0;box-shadow:0 0 0 .28rem #5ce1a016}.drawer-toggle{position:fixed;z-index:31;top:50%;right:0;padding:.85rem .38rem;border:1px solid #ffffff25;border-right:0;border-radius:.75rem 0 0 .75rem;transform:translateY(-50%);background:linear-gradient(180deg,#9b6bff,#7040df);box-shadow:-.7rem 0 2rem #0005;color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.12em;writing-mode:vertical-rl;cursor:pointer}.radio-drawer{position:fixed;z-index:34;top:0;right:0;width:min(88vw,22rem);height:100%;transform:translateX(105%);border-left:1px solid #ffffff20;background:linear-gradient(160deg,#211532,#110b1c);box-shadow:-2rem 0 6rem #0009;transition:transform .28s ease}.radio-drawer.is-open{transform:translateX(0)}.drawer-backdrop{position:fixed;z-index:33;inset:0;visibility:hidden;background:#08050e99;opacity:0;backdrop-filter:blur(5px);transition:opacity .25s,visibility .25s}.drawer-backdrop.is-open{visibility:visible;opacity:1}.radio-drawer>header{display:grid;grid-template-columns:3.6rem 1fr auto;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--line)}.radio-drawer>header img{width:3.6rem;height:3.6rem;object-fit:contain}.radio-drawer>header div{display:grid}.radio-drawer>header small{color:#a99bb4;font-size:.58rem;letter-spacing:.12em}.radio-drawer>header strong{font-size:1rem}.radio-drawer>header button{width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:#fff;font-size:1.2rem;cursor:pointer}.drawer-content{height:calc(100% - 5.7rem);overflow-y:auto;padding:1rem}.drawer-player{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff06}.drawer-player .mini-player{grid-template-columns:auto auto 1fr}.drawer-player .mini-player input{grid-column:1/-1}.drawer-options{display:grid;gap:.55rem;margin-top:1rem}.drawer-options>button{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:.75rem;width:100%;padding:.8rem;border:1px solid var(--line);border-radius:.85rem;background:#ffffff05;color:#fff;text-align:left;cursor:pointer}.drawer-options>button:hover{border-color:#9b6bff80;background:#9b6bff14}.drawer-options b{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.7rem;background:#9b6bff1f;color:#cbb5ff;font-size:1.05rem}.drawer-options span{display:grid;gap:.15rem;font-weight:800}.drawer-options small{color:var(--muted);font-size:.65rem;font-weight:400}.drawer-online{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.drawer-online>strong{display:block;margin-bottom:.6rem;color:#cbbfd2;font-size:.7rem;text-transform:uppercase}.drawer-online>strong span{padding:.15rem .4rem;border-radius:1rem;background:#5ce1a018;color:#83e9b8}.drawer-online .online-users{display:flex;flex-wrap:wrap;overflow:visible}@media(max-width:500px){.radio-drawer{width:min(92vw,22rem)}.drawer-toggle{padding:.7rem .3rem}.compact-heading{height:2.8rem}.compact-heading h1{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.radio-drawer,.drawer-backdrop{transition:none}}
/* Osadzony odtwarzacz Asura Hosting w panelu radia. */
.drawer-player--embedded{height:124px;padding:.35rem;overflow:hidden;background:#050308}.drawer-player--embedded iframe{display:block;width:100%;min-height:150px;height:150px;border:0;border-radius:.75rem;background:transparent;filter:none}