@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg: #09090b;--panel: #121318;--panel-soft: #181a21;--line: rgba(255, 255, 255, .08);--text: #f5f6fa;--text-muted: #a2a8b8;--accent: #ef4444;--accent-soft: rgba(239, 68, 68, .18);--glow-soft: rgba(239, 68, 68, .22);--shadow-deep: 0 24px 48px rgba(0, 0, 0, .48);--shadow-card: 0 14px 28px rgba(0, 0, 0, .38);--radius-lg: 20px;--radius-md: 14px;--sidebar-width: 272px;--install-banner-height: 88px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Outfit,sans-serif;color:var(--text);background:radial-gradient(72rem 38rem at 8% 2%,rgba(239,68,68,.24) 0%,rgba(239,68,68,.06) 35%,transparent 62%),radial-gradient(54rem 24rem at 88% 105%,rgba(239,68,68,.09) 0%,transparent 58%),radial-gradient(60rem 28rem at 120% -18%,rgba(56,189,248,.1) 0%,transparent 52%),var(--bg);background-attachment:fixed}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:92px}.app-shell.has-install-banner{padding-top:var(--install-banner-height)}.app-shell.has-install-banner .sidebar{top:0;padding-top:var(--install-banner-height)}#install-banner{position:fixed;top:calc(env(safe-area-inset-top) + 10px);left:50%;transform:translate(-50%);width:min(680px,calc(100% - 22px));min-height:68px;display:flex;align-items:center;gap:12px;padding:11px 13px;background:radial-gradient(120% 130% at 86% -20%,rgba(255,255,255,.14) 0%,transparent 54%),#13141cb8;color:#fff;z-index:9999;border:1px solid rgba(255,255,255,.14);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 26px #00000057,inset 0 1px #ffffff1a}.install-logo{width:38px;height:38px;border-radius:10px;flex-shrink:0;box-shadow:0 8px 14px #00000047}.install-text{flex:1;font-size:.84rem;font-weight:500;line-height:1.3;color:#eef1f8;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.install-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}#install-app-dismiss-btn{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#dce2f0;font-family:inherit;font-weight:500;font-size:.78rem;cursor:pointer}#install-app-btn{padding:8px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#ff5656f5,#d21d1df5);color:#fff;font-family:inherit;font-weight:600;font-size:.8rem;cursor:pointer;flex-shrink:0;box-shadow:0 8px 16px #ef444442}#install-app-dismiss-btn:active,#install-app-btn:active{transform:translateY(1px)}.mobile-bottom-nav{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:radial-gradient(40rem 14rem at 18% -6%,rgba(239,68,68,.15) 0%,transparent 48%),linear-gradient(180deg,#090a0ffa,#0b0d14fa 48%,#080b12fc);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10;box-shadow:inset -1px 0 #ffffff08,8px 0 30px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar__brand{display:flex;align-items:center;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.sidebar__brand-link{display:inline-flex;align-items:center;text-decoration:none}.sidebar__brand-logo{width:100%;max-width:186px;max-height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34));transition:transform .16s ease,filter .16s ease}.sidebar__brand-link:hover .sidebar__brand-logo{transform:translateY(-1px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.sidebar__nav{padding:14px 10px;display:grid;gap:4px}.sidebar__link{text-decoration:none;padding:11px 12px;border-radius:10px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:10px;transition:transform .16s ease,color .16s ease,background-color .16s ease,box-shadow .16s ease}.sidebar__link-icon{width:16px;height:16px;display:inline-grid;place-items:center;opacity:.88}.sidebar__link-icon svg{width:100%;height:100%}.sidebar__link:hover{color:#ffd2d2;background:#ef44441f;transform:translate(2px);box-shadow:inset 0 0 0 1px #ef444438}.sidebar__link.is-active{color:#fff;background:var(--accent-soft);font-weight:600}.sidebar__mini-player{margin:12px 10px 0;padding:14px;border-radius:16px;box-shadow:0 14px 24px #00000059,0 0 26px #ef44442e;display:grid;gap:10px}.sidebar__mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar__mini-title{margin:0;font-size:.7rem;letter-spacing:1px;color:#81889a}.sidebar__mini-favorite{width:28px;height:28px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;border-radius:999px;transition:transform .14s ease,color .14s ease,filter .14s ease}.sidebar__mini-favorite svg{width:18px;height:18px}.sidebar__mini-favorite:hover{transform:scale(1.08);color:#ff9da1;filter:drop-shadow(0 0 6px rgba(239,68,68,.45))}.sidebar__mini-favorite.is-active{color:#ef4444}.sidebar__mini-media{display:flex;align-items:center;gap:12px;margin-bottom:4px}.sidebar__mini-logo{width:64px;height:64px;border-radius:10px;object-fit:cover;display:block;box-shadow:0 8px 16px #00000047}.sidebar__mini-info{min-width:0;display:grid;gap:2px}.sidebar__mini-info strong{font-size:.95rem;line-height:1.2;white-space:normal;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar__mini-info span{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__mini-controls{display:flex;align-items:center;justify-content:center;gap:10px}.sidebar__mini-step{width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:#d3d9e6;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.sidebar__mini-step svg{width:16px;height:16px}.sidebar__mini-step:hover:not(:disabled){transform:translateY(-1px);background:#ffffff14}.sidebar__mini-step:disabled{opacity:.45;cursor:not-allowed}.sidebar__mini-toggle{width:46px;height:46px;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;cursor:pointer;background:linear-gradient(145deg,#e84b4b,#c92b2b);box-shadow:0 6px 16px #ff000059;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease}.sidebar__mini-toggle svg{width:20px;height:20px}.sidebar__mini-toggle:hover{transform:scale(1.03);box-shadow:0 8px 18px #f006;filter:brightness(1.02)}.sidebar__mini-volume{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.sidebar__mini-volume-step{width:auto;height:auto;border:0;border-radius:0;background:transparent;color:#c8cfde;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:18px;font-weight:600;line-height:1;cursor:pointer;padding:0 2px;transition:color .14s ease,transform .14s ease}.sidebar__mini-volume-step:hover{color:#f2f5fc;transform:translateY(-1px)}.sidebar__mini-volume input[type=range]{width:150px;accent-color:#ef4444;cursor:pointer;filter:drop-shadow(0 0 6px rgba(239,68,68,.24))}.sidebar__mini-now{display:grid;gap:5px;margin-top:4px}.sidebar__mini-now-label{margin:0;font-size:.68rem;letter-spacing:1px;color:#868da0}.sidebar__mini-now-row{display:flex;align-items:center;gap:8px;min-width:0}.sidebar__mini-now-name{flex:1;min-width:0;font-size:.82rem;color:#e8ebf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__mini-equalizer{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.sidebar__mini-equalizer span{width:3px;height:12px;background:#ff3b3b;display:inline-block;border-radius:3px;animation:sidebar-mini-equalizer 1s infinite ease-in-out;animation-play-state:paused;opacity:.45}.sidebar__mini-equalizer.is-playing span{animation-play-state:running;opacity:1}.sidebar__mini-equalizer span:nth-child(1){animation-delay:0s}.sidebar__mini-equalizer span:nth-child(2){animation-delay:.15s}.sidebar__mini-equalizer span:nth-child(3){animation-delay:.3s}.sidebar__mini-equalizer span:nth-child(4){animation-delay:.2s}.sidebar__mini-equalizer span:nth-child(5){animation-delay:.4s}@keyframes sidebar-mini-equalizer{0%{height:6px}50%{height:14px}to{height:6px}}.sidebar__categories{padding:12px 10px 24px;margin-top:auto}.sidebar__categories h2{margin:0 0 10px;padding:0 10px;text-transform:uppercase;letter-spacing:1px;font-size:.72rem;color:#757b8a}.sidebar__categories ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.sidebar__categories li{font-size:.9rem;color:var(--text-muted);padding:7px 10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.03);transition:color .16s ease,border-color .16s ease,transform .16s ease}.sidebar__categories li:hover{color:#ffe6e6;border-color:#ef444438;transform:translate(2px)}.app-main{margin-left:var(--sidebar-width);padding:34px 38px}.page{display:grid;gap:20px}.page__header h1{margin:0;font-size:clamp(1.75rem,2.8vw,2.35rem)}.page__header p{margin:6px 0 0;color:var(--text-muted)}.page__header--with-search{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.glass{background:linear-gradient(160deg,#ffffff1a,#ffffff08 32%,#ffffff03);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card)}.radio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,220px));justify-content:start;gap:16px}.radio-grid--featured{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));justify-content:stretch;gap:12px}.radio-grid--featured .radio-card{padding:12px}.radio-grid--featured .radio-card__cover{border-radius:10px;margin-bottom:10px}.radio-grid--featured .radio-card__name{font-size:.9rem}.radio-grid--featured .radio-card__category{margin:4px 0 10px;font-size:.78rem}.radio-grid--featured .btn{padding:7px 8px;font-size:.8rem}.home-section{display:grid;gap:14px}.home-loading{min-height:clamp(220px,46vh,360px);display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius-md);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-loading__spinner{width:44px;height:44px;border-radius:999px;border:3px solid rgba(255,255,255,.16);border-top-color:#ef4444;box-shadow:0 0 12px #ef444438;animation:home-loading-spin .9s linear infinite}.home-loading p{margin:0;color:#a7aec0;font-size:.95rem}@keyframes home-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-section+.home-section{margin-top:8px}.home-section__header h2{margin:0;font-size:1.25rem}.home-section__header p{margin:6px 0 0;color:var(--text-muted);font-size:.9rem}.search{width:min(420px,100%);position:relative;display:block}.search__icon{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#80879a;pointer-events:none}.search__icon svg{width:100%;height:100%}.search__input{width:100%;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#11141ce6,#13161fbf);color:#fff;outline:none;padding:0 16px 0 40px;transition:border-color .14s ease,box-shadow .14s ease;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #00000040}.search__input::placeholder{color:#70788e}.search__input:focus{border-color:#ef44448c;box-shadow:0 0 0 4px #ef444429,0 10px 20px #ef444426}.search--hero{width:min(760px,100%)}.search--hero .search__icon{left:18px;width:20px;height:20px}.search--hero .search__input{height:58px;padding-left:48px;font-size:1rem;border-radius:18px}.category-menu{display:flex;flex-wrap:wrap;gap:8px}.category-menu__button{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff08;color:var(--text-muted);padding:8px 14px;font-family:inherit;cursor:pointer;transition:all .14s ease}.category-menu__button:hover{color:#fff;border-color:#ef444480}.category-menu__button.is-active{color:#fff;background:var(--accent-soft);border-color:#ef44449e}.radio-card{padding:14px;position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;backdrop-filter:none;-webkit-backdrop-filter:none;background:#12151e;transform:translateZ(0);will-change:transform,box-shadow;backface-visibility:hidden;content-visibility:auto;contain-intrinsic-size:290px}.radio-card:focus-visible{outline:2px solid rgba(239,68,68,.7);outline-offset:2px}.radio-card:before{content:"";position:absolute;inset:-32% 40% auto -18%;height:58%;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,transparent 72%);opacity:.65;z-index:-1;pointer-events:none}.radio-card:hover{transform:translateY(-7px);border-color:#ef444466;box-shadow:0 22px 40px #00000080,0 0 0 1px #ef444426,0 0 26px #ef444433}.radio-card__cover{width:100%;aspect-ratio:1;border-radius:12px;margin-bottom:12px;display:block;overflow:hidden;background:linear-gradient(140deg,#ef4444,#9f1239 56%,#701a1a);box-shadow:inset 0 -22px 28px #0000003d,0 12px 24px #ef444433}.radio-card__image{width:100%;height:100%;object-fit:cover;display:block}.radio-card__name{margin:0;font-size:.98rem}.radio-card__category{margin:5px 0 12px;color:var(--text-muted);font-size:.84rem}.radio-card__details-link{display:inline-block;font-size:.78rem;color:#ff9da1;text-decoration:none;border-bottom:1px solid rgba(239,68,68,.45)}.radio-card__details-link:hover{color:#ffd2d2}.radio-card__actions{display:flex;gap:8px}.btn{border:0;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease}.btn--primary{background:#ef4444;color:#fff;box-shadow:0 8px 18px #ef444447}.btn--primary:hover{background:#dc2626;box-shadow:0 12px 24px #ef44445c;transform:translateY(-1px)}.btn--ghost{color:#ffe9e9;background:#ef444424;border:1px solid rgba(239,68,68,.15)}.btn--ghost:hover{background:#ef444433;box-shadow:0 8px 16px #ef444429}.player-bar{position:fixed;left:var(--sidebar-width);right:0;bottom:0;height:82px;border-top:1px solid rgba(239,68,68,.18);background:radial-gradient(48rem 10rem at 35% 124%,rgba(239,68,68,.18) 0%,transparent 62%),#0a0b0ff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:12;box-shadow:0 -10px 30px #00000073,0 -2px 18px #ef44442e}@media (min-width: 768px){.player-bar{display:none}.app-shell{padding-bottom:0}}.player-bar__track{display:grid;gap:4px}.player-bar__now{display:inline-flex;align-items:center;gap:10px;min-width:0}.player-bar__thumb{display:none}.player-bar__controls{display:flex;align-items:center;gap:10px}.player-bar__favorite{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#aeb6c6;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease}.player-bar__favorite svg{width:22px;height:22px}.player-bar__favorite.is-active{color:#ff4b4b;border-color:#ff4b4b70;background:#ef444424;transform:scale(1.06)}.player-bar__favorite:disabled{opacity:.5;cursor:not-allowed}.player-bar__favorite:active:not(:disabled){transform:scale(.94)}.player-bar__toggle{width:60px;height:60px;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;cursor:pointer;background:linear-gradient(145deg,#ef4444,#dc2626 52%,#991b1b);box-shadow:0 10px 24px #ef444473,0 0 22px #ef444447;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease}.player-bar__toggle svg{width:24px;height:24px}.player-bar__toggle:hover:not(:disabled){transform:scale(1.05);box-shadow:0 14px 28px #ef44448c,0 0 30px #ef444459;filter:brightness(1.05)}.player-bar__toggle:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.player-bar__track strong{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:#858c9f}.player-bar__name{font-size:1rem}.player-bar__equalizer{display:inline-flex;align-items:flex-end;gap:4px;height:24px}.player-bar__equalizer span{width:3px;height:12px;border-radius:99px;background:linear-gradient(180deg,#ff6b6b,#ef4444);box-shadow:0 0 7px #ef44446b;animation:player-bar-equalizer .9s ease-in-out infinite;animation-play-state:paused;opacity:.45}.player-bar__equalizer.is-playing span{animation-play-state:running;opacity:1}.player-bar__equalizer span:nth-child(1){animation-delay:0s}.player-bar__equalizer span:nth-child(2){animation-delay:.15s}.player-bar__equalizer span:nth-child(3){animation-delay:.3s}.player-bar__equalizer span:nth-child(4){animation-delay:.2s}.player-bar__equalizer span:nth-child(5){animation-delay:.4s}.player-bar__equalizer span:nth-child(6){animation-delay:.1s}.player-bar__equalizer span:nth-child(7){animation-delay:.25s}.player-bar__equalizer span:nth-child(8){animation-delay:.35s}.player-bar__equalizer span:nth-child(9){animation-delay:.45s}@keyframes player-bar-equalizer{0%,to{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(2);opacity:1}}.full-player{display:none}.empty-state{border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);padding:20px;color:var(--text-muted);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page__load-more{margin:16px auto 0;display:block;min-width:190px}.empty-favorites{min-height:clamp(280px,52vh,460px);display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:18px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius-md);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.empty-favorites__icons{display:grid;justify-items:center;gap:0;margin-bottom:6px}.empty-favorites__icon{line-height:1;-webkit-user-select:none;user-select:none}.empty-favorites__icon--heart{width:52px;height:52px;color:#ef5b5b;opacity:.95;filter:drop-shadow(0 0 12px rgba(239,68,68,.34))}.empty-favorites__icon--heart svg{width:100%;height:100%}.empty-favorites h3{margin:0;font-size:1.1rem;font-weight:600;color:#edf0f7}.empty-favorites p{margin:0;max-width:340px;color:#9ea6b8;font-size:.92rem}@media (max-width: 1080px){.radio-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.radio-grid--featured{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}@media (max-width: 900px){.sidebar{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar__mini-player{margin-top:10px}.app-main{margin-left:0;padding:20px 16px}.page__header--with-search{flex-direction:column;align-items:stretch}.player-bar{left:0;height:auto;padding:12px 16px;gap:12px;flex-wrap:wrap}.player-bar__toggle{width:56px;height:56px}.player-bar__equalizer{display:none}}@media (max-width: 620px){.radio-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.radio-grid--featured{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}}@media (max-width: 767px){:root{--mobile-nav-height: 68px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:31;min-height:var(--mobile-nav-height);padding:6px 8px max(6px,env(safe-area-inset-bottom));background:#0b0c12e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 24px #0000004d}.mobile-bottom-nav__item{border:0;background:transparent;color:#aab1bf;text-decoration:none;font-family:inherit;font-size:.68rem;font-weight:600;display:grid;justify-items:center;gap:4px;padding:7px 4px;border-radius:10px;cursor:pointer;transition:color .16s ease,transform .16s ease,filter .16s ease}.mobile-bottom-nav__item svg{width:20px;height:20px}.mobile-bottom-nav__item:hover{color:#f5f6fa;transform:translateY(-1px)}.mobile-bottom-nav__item.is-active{color:#ef4444}.mobile-bottom-nav__item.is-active svg{filter:drop-shadow(0 0 7px rgba(239,68,68,.45))}.app-shell.has-install-banner{padding-top:calc(var(--install-banner-height) - 6px)}#install-banner{width:calc(100% - 16px);top:calc(env(safe-area-inset-top) + 8px);gap:9px;padding:10px;border-radius:16px}.install-logo{width:34px;height:34px}.install-text{font-size:.74rem}#install-app-btn{padding:7px 9px;font-size:.74rem}#install-app-dismiss-btn{padding:7px;font-size:.7rem}.sidebar{display:none}.app-shell{padding-bottom:164px}.app-main{margin-left:0;padding:14px}.player-bar{left:0;right:0;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));height:82px;padding:12px 16px;gap:12px;flex-wrap:nowrap;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#14161ed6,#0a0b10f0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -6px 20px #00000073}.player-bar__track{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.player-bar__thumb{display:block;width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 10px #0006}.player-bar__track strong{display:none}.player-bar__name{font-size:.95rem;font-weight:600;color:#f3f5fa;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__equalizer{display:none}.player-bar__controls{margin-left:4px;flex-shrink:0;gap:8px}.player-bar__favorite{width:44px;height:44px}.player-bar__toggle{width:58px;height:58px;position:relative;isolation:isolate;background:linear-gradient(145deg,#ff3b3b,#b30000);box-shadow:0 6px 16px #00000080,0 4px 12px #ef444452;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease}.player-bar__toggle:before{content:"";position:absolute;top:2px;right:8px;bottom:52%;left:8px;border-radius:999px;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.player-bar__toggle:active:not(:disabled){transform:scale(.96);box-shadow:0 4px 10px #00000073,0 3px 8px #ef444438}.player-bar__toggle svg{width:22px;height:22px}.full-player{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(34rem 24rem at 50% 14%,rgba(239,68,68,.2) 0%,transparent 68%),linear-gradient(180deg,#08090cf5,#0d0f16fa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.full-player__top{display:flex;align-items:center;padding:12px}.full-player__back{width:40px;height:40px;border:0;border-radius:999px;color:#fff;background:#ffffff14;display:grid;place-items:center}.full-player__back svg{width:20px;height:20px}.full-player__body{height:calc(100% - 64px);display:grid;align-content:start;justify-items:center;gap:22px;padding:14px 20px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch}.full-player__cover{width:min(70vw,42vh,280px);aspect-ratio:1;border-radius:20px;object-fit:cover;box-shadow:0 0 35px #ef444440,0 18px 34px #00000070}.full-player__meta{text-align:center;display:grid;gap:8px;justify-items:center}.full-player__meta h2{margin:0;font-size:clamp(1.28rem,4.8vw,1.42rem);font-weight:600;line-height:1.22;max-width:min(88vw,340px)}.full-player__meta p{margin:0;color:#a7aec0;font-size:.88rem;opacity:.82}.full-player__live{display:inline-flex;align-items:center;gap:6px;color:#ff5252;font-size:.76rem;font-weight:600;letter-spacing:.06em}.full-player__live-dot{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 10px #ff5252b3}.full-player__actions{display:flex;align-items:center;gap:18px}.full-player__utility{width:min(86vw,360px);display:flex;align-items:center;justify-content:space-between;position:relative}.full-player__utility.is-volume-open{margin-bottom:44px}.full-player__volume-slot{display:flex;align-items:center;gap:10px;min-width:0}.full-player__volume-trigger,.full-player__favorite{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.full-player__volume-trigger{border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#b8c0cf}.full-player__volume-trigger:active{transform:scale(.96)}.full-player__volume-trigger svg{width:21px;height:21px}.full-player__favorite{border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#b8c0cf}.full-player__favorite.is-active{border-color:#ef44445c;background:#ef44441f;color:#ef5b5b}.full-player__favorite svg{width:19px;height:19px}.full-player__step{width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff06;color:#c9d0de;display:grid;place-items:center;transition:transform .17s ease,background-color .17s ease}.full-player__step:active{transform:scale(.95);background:#ffffff0f}.full-player__step svg{width:20px;height:20px}.full-player__toggle{width:72px;height:72px;border:0;border-radius:999px;color:#fff;position:relative;isolation:isolate;background:linear-gradient(145deg,#ff3b3b,#b30000);box-shadow:0 8px 25px #f006,0 10px 20px #00000057;display:grid;place-items:center;transition:transform .18s ease,box-shadow .18s ease}.full-player__toggle:before{content:"";position:absolute;top:2px;right:10px;bottom:50%;left:10px;border-radius:999px;background:linear-gradient(180deg,#ffffff6b,#fff0);pointer-events:none;z-index:-1}.full-player__toggle:active{transform:scale(.96)}.full-player__toggle.is-playing{animation:player-pulse 2.2s ease-in-out infinite}.full-player__toggle svg{width:26px;height:26px}.full-player__visualizer,.audio-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:40px;width:min(78vw,260px);margin:0;position:relative;z-index:1}.full-player__visualizer--inline{flex:1;width:auto;min-width:0;height:28px;align-self:center;margin:0 8px;pointer-events:none}.full-player__visualizer span,.audio-visualizer span{width:3px;height:12px;display:block;border-radius:3px;background:linear-gradient(180deg,#ff6363,#ff3b3b);box-shadow:0 0 8px #ff000080;animation:equalizer 1.1s ease-in-out infinite;animation-play-state:paused;opacity:.5;will-change:transform}.full-player__visualizer.is-playing span,.audio-visualizer.is-playing span{animation-play-state:running;opacity:1}.full-player__visualizer span:nth-child(1){animation-delay:0s}.full-player__visualizer span:nth-child(2){animation-delay:.1s}.full-player__visualizer span:nth-child(3){animation-delay:.2s}.full-player__visualizer span:nth-child(4){animation-delay:.3s}.full-player__visualizer span:nth-child(5){animation-delay:.4s}.full-player__visualizer span:nth-child(6){animation-delay:.5s}.full-player__visualizer span:nth-child(7){animation-delay:.2s}.full-player__visualizer span:nth-child(8){animation-delay:.3s}.full-player__visualizer span:nth-child(9){animation-delay:.4s}.full-player__visualizer span:nth-child(10){animation-delay:.6s}.full-player__volume{width:min(62vw,220px);min-width:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%)}.full-player__volume input[type=range]{width:100%;accent-color:#ef4444;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff29;height:6px;border-radius:999px}.full-player__volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border-radius:999px;background:#ef4444;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #ef444433;cursor:pointer}.full-player__volume input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff29}.full-player__volume input[type=range]::-moz-range-thumb{width:17px;height:17px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ef4444;box-shadow:0 0 0 1px #ef444433;cursor:pointer}.full-player-transition-enter-active,.full-player-transition-leave-active{transition:opacity .22s ease,transform .22s ease}.full-player-transition-enter-from,.full-player-transition-leave-to{opacity:0;transform:translateY(14px)}.volume-slider-transition-enter-active,.volume-slider-transition-leave-active{transition:opacity .24s ease}.volume-slider-transition-enter-from,.volume-slider-transition-leave-to{opacity:0}@keyframes equalizer{0%{height:10px}25%{height:25px}50%{height:35px}75%{height:20px}to{height:10px}}@keyframes player-pulse{0%,to{box-shadow:0 8px 25px #ff000057,0 10px 20px #00000057}50%{box-shadow:0 10px 30px #ff00007a,0 12px 24px #0000005c}}@media (max-height: 760px){.full-player__body{gap:16px;padding:10px 18px 20px}.full-player__cover{width:min(62vw,34vh,250px)}.full-player__visualizer,.audio-visualizer{height:32px}.full-player__visualizer--inline{height:24px;margin:0 6px}}}