.sidebar-column{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-sticky{position:sticky;top:calc(var(--header-total-height,108px) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4)}.ad-zone{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.ad-zone-label{position:absolute;top:var(--space-2);left:var(--space-2);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:var(--color-bg);padding:2px var(--space-2);border-radius:var(--radius-sm);pointer-events:none;z-index:1}.ad-zone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;gap:var(--space-2);background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(0,0,0,.02) 8px,rgba(0,0,0,.02) 16px);width:100%;height:100%;min-height:inherit}.ad-zone-300x250{width:300px;min-height:250px;max-width:100%}.ad-zone-300x600{width:300px;min-height:600px;max-width:100%}.ad-zone-160x600{width:160px;min-height:600px;max-width:100%;align-self:center}.ad-zone-320x50{width:320px;min-height:50px;max-width:100%}.sidebar-widget{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden}.widget-title{font-family:var(--font-display);font-size:.8125rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--space-2)}.widget-title::before{content:'';display:block;width:3px;height:14px;background-color:var(--color-accent);border-radius:2px;flex-shrink:0}.widget-title--linked{justify-content:space-between}.widget-title--linked span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-view-all{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-body);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-decoration:none;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap;flex-shrink:0;border:1px solid var(--color-border);padding:2px 7px 2px 9px;border-radius:var(--radius-full);transition:all var(--transition-fast);line-height:1.4}.widget-view-all svg{width:11px;height:11px;flex-shrink:0;transition:transform var(--transition-fast)}.widget-view-all:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-alpha)}.widget-view-all:hover svg{transform:translateX(2px)}.widget-view-all--footer{display:flex;justify-content:center;width:100%;margin-top:var(--space-3);padding:6px 12px;border-top:1px solid var(--color-border-light);border-radius:0;border-left:none;border-right:none;border-bottom:none;white-space:normal;flex-shrink:unset}.widget-view-all--footer:hover{background:var(--color-surface-hover);border-top-color:var(--color-accent)}.widget-popular-stations .popular-station-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:inherit}.widget-popular-stations .popular-station-item:last-child{border-bottom:none;padding-bottom:0}.widget-popular-stations .popular-station-item:hover .popular-station-name{color:var(--color-accent)}.popular-station-rank{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);color:var(--color-border);width:20px;flex-shrink:0;text-align:center}.popular-station-item:first-child .popular-station-rank{color:gold}.popular-station-item:nth-child(2) .popular-station-rank{color:silver}.popular-station-item:nth-child(3) .popular-station-rank{color:#cd7f32}.popular-station-logo{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--color-bg);border:1px solid var(--color-border-light)}.popular-station-info{flex:1;min-width:0}.popular-station-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.popular-station-country{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin-top:1px}.widget-genre-cloud .genre-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-1)}.genre-cloud-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.genre-cloud-tag:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-alpha);transform:translateY(-1px)}.genre-cloud-tag[data-count]{font-size:calc(var(--font-size-xs) + 1px)}.widget-countries .country-list{display:flex;flex-direction:column;gap:var(--space-1)}.country-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.country-list-item:hover{background:var(--color-bg);color:var(--color-accent);padding-left:var(--space-4)}.country-list-item-left{display:flex;align-items:center;gap:var(--space-2)}.country-flag-emoji{font-size:1.1em}.country-station-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:var(--color-bg);padding:1px var(--space-2);border-radius:var(--radius-full)}@media (max-width:1200px){.ad-zone-160x600{width:100%;min-height:250px}}@media (max-width:1024px){.sidebar-sticky{position:static}.ad-zone-300x600{min-height:250px}}@media (max-width:768px){.ad-zone-160x600,.ad-zone-300x250,.ad-zone-300x600{width:100%;min-height:100px}}.recently-added-list{display:flex;flex-direction:column}.recently-added-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);text-decoration:none;color:inherit;cursor:pointer;transition:all var(--transition-fast)}.recently-added-item:last-child{border-bottom:none;padding-bottom:0}.recently-added-item:hover .recently-added-name{color:var(--color-accent)}.recently-added-logo{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--color-bg);border:1px solid var(--color-border-light)}.recently-added-info{flex:1;min-width:0}.recently-added-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);letter-spacing:-.01em}.recently-added-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.recently-added-genre{font-size:10px;color:var(--color-accent);font-weight:var(--font-weight-medium)}.recently-added-time{font-size:10px;color:var(--color-text-muted)}.recently-added-badge{font-size:9px;font-weight:var(--font-weight-bold);color:#15803d;background:rgba(34,197,94,.1);border:1px solid rgba(21,128,61,.3);border-radius:var(--radius-full);padding:2px var(--space-2);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.top-genres-list{display:flex;flex-direction:column;gap:2px}.top-genre-item{display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.top-genre-item:hover{background:var(--color-accent-alpha);color:var(--color-accent);padding-left:var(--space-4)}.top-genre-name{flex:1}.top-genre-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:var(--color-bg);padding:1px var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.top-genre-item:hover .top-genre-count{background:var(--color-accent);color:#fff}.top-cities-list{display:flex;flex-direction:column;gap:2px}.top-city-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast)}.top-city-item:hover{background:var(--color-surface-hover);color:var(--color-accent)}.top-city-name{flex:1}.top-city-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:var(--color-bg);padding:1px var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.top-city-item:hover .top-city-count{background:var(--color-accent);color:#fff}.languages-list{display:flex;flex-direction:column;gap:2px}.language-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast)}.language-item:hover{background:var(--color-surface-hover);color:var(--color-accent)}.language-flag{font-size:1rem;line-height:1;flex-shrink:0;width:20px;text-align:center}.language-name{flex:1}.language-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:var(--color-bg);padding:1px var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.language-item:hover .language-count{background:var(--color-accent);color:#fff}.featured-station-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.featured-badge{position:absolute;top:var(--space-2);right:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-accent);padding:2px var(--space-2);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase}.featured-station-logo-wrap{width:80px;height:80px;flex-shrink:0}.featured-station-logo{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover}.featured-station-logo-fallback{width:80px;height:80px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-bold)}.featured-station-info{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.featured-station-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);text-decoration:none;display:block}.featured-station-name:hover{color:var(--color-accent)}.featured-station-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap}.featured-genre-tag{background:var(--color-surface-hover);padding:2px var(--space-2);border-radius:var(--radius-full)}.featured-play-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;border:none;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);flex-shrink:0}.featured-play-btn:hover{background:var(--color-accent-dark,var(--color-accent));transform:scale(1.08)}.featured-play-btn svg{width:22px;height:22px}.featured-station-website{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.featured-station-website:hover{color:var(--color-accent)}.featured-station-website svg{width:14px;height:14px}.most-popular-item{position:relative}.popular-rank{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;font-size:.7rem;font-weight:700;color:var(--color-text-muted,#888);flex-shrink:0}.most-popular-item:nth-child(-n+3) .popular-rank{color:var(--color-accent,#ff6b35)}.popular-listeners{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:var(--color-text-muted,#888)}.you-might-like-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.yml-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;transition:background .15s}.yml-item:hover{background:var(--color-surface-hover,rgba(0,0,0,.05))}.yml-logo-wrap{flex-shrink:0;width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--color-surface-alt,#f3f4f6)}.yml-logo{width:40px;height:40px;object-fit:cover;display:block}.yml-logo-fallback{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--color-text-muted,#888);background:var(--color-surface-alt,#f3f4f6)}.yml-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.yml-title{font-size:.82rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary,#111)}.yml-meta{font-size:.72rem;color:var(--color-text-muted,#888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yml-play-btn{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--color-border,#e5e7eb);background:0 0;color:var(--color-text-secondary,#555);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;padding:0}.yml-play-btn.is-playing,.yml-play-btn:hover{background:var(--color-accent,#ff6b35);color:#fff;border-color:var(--color-accent,#ff6b35)}.yml-play-btn svg{width:14px;height:14px}:root:not([data-theme=light]) .recently-added-badge,[data-theme=dark] .recently-added-badge{color:#22c55e;border-color:rgba(34,197,94,.2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .recently-added-badge{color:#22c55e;border-color:rgba(34,197,94,.2)}}