:root{--bg: #08080c;--surface: #16161d;--surface-raised: #1e1e27;--border-soft: rgba(255, 255, 255, .08);--text-primary: #f3f1ec;--text-secondary: #8e8c99;--accent: #ff7a33;--accent-soft: rgba(255, 122, 51, .16);--font-display: "Unbounded", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-lg: 28px;--radius-md: 18px;--shadow-raised: 0 20px 48px -16px rgba(0, 0, 0, .6);--shadow-modal: 0 32px 80px -24px rgba(0, 0, 0, .7);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--ease-out-strong: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body)}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}img{display:block}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--station-glow, var(--accent));outline-offset:2px;border-radius:4px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--text-secondary);font-size:14px}.app-loading--error{color:#ff8fa3}.vk-only-notice__title{margin:0 0 8px;font-family:var(--font-display);font-size:16px;color:var(--text-primary)}.vk-only-notice__text{margin:0;max-width:280px;line-height:1.6}.equalizer{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.equalizer span{width:2.5px;background:var(--station-glow, var(--accent));border-radius:2px;height:4px}.equalizer--playing span{animation:equalize .9s ease-in-out infinite alternate}.equalizer--playing span:nth-child(1){animation-delay:0s}.equalizer--playing span:nth-child(2){animation-delay:.15s}.equalizer--playing span:nth-child(3){animation-delay:.3s}@keyframes equalize{0%{height:3px}to{height:10px}}.track-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.track-history__empty{color:var(--text-secondary);font-size:13px;line-height:1.5}.track-history__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-soft);transition:opacity .2s ease}.track-history__item--past{opacity:.62;filter:saturate(.7)}.track-history__cover{width:32px;height:32px;border-radius:9px;overflow:hidden;flex-shrink:0;background:var(--surface-raised);display:flex;align-items:center;justify-content:center}.track-history__cover img{width:100%;height:100%;object-fit:cover}.track-history__marker{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.track-history__marker--live{background:var(--station-glow, var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--station-glow, var(--accent)) 24%,transparent)}.track-history__text{display:flex;flex-direction:column;min-width:0;flex:1}.track-history__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-history__artist{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-history__time{font-size:11px;color:var(--text-secondary);flex-shrink:0}.app--mobile{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column}.app--mobile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(85% 40% at 32% -4%,color-mix(in srgb,var(--station-glow) 48%,transparent),transparent 68%),radial-gradient(60% 30% at 88% 14%,color-mix(in srgb,var(--station-glow) 22%,transparent),transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-color:var(--bg);background-blend-mode:normal,normal,overlay;background-repeat:no-repeat,no-repeat,repeat}.app__screen{flex:1;display:flex;flex-direction:column;overflow-y:auto}.station-switcher,.station-sidebar__list,.app__history-column,.app__player-column,.channel-grid-modal__body,.channel-grid-screen__body{-ms-overflow-style:none;scrollbar-width:none}.station-switcher::-webkit-scrollbar,.station-sidebar__list::-webkit-scrollbar,.app__history-column::-webkit-scrollbar,.app__player-column::-webkit-scrollbar,.channel-grid-modal__body::-webkit-scrollbar,.channel-grid-screen__body::-webkit-scrollbar{display:none}.station-switcher{display:flex;gap:14px;padding:18px 16px 10px;overflow-x:auto}.station-switcher__item{flex-shrink:0;width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.6;transition:opacity .2s ease}.station-switcher__badge{position:relative;width:72px;height:72px;border-radius:50%;border:2px solid transparent;background:var(--surface);padding:4px;transition:border-color .2s ease,transform .2s ease}.station-switcher__badge img{width:100%;height:100%;object-fit:contain;border-radius:50%}.station-switcher__name{font-size:11px;font-weight:500;color:var(--text-secondary);max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-switcher__count{padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--station-glow, var(--accent)) 18%,transparent);color:var(--station-glow, var(--accent));font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;transition:background .2s ease,transform .15s ease}.station-switcher__item--active{opacity:1}.station-switcher__item--active .station-switcher__badge{border-color:var(--station-glow, var(--accent));transform:scale(1.08)}.station-switcher__item--active .station-switcher__name{color:var(--text-primary)}.station-switcher__item:active .station-switcher__badge{transform:scale(.94)}.station-switcher__count:hover{background:color-mix(in srgb,var(--station-glow, var(--accent)) 28%,transparent)}.station-switcher__count:active{transform:scale(.94)}.radio-screen{display:flex;flex-direction:column;align-items:center;gap:28px;padding:16px 24px 8px;text-align:center}.inline-favorites{padding:20px 20px 140px}.inline-favorites__heading{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.radio-screen__cover{position:relative;width:min(74vw,300px);aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-raised);border:1px solid var(--border-soft)}.app--desktop .radio-screen__cover{width:220px}.radio-screen__cover img{width:100%;height:100%;object-fit:cover;animation:radio-fade-in .25s ease}.radio-screen__cover-fallback{object-fit:contain!important;padding:10%!important;background:var(--surface)}.radio-screen__live{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#08080c99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-soft);font-size:11px;font-weight:600;letter-spacing:.02em}.radio-screen__meta{max-width:320px;animation:radio-fade-in .25s ease}@keyframes radio-fade-in{0%{opacity:0}to{opacity:1}}.radio-screen__title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.3}.radio-screen__artist{margin:6px 0 0;color:var(--text-secondary);font-size:15px}.player-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:22px;background:#1e1e27d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-soft);box-shadow:var(--shadow-raised);z-index:30}.player-dock__info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left}.player-dock__thumb{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-soft)}.player-dock__thumb img{width:100%;height:100%;object-fit:cover}.player-dock__thumb-fallback{object-fit:contain!important;padding:15%!important;background:#fff}.player-dock__text{display:flex;flex-direction:column;min-width:0}.player-dock__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-dock__artist{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-dock__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-dock__play{width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center}.player-dock__chevron{width:40px;height:40px;border-radius:50%;background:#ffffff0f;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.player-dock__chevron--open{transform:rotate(180deg);color:var(--text-primary)}.history-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:35}.history-drawer__scrim--open{opacity:1;pointer-events:auto}.history-drawer{position:fixed;left:0;right:0;bottom:0;max-height:70vh;display:flex;flex-direction:column;background:var(--surface-raised);border-top:1px solid var(--border-soft);border-radius:24px 24px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s ease-out;z-index:40}.history-drawer--open{transform:translateY(0)}.history-drawer__handle{width:40px;height:4px;border-radius:999px;background:var(--border-soft);margin:0 auto 16px}.history-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.history-drawer__heading{margin:0;font-size:16px;font-weight:700}.history-drawer__station{margin:2px 0 0;font-size:12px;color:var(--text-secondary)}.history-drawer__close{width:28px;height:28px;border-radius:50%;background:#ffffff0f;color:var(--text-secondary);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.history-drawer__body{overflow-y:auto}.app--desktop{height:100dvh;overflow:hidden;display:flex}.station-sidebar{width:260px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:20px 12px}.station-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 18px}.station-sidebar__brand{font-family:var(--font-display);font-weight:700;font-size:16px}.station-sidebar__info{width:24px;height:24px;border-radius:50%;background:#ffffff0f;color:var(--text-secondary);font-family:var(--font-display);font-size:12px;display:flex;align-items:center;justify-content:center}.station-sidebar__info:hover{color:var(--text-primary)}.station-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.station-sidebar__item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;text-align:left;color:var(--text-secondary);position:relative;transition:background .2s ease,color .2s ease}.station-sidebar__item:hover{background:#ffffff0a}.station-sidebar__item--active{background:var(--surface-raised);color:var(--text-primary)}.station-sidebar__item--active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--station-glow, var(--accent))}.station-sidebar__logo{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.station-sidebar__logo img{width:100%;height:100%;object-fit:contain;padding:5px}.station-sidebar__name{font-size:14px;font-weight:500}.station-sidebar__popover{position:fixed;z-index:20;width:240px;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:10px;box-shadow:var(--shadow-raised)}.station-variants{display:flex;flex-direction:column;gap:4px}.station-variants__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.station-variants__row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text-secondary);font-size:13px;text-align:left;transition:background .2s ease,color .2s ease}.station-variants__row:hover{background:#ffffff0d;color:var(--text-primary)}.station-variants__row--active{background:color-mix(in srgb,var(--station-glow, var(--accent)) 18%,transparent);color:var(--station-glow, var(--accent))}.station-variants__row--unavailable{opacity:.45}.station-variants__row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-variants__row-freq{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.station-variants__row-tick{width:2px;height:10px;border-radius:1px;background:var(--text-secondary)}.station-variants__row--active .station-variants__row-tick{background:var(--station-glow, var(--accent))}.station-variants__show-all{margin-top:4px;padding:10px;border-radius:10px;background:var(--surface);color:var(--station-glow, var(--accent));font-size:13px;font-weight:600;text-align:center;transition:background .2s ease}.station-variants__show-all:hover{background:color-mix(in srgb,var(--station-glow, var(--accent)) 18%,transparent)}.app__main{flex:1;display:flex;min-width:0}.app__player-column{position:relative;isolation:isolate;flex:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px;min-width:0;min-height:0;overflow-y:auto}.app__player-column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(70% 48% at 36% -6%,color-mix(in srgb,var(--station-glow) 48%,transparent),transparent 68%),radial-gradient(45% 32% at 92% 20%,color-mix(in srgb,var(--station-glow) 20%,transparent),transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-color:var(--bg);background-blend-mode:normal,normal,overlay;background-repeat:no-repeat,no-repeat,repeat}.app__player-column .radio-screen{padding:0;flex:none}.tuner-panel{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.tuner-panel__dial{position:relative;height:24px}.tuner-panel__rail{position:absolute;left:0;right:0;top:11px;height:1px;background:var(--border-soft)}.tuner-panel__tick{position:absolute;top:0;transform:translate(-50%);width:2px;height:24px;border-radius:1px;background:var(--text-secondary);transition:background .2s ease,height .2s ease,opacity .2s ease}.tuner-panel__tick:hover{background:var(--text-primary)}.tuner-panel__tick--active{height:32px;top:-4px;background:var(--station-glow, var(--accent))}.tuner-panel__tick--unavailable{opacity:.4}.tuner-panel__caption{display:flex;align-items:baseline;gap:8px;height:16px;font-size:12px;color:var(--text-secondary)}.tuner-panel__caption-freq{font-variant-numeric:tabular-nums;color:var(--station-glow, var(--accent));font-weight:600}.tuner-panel__signal{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:28px}.tuner-panel__signal span:not(.tuner-panel__signal-label){width:3px;border-radius:2px;background:color-mix(in srgb,var(--station-glow, var(--accent)) 60%,var(--text-secondary));animation:tuner-signal 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.07s)}@keyframes tuner-signal{0%,to{height:20%}50%{height:100%}}@media (prefers-reduced-motion: reduce){.tuner-panel__signal span:not(.tuner-panel__signal-label){animation:none;height:45%}.player-actions__side--liked,.channel-grid__like--active,.radio-screen__cover img,.radio-screen__meta,.info-modal,.channel-grid-modal,.station-switcher__item:active .station-switcher__badge,.station-switcher__count:active,.grid-view__tile:active,.channel-grid__tile:hover .channel-grid__cover,.channel-grid__tile:active .channel-grid__cover{animation:none;transform:none;transition-duration:.01ms}.info-modal,.channel-grid-modal{opacity:1}.info-modal__scrim,.channel-grid-modal__scrim{transition-duration:.01ms}}.tuner-panel__signal-label{position:absolute;bottom:-20px;font-size:11px;letter-spacing:.04em;color:var(--text-secondary)}.app__history-column{width:340px;flex-shrink:0;border-left:1px solid var(--border-soft);padding:40px 24px;overflow-y:auto}.app__history-heading{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-secondary)}.play-button{border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-raised);transition:transform .15s ease}.play-button:active{transform:scale(.94)}.play-button--large{width:72px;height:72px}.play-button--medium{width:56px;height:56px}.tv-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px 20px 140px}.tv-screen__frame{width:100%;max-width:480px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-raised);border:1px solid var(--border-soft);background:#000}.tv-screen__frame iframe{width:100%;height:100%;border:0}.tv-screen__caption{display:flex;flex-direction:column;gap:2px;color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600}.tv-screen__caption span{color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:400}.app--desktop .tv-screen__frame{max-width:720px}.app--desktop .tv-screen{padding:40px}.tv-screen--placeholder{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 40px 140px;text-align:center;isolation:isolate}.tv-screen--placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 55% at 50% 0%,color-mix(in srgb,var(--station-glow) 45%,transparent),transparent 70%),var(--bg)}.tv-screen--placeholder img{width:200px;max-width:70%}.tv-screen--placeholder p{color:var(--text-secondary);font-size:15px;max-width:280px;line-height:1.5}.app--desktop .tv-screen--placeholder{padding:40px}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.header-nav__brand{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text-secondary)}.header-nav__back{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text-primary)}.header-nav__actions{display:flex;align-items:center;gap:8px}.header-nav__icon{width:32px;height:32px;border-radius:50%;background:#ffffff0f;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-soft);transition:color .2s ease,background .2s ease}.header-nav__icon--active{color:var(--text-primary);background:var(--surface-raised)}.grid-view{flex:1;padding:16px 20px 140px}.grid-view__tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-view__tile{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-soft);isolation:isolate;transition:border-color .2s ease,transform .15s ease}.grid-view__tile:active{border-color:var(--station-glow, var(--accent));transform:scale(.97)}.grid-view__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(130% 90% at 50% 100%,color-mix(in srgb,var(--station-glow) 40%,transparent),transparent 70%),var(--surface)}.grid-view__tile-logo{width:68px;height:68px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.grid-view__tile-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.grid-view__tile-name{font-size:12px;font-weight:600;text-align:center;padding:0 8px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.channel-grid__tile{display:flex;flex-direction:column;gap:6px;text-align:left}.channel-grid__cover{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);transition:transform .15s ease}.channel-grid__tile:hover .channel-grid__cover{transform:scale(1.02)}.channel-grid__tile:active .channel-grid__cover{transform:scale(.97)}.channel-grid__cover img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}.channel-grid__cover img.channel-grid__cover-loaded{opacity:1}.channel-grid__cover-fallback{object-fit:contain!important;padding:18%;background:#fff}.channel-grid__like{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#08080c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;transition:color .2s ease,background .2s ease}.channel-grid__like--active{color:var(--station-glow, var(--accent));background:#08080cbf;animation:like-pop .3s var(--ease-out-strong)}.channel-grid__title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-grid__name{font-size:11px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-grid-modal__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:40px;opacity:0;pointer-events:none;transition:opacity .2s ease}.channel-grid-modal__scrim--open{opacity:1;pointer-events:auto}.channel-grid-modal{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);transform:scale(.95);opacity:0;transition:transform .2s var(--ease-out-strong),opacity .2s ease}.channel-grid-modal--open{transform:scale(1);opacity:1}.channel-grid-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-soft)}.channel-grid-modal__header h2{margin:0;font-family:var(--font-display);font-size:18px}.channel-grid-modal__header p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.channel-grid-modal__close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-grid-modal__body{padding:24px 28px 32px;overflow-y:auto}.channel-grid-screen{min-height:100vh;display:flex;flex-direction:column}.channel-grid-screen__header{display:flex;align-items:center;gap:12px;padding:16px 20px}.channel-grid-screen__header h2{margin:0;font-family:var(--font-display);font-size:16px}.channel-grid-screen__header p{margin:2px 0 0;color:var(--text-secondary);font-size:12px}.channel-grid-screen__back{width:32px;height:32px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-grid-screen__body{flex:1;padding:0 20px 140px}.player-actions{display:flex;align-items:center;justify-content:center;gap:28px}.player-actions__side{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease,transform .15s ease}.player-actions__side:active{transform:scale(.9)}.player-actions__side:disabled{opacity:.35;cursor:not-allowed}.player-actions__side:disabled:active{transform:none}.player-actions__side--liked{color:#ff5d7a;animation:like-pop .3s var(--ease-out-strong)}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-12px);padding:10px 18px;border-radius:999px;background:#1e1e27eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-soft);font-size:12px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:60;white-space:nowrap}.toast--visible{opacity:1;transform:translate(-50%)}.info-modal__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s ease}.info-modal__scrim--open{opacity:1;pointer-events:auto}.info-modal{position:relative;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px 28px 28px;width:100%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-modal);transform:scale(.95);opacity:0;transition:transform .2s var(--ease-out-strong),opacity .2s ease}.info-modal--open{transform:scale(1);opacity:1}.info-modal__close-x{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;background:#ffffff0f;color:var(--text-secondary);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.history-tabs{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#ffffff0d;margin-top:6px}.history-tabs__item{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-secondary);transition:background .2s ease,color .2s ease}.history-tabs__item--active{background:var(--surface-raised);color:var(--text-primary)}.app__history-column .history-tabs{margin:0 0 16px}.info-content{display:flex;flex-direction:column;gap:24px;padding:16px 20px 140px}.info-modal .info-content{padding:0;gap:20px}.info-content__heading h2{margin:0;font-family:var(--font-display);font-size:22px}.info-content__heading p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.info-content__callin{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--station-glow) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--station-glow) 35%,transparent);color:inherit;text-decoration:none}.info-content__callin-label{font-size:12px;color:var(--text-secondary)}.info-content__callin-number{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-primary)}.info-content__social{font-size:14px;font-weight:500;color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border-soft);text-underline-offset:3px;width:fit-content}.info-content__social:hover{text-decoration-color:var(--text-primary)}.info-content__legal{margin-top:8px;padding-top:16px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-secondary)}.info-content__legal p{margin:8px 0 0}