@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;600;700&display=swap);.sidebar-menu{align-self:flex-start;background:var(--bg-sidebar);border:var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;max-height:calc(100vh - var(--header-height) - var(--spacing-xl));overflow-y:auto;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--spacing-lg));width:var(--sidebar-width)}.menu-section{margin-bottom:var(--spacing-sm)}.menu-section:last-child{margin-bottom:0}.menu-section-header{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.menu-section-header:hover{background:#ffffff0a}.menu-section-header--solo{cursor:default}.menu-section-header--solo:hover{background:#0000}.menu-section-header__left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.menu-section-header--link>i,.menu-section-header__left>i{flex-shrink:0;font-size:15px;text-align:center;width:18px}.menu-section-header--link>span,.menu-section-header__left>span{color:inherit;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.8px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.menu-section-header__right{align-items:center;display:flex;flex-shrink:0;gap:2px}.menu-section-chevron{align-items:center;color:var(--text-muted);display:flex;font-size:8px;height:16px;justify-content:center;margin-left:2px;transition:transform var(--transition-fast);width:16px}.menu-section-chevron.expanded{transform:rotate(90deg)}.menu-section-count{align-items:center;background:var(--accent-coral);border-radius:7px;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-body);font-size:9px;font-weight:700;height:14px;justify-content:center;letter-spacing:0;margin-left:2px;min-width:14px;padding:0 3px;text-transform:none}.menu-section-header--link{align-items:center;color:inherit;display:flex;flex:1 1;font-family:var(--font-display);font-size:11.5px;font-weight:600;gap:var(--spacing-sm);letter-spacing:1.2px;min-width:0;text-decoration:none!important;text-transform:uppercase}.menu-section-header--link:hover{filter:brightness(1.2)}.menu-section-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.menu-section-action{align-items:center;border-radius:3px;color:var(--text-muted);display:flex;font-size:9px;height:20px;justify-content:center;text-decoration:none!important;transition:all var(--transition-fast);width:20px}.menu-section-action:hover{background:#ffffff14;color:var(--text-primary)}.menu-section-items{display:flex;flex-direction:column;gap:2px;padding-top:2px}.sidebar-menu-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-family:var(--font-primary);font-size:13px;font-weight:400;gap:var(--spacing-sm);padding:6px 12px 6px 32px;text-decoration:none!important;transition:all var(--transition-fast)}.sidebar-menu-item i{color:var(--text-muted);font-size:16px;text-align:center;transition:color var(--transition-fast);width:18px}.sidebar-menu-item:hover{background-color:#ffffff0a;color:var(--text-primary)}.sidebar-menu-item:hover i{color:var(--text-secondary)}.sidebar-menu-item.active{background-color:#4ecdc41a;color:var(--accent-teal);font-weight:500}.sidebar-menu-item.active i{color:var(--accent-teal)}.sidebar-dynamic-list{display:flex;flex-direction:column;gap:1px;margin-bottom:var(--spacing-xs)}.sidebar-community-item,.sidebar-post-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13px;gap:var(--spacing-sm);min-height:32px;padding:6px 12px 6px 32px;text-decoration:none!important;transition:all var(--transition-fast)}.sidebar-community-item:hover,.sidebar-post-item:hover{background-color:#ffffff0a;color:var(--text-primary)}.sidebar-community-item.active,.sidebar-post-item.active{background-color:#4ecdc41a;color:var(--accent-teal)}.sidebar-community-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.sidebar-item-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-unseen-badge{align-items:center;background:var(--accent-coral);border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.sidebar-post-item{flex-wrap:wrap}.sidebar-post-stats{color:var(--text-muted);display:flex;font-size:10px;gap:8px;padding-left:0;width:100%}.sidebar-post-stats span{align-items:center;display:flex;gap:3px}.sidebar-post-stats i{font-size:9px}.sidebar-more-link{align-items:center;color:var(--accent-teal);display:flex;font-size:11px;gap:4px;justify-content:flex-end;opacity:.8;padding:4px 12px;text-decoration:none!important;transition:opacity var(--transition-fast)}.sidebar-more-link:hover{opacity:1}.sidebar-more-link i{font-size:9px}@keyframes sidebar-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.sidebar-skeleton-list{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-xs)}.sidebar-skeleton-item{padding:6px 12px 6px 32px}.sidebar-skeleton-text{animation:sidebar-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:400px 100%;border-radius:4px;height:12px;width:80%}.sidebar-skeleton-item:nth-child(2) .sidebar-skeleton-text{width:65%}.sidebar-skeleton-item:nth-child(3) .sidebar-skeleton-text{width:90%}.sidebar-skeleton-item:nth-child(4) .sidebar-skeleton-text{width:50%}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@media (max-width:1024px){.sidebar-menu{width:220px}}@media (max-width:768px){.sidebar-menu{border-radius:0;border-right:var(--border-subtle);box-shadow:var(--shadow-lg);display:none;height:calc(100vh - var(--header-height));left:0;max-height:none;overflow-y:auto;position:fixed;top:var(--header-height);width:280px;z-index:999}.sidebar-menu.mobile-open{display:block}}.apple-promo-widget{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #ffffff14}.apple-promo-widget .widget-title{border-bottom-color:#ffffff1a;color:var(--text-primary)}.apple-promo-widget .widget-title i{color:var(--apple-red)}.promo-messages{flex-direction:column;margin-bottom:var(--spacing-md)}.promo-message,.promo-messages{display:flex;gap:var(--spacing-sm)}.promo-message{align-items:flex-start;color:#ffffffd9;font-size:13px;line-height:1.4}.promo-icon{color:var(--apple-red);flex-shrink:0;font-size:12px;margin-top:2px;text-align:center;width:16px}.apple-promo-widget .widget-btn.primary{background:var(--apple-red);color:#fff}.apple-promo-widget .widget-btn.primary:hover{filter:brightness(1.1)}.right-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-md);width:260px}.right-sidebar .widget{padding:var(--spacing-md) 0}.widget-title{align-items:center;background:linear-gradient(90deg,#3db8b0,#4ecdc4);border-radius:var(--radius-sm);color:#fff;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.8px;margin:0 0 var(--spacing-sm) 0;padding:8px var(--spacing-md);text-transform:uppercase}.widget-title i{color:#fff;font-size:12px;margin-right:4px;text-align:center;width:16px}.widget--communities .widget-title{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.widget--playlists .widget-title{background:linear-gradient(90deg,#8e7cf0,#a29bfe)}.widget--hot .widget-title{background:linear-gradient(90deg,#e8a84c,#ffbe76)}.widget--stats .widget-title{background:linear-gradient(90deg,#3db8b0,#4ecdc4)}.widget--community .widget-title{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.widget--info .widget-title{background:linear-gradient(90deg,#3db8b0,#4ecdc4)}.widget--user .widget-title{background:linear-gradient(90deg,#8e7cf0,#a29bfe)}.widget-text{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 var(--spacing-sm) 0}.widget-stats{display:flex;gap:var(--spacing-md);margin:var(--spacing-sm) 0}.widget-stats .stat{align-items:center;display:flex;flex:1 1;flex-direction:column}.stat-value{font-size:18px}.stat-label{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.community-badge{border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;margin-top:var(--spacing-xs);padding:2px 8px}.community-badge.public{background:var(--public-community-bg);color:var(--public-community-text)}.community-badge.private{background:var(--private-community-bg);color:var(--private-community-text)}.widget-rules{color:var(--text-secondary);font-size:13px;line-height:1.8;margin:0;padding:0 0 0 var(--spacing-md)}.widget-community-link{align-items:center;color:var(--accent-teal);display:flex;font-size:13px;gap:var(--spacing-xs);margin-top:var(--spacing-sm);text-decoration:none;transition:color var(--transition-fast)}.widget-community-link:hover{color:var(--link-hover)}.widget-list{list-style:none;margin:0;padding:0}.widget-list li{border-bottom:var(--border-subtle)}.widget-list li:last-child{border-bottom:none}.widget-list-link{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;text-decoration:none;transition:background var(--transition-fast)}.widget-list-name{color:var(--text-primary);font-size:13px;font-weight:500}.widget-list-meta{color:var(--text-muted);font-size:11px}.widget-list-link:hover .widget-list-name{color:var(--accent-teal)}.widget-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.widget-btn{border-radius:var(--radius-sm);flex:1 1;font-size:13px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.widget-btn.primary{background:var(--accent-coral);color:#fff}.widget-btn.primary:hover{filter:brightness(.9)}.widget-btn.secondary{background:var(--bg-elevated);border:var(--border-subtle);color:var(--text-secondary)}.widget-btn.secondary:hover{border-color:#ffffff1f;color:var(--text-primary)}.unseen-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.hot-post-info{display:flex;flex-direction:column;gap:2px}.hot-post-meta{color:var(--text-muted);font-size:11px}.widget-mod-list{display:flex;flex-wrap:wrap;gap:8px}.widget-mod{align-items:center;color:var(--text-primary);display:flex;font-size:12px;gap:6px;text-decoration:none;transition:color var(--transition-fast)}.widget-mod:hover{color:var(--accent-teal)}.widget-mod-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.widget-mod-avatar--placeholder{align-items:center;background:var(--bg-elevated);color:var(--text-muted);display:flex;font-size:10px;justify-content:center}.widget-mod-name{font-weight:500}.widget-tags{display:flex;flex-wrap:wrap;gap:6px}.widget-tag{background:var(--bg-elevated);border-radius:12px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:2px 10px}.widget-community-cards{display:flex;flex-direction:column;gap:8px}.widget-comm-card{background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.widget-comm-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.widget-comm-banner{align-items:center;background:linear-gradient(135deg,rgba(var(--accent-teal-rgb),.3),rgba(var(--accent-lavender-rgb),.3));background-position:50%;background-size:cover;color:var(--text-muted);display:flex;font-size:16px;height:48px;justify-content:center}.widget-comm-body{display:flex;flex-direction:column;gap:3px;padding:8px 10px}.widget-comm-title{color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-comm-members{color:var(--text-muted);font-size:10px}.widget-comm-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.widget-comm-tag{background:rgba(var(--accent-teal-rgb),.12);border-radius:8px;color:var(--accent-teal);font-size:9px;font-weight:500;padding:1px 6px}.widget-comm-mods{align-items:center;display:flex;gap:3px;margin-top:3px}.widget-comm-mod-avatar{align-items:center;background:var(--bg-surface);border:1px solid #ffffff14;border-radius:50%;color:var(--text-muted);display:flex;font-size:8px;height:18px;justify-content:center;overflow:hidden;width:18px}.widget-comm-mod-avatar img{height:100%;object-fit:cover;width:100%}.widget-comm-mod-more{color:var(--text-muted);font-size:9px;margin-left:2px}.widget-playlist-row{align-items:center;display:flex;gap:8px}.widget-playlist-art{border-radius:4px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.widget-playlist-art--placeholder{align-items:center;background:var(--bg-elevated);color:var(--text-muted);display:flex;font-size:12px;justify-content:center}.widget-playlist-info{display:flex;flex-direction:column;min-width:0}.widget-see-all{align-items:center;border-top:var(--border-subtle);color:var(--accent-teal);display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);text-decoration:none;transition:color var(--transition-fast)}.widget-see-all:hover{color:var(--text-primary)}.widget-see-all i{font-size:9px}.widget-track{align-items:center;display:flex;gap:8px;padding:var(--spacing-xs) 0}.widget-track-rank{color:var(--accent-coral);font-size:12px;font-weight:700;min-width:22px}.widget-track-art{border-radius:4px;height:32px;object-fit:cover;width:32px}.widget-track-info{display:flex;flex-direction:column;min-width:0}.widget--mod-stats .widget-title{background:linear-gradient(90deg,#3db8b0,#4ecdc4)}.widget--mod-review .widget-title{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.widget--mod-tools .widget-title{background:linear-gradient(90deg,#8e7cf0,#a29bfe)}.mod-sidebar-stats{display:flex;gap:var(--spacing-md)}.mod-sidebar-stat{align-items:center;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-sm)}.mod-sidebar-stat-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.mod-sidebar-stat-label{color:var(--text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.mod-sidebar-items{display:flex;flex-direction:column;gap:4px}.mod-sidebar-item{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:12px;font-weight:500;gap:8px;padding:6px 10px}.mod-sidebar-item i{font-size:11px;text-align:center;width:16px}.mod-sidebar-item--report{background:#e74c3c14;color:#e74c3c}.mod-sidebar-item--request{background:#3498db14;color:#3498db}.mod-sidebar-item--held{background:#f39c1214;color:#f39c12}.mod-sidebar-item--appeal{background:#9b59b614;color:#9b59b6}@media screen and (max-width:1024px){.right-sidebar{display:none}}@media screen and (max-width:768px){.right-sidebar{width:100%}}.toast-container{flex-direction:column;max-width:380px;position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:9999}.toast-container,.toast-item{display:flex;gap:var(--spacing-sm)}.toast-item{align-items:flex-start;animation:toastSlideIn .25s ease-out;border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);font-size:13px;line-height:1.4;padding:var(--spacing-sm) var(--spacing-md)}.toast-success{background:#00b89426;border:1px solid #00b8944d;color:var(--accent-mint)}.toast-error{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--accent-coral)}.toast-warning{background:#ffbe7626;border:1px solid #ffbe764d;color:var(--accent-amber)}.toast-info{background:#4ecdc426;border:1px solid #4ecdc44d;color:var(--accent-teal)}.toast-icon{flex-shrink:0;font-size:16px;margin-top:1px}.toast-body{display:flex;flex:1 1;flex-direction:column;gap:4px}.toast-message{font-weight:500}.toast-action,.toast-action-btn{color:var(--accent-color);cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.toast-action-btn{background:none;border:none;padding:0;text-align:left}.toast-dismiss{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;opacity:.5;padding:2px}.toast-dismiss:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:480px){.toast-container{left:var(--spacing-sm);max-width:none;right:var(--spacing-sm)}}.header-player{align-items:center;display:flex;gap:12px;left:50%;max-width:580px;padding:0 var(--spacing-md);position:absolute;transform:translateX(-50%);width:100%;z-index:1}.header-player.playing{--hp-accent:var(--accent-coral)}.hp-art-link{overflow:hidden;position:relative}.hp-art,.hp-art-link{border-radius:6px;display:block;flex-shrink:0}.hp-art{height:42px;object-fit:cover;transition:filter var(--transition-fast);width:42px}.hp-art-link:hover .hp-art{filter:brightness(.7)}.hp-art-overlay{align-items:center;color:#fff;display:flex;font-size:14px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.hp-art-link:hover .hp-art-overlay{opacity:1}.hp-art-placeholder{align-items:center;background:#ffffff0f;border-radius:6px;color:#ffffff40;display:flex;flex-shrink:0;font-size:.85rem;height:42px;justify-content:center;width:42px}.hp-info{display:flex;flex-direction:column;flex-shrink:1;gap:1px;max-width:160px;min-width:0}.hp-title{color:var(--text-primary);font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}a.hp-title:hover{color:var(--accent-coral)}.hp-artist{color:var(--text-muted);font-size:.68rem;line-height:1.2;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}a.hp-artist:hover{color:var(--accent-teal)}.hp-idle-text{color:#ffffff40;font-style:italic;font-weight:400}.hp-controls{align-items:center;display:flex;flex-shrink:0;gap:4px}.hp-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:4px;transition:color .15s ease,transform .15s ease}.hp-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.1)}.hp-btn:disabled{cursor:default;opacity:.25;transform:none}.hp-btn.hp-skip{font-size:13px}.hp-btn.hp-play{align-items:center;background:var(--accent-coral);border-radius:50%;color:#fff;display:flex;font-size:13px;height:34px;justify-content:center;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;width:34px}.hp-btn.hp-play:hover:not(:disabled){background:#ff5252;box-shadow:0 0 12px #ff6b6b4d;transform:scale(1.08)}.hp-progress{align-items:center;display:flex;flex:1 1;gap:6px;max-width:320px;min-width:120px}.hp-time{font-feature-settings:"tnum";color:var(--text-muted);font-size:.6rem;font-variant-numeric:tabular-nums;font-weight:500;min-width:28px;text-align:center}.hp-waveform{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex:1 1;gap:.5px;height:34px;padding:2px 0;transition:background var(--transition-fast)}.hp-waveform:hover{background:#ffffff05}.hp-wf-bar{background:#ffffff1f;border-radius:1px;flex:1 1;max-width:2.5px;min-width:1px;transition:background .15s ease}.hp-wf-bar.hp-wf-played{background:var(--accent-coral)}.hp-wf-bar.hp-wf-active{box-shadow:0 0 3px #ff6b6b4d}.hp-waveform:hover .hp-wf-bar{background:#fff3}.hp-waveform:hover .hp-wf-bar.hp-wf-played{background:#ff8a6b}.hp-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.hp-action-btn{border-radius:4px;font-size:13px;padding:5px;transition:color .15s ease,background .15s ease,transform .15s ease}.hp-action-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text-primary)}.hp-action-btn.hp-liked,.hp-action-btn.hp-liked:hover:not(:disabled){color:var(--accent-coral)}.hp-volume{align-items:center;display:flex;gap:4px;margin-left:2px}.hp-vol-btn{color:var(--text-muted);font-size:12px;padding:4px}.hp-vol-btn:hover:not(:disabled){color:var(--text-primary)}.hp-vol-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent-teal) 0,var(--accent-teal) 50%,#ffffff1f 50%,#ffffff1f 100%);background:linear-gradient(to right,var(--accent-teal) 0,var(--accent-teal) var(--vol-pct,50%),#ffffff1f var(--vol-pct,50%),#ffffff1f 100%);border-radius:2px;cursor:pointer;height:3px;outline:none;transition:opacity var(--transition-fast);width:64px}.hp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-teal);border-radius:50%;box-shadow:0 0 4px #4ecdc44d;cursor:pointer;height:10px;margin-top:-3.5px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:10px}.hp-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.hp-vol-slider::-moz-range-thumb{background:var(--accent-teal);border:none;border-radius:50%;box-shadow:0 0 4px #4ecdc44d;cursor:pointer;height:10px;width:10px}@media (max-width:1100px){.header-player{max-width:660px}.hp-info{max-width:120px}}@media (max-width:900px){.hp-progress,.hp-volume{display:none}.header-player{gap:8px;max-width:420px}}@media (max-width:768px){.header-player{flex:1 1;justify-content:center;max-width:none;padding:0 var(--spacing-sm);position:static;transform:none}}@media (max-width:600px){.hp-actions,.hp-info{display:none}.header-player{gap:6px;padding:0}.hp-art,.hp-art-placeholder{height:34px;width:34px}.hp-btn.hp-play{font-size:12px;height:30px;width:30px}.hp-btn{font-size:12px}}.header-search{align-items:center;display:flex;position:relative}.header-search-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none;font-size:16px;opacity:.7;padding:6px;transition:opacity var(--transition-fast)}.header-search-toggle:hover{opacity:1}.header-search-form{align-items:center;background:var(--bg-inset);border:var(--border-subtle);border-radius:20px;display:flex;height:34px;padding:0 14px;transition:all var(--transition-fast)}.header-search-form:focus-within{background:var(--bg-inset);border-color:#4ecdc44d;box-shadow:0 0 0 2px #4ecdc41a}.header-search-icon{color:var(--text-muted);flex-shrink:0;font-size:12px;line-height:1;margin-right:8px}input[type=text].header-search-input{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--text-primary);font-family:var(--font-primary);font-size:13px;margin:0;outline:none;padding:7px 0;width:180px}input[type=text].header-search-input::placeholder{color:var(--text-muted);opacity:.7}input[type=text].header-search-input:focus{border:none;box-shadow:none}.header-search-dropdown{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--bg-elevated);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1100}.search-dropdown-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1px;padding:10px 14px 4px;text-transform:uppercase}.search-dropdown-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:8px 14px;text-decoration:none!important;transition:background var(--transition-fast)}.search-dropdown-item:hover{background:#ffffff0a;color:var(--text-primary)}.search-dropdown-item i{color:var(--text-muted);font-size:12px;text-align:center;width:16px}.search-dropdown-meta{color:var(--text-muted);font-size:11px;margin-left:auto}.search-dropdown-all{align-items:center;border-top:var(--border-subtle);color:var(--accent-teal);display:flex;font-size:12px;gap:6px;justify-content:center;padding:10px 14px;text-decoration:none!important;transition:background var(--transition-fast)}.search-dropdown-all:hover{background:#ffffff0a}.search-dropdown-all i{font-size:10px}@media (max-width:768px){.header-search-toggle{display:block}.header-search-form{display:none;position:absolute;right:0;top:0;width:200px}.header-search.expanded .header-search-form{display:flex}.header-search.expanded .header-search-toggle{display:none}.header-search-input{width:140px}.header-search-dropdown{left:auto;min-width:220px;right:0}}@media (max-width:480px){.header-search-input{width:110px}}.guided-tour-overlay{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:10000}.guided-tour-backdrop{background:#0009;cursor:pointer;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%}.guided-tour-spotlight{background:#0000;border-radius:var(--border-radius-medium);box-shadow:0 0 0 9999px #0009;pointer-events:none;position:fixed;transition:all .3s ease;z-index:10001}.guided-tour-tooltip{animation:tourFadeIn .2s ease;background:var(--surface-color);border-radius:var(--border-radius-large);box-shadow:0 8px 32px #0003;padding:20px;pointer-events:auto;position:fixed;transition:top .3s ease,left .3s ease;z-index:10002}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip-counter{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.tour-tooltip-title{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 8px}.tour-tooltip-text{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5;margin:0 0 16px}.tour-tooltip-actions{align-items:center;display:flex;justify-content:space-between}.tour-tooltip-nav{display:flex;gap:8px}.tour-skip-btn{background:none;border:none;cursor:pointer;font-size:var(--text-xs);padding:4px 8px;transition:color .15s}.tour-back-btn,.tour-skip-btn,.tour-skip-btn:hover{color:var(--text-muted)}.tour-back-btn{background:none;border:1px solid var(--border-subtle);border-radius:var(--border-radius-small);cursor:pointer;font-size:var(--text-sm);padding:6px 14px;transition:all .15s}.tour-back-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.tour-next-btn{background:var(--gradient-secondary);border:none;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:6px 18px;transition:opacity .15s}.tour-next-btn:hover{opacity:.9}@media (max-width:768px){.guided-tour-tooltip{bottom:20px;left:50%!important;top:auto!important;transform:translateX(-50%);width:260px!important}}.layout-container{margin:0 auto;max-width:1280px;padding:calc(var(--header-height) + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg)}.token-expired-banner{align-items:center;background:var(--warning-color);box-sizing:border-box;color:var(--text-inverse);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-md);justify-content:center;left:0;padding:8px var(--spacing-xl);position:fixed;top:0;width:100%;z-index:1100}.token-expired-banner a{color:var(--text-inverse);font-weight:700;text-decoration:underline}.top-section{align-items:center;background:var(--bg-surface);border-bottom:var(--border-subtle);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;height:var(--header-height);left:0;padding:0 var(--spacing-xl);position:fixed;top:0;width:100%;z-index:1000}.menu-bar{display:flex;gap:var(--spacing-xl);left:50%;position:absolute;transform:translateX(-50%)}.menu-item{color:var(--text-secondary);font-size:14px;font-weight:500;padding:var(--spacing-sm) 0;position:relative;text-decoration:none;transition:color var(--transition-fast)}.menu-item:hover{color:var(--text-primary)}.menu-item:after{background:var(--accent-teal);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.menu-item:hover:after{width:100%}.hamburger{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;padding:4px}.hamburger:hover{background:none;transform:none}.main-dynamic-content{display:flex;gap:var(--spacing-lg);width:100%}.content-wrapper{border-radius:var(--radius-md);flex:1 1;min-width:0;padding:var(--spacing-sm)}.header-right{margin-left:auto;position:relative;z-index:2}.header-right,.user-info-bar{align-items:center;display:flex;gap:var(--spacing-md)}.user-icons .nav-icon{color:var(--text-secondary);font-size:18px;padding:0 var(--spacing-sm);position:relative;transition:color var(--transition-fast)}.user-icons .nav-icon:hover{color:var(--text-primary)}.nav-icon--admin i,.nav-icon--admin:hover i{color:var(--accent-amber)}.nav-icon--admin:hover i{filter:brightness(1.2)}.user-info{align-items:center;background:#ffffff0f;border:var(--border-subtle);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-sm);padding:4px 12px 4px 4px}.profile-img{border-radius:var(--radius-round);height:32px;object-fit:cover;width:32px}.user-link{color:var(--text-primary);font-size:13px;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.user-link:hover{color:var(--accent-teal)}.logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 8px;transition:color var(--transition-fast)}.logout-btn:hover{background:none;color:var(--text-primary);transform:none}.user-auth-prompt{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:var(--spacing-xs)}.user-auth-prompt .auth-link{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.user-auth-prompt .auth-link:hover{color:var(--accent-teal)}.message-count,.notification-count{font-size:10px;font-weight:700;min-width:16px;padding:2px 5px;right:-8px;text-align:center;top:-6px}.banner{align-items:center;background-size:cover;display:flex;height:280px;justify-content:center;margin:0 auto var(--spacing-lg);max-width:1200px;overflow:hidden;width:100%}.banner,.slogan{border-radius:var(--radius-md)}.slogan{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--overlay-medium);color:#fff;font-family:var(--font-display);font-size:22px;font-weight:600;max-width:300px;padding:12px 24px}.footer,.slogan{text-align:center}.footer{background-color:var(--bg-surface);border-top:var(--border-subtle);color:var(--text-muted);font-size:13px;padding:var(--spacing-md) var(--spacing-xl)}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-lg);overflow-x:auto}.table-scroll-wrapper .settings-table{margin-bottom:0}.settings-table{border-collapse:collapse;font-size:14px;margin-bottom:var(--spacing-lg);width:100%}.settings-table thead tr{background-color:var(--bg-elevated);color:var(--text-primary);font-weight:600;text-align:left}.settings-table td,.settings-table th{border-bottom:var(--border-subtle);padding:12px 16px;white-space:nowrap}.settings-table td:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.settings-table tbody tr:hover{background-color:#ffffff08}.section h3{border-bottom:2px solid var(--accent-teal);color:var(--text-primary);font-size:1.1rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.error-message{color:var(--error-color);font-size:12px;margin-top:var(--spacing-xs)}.layout-container.games-layout .content-wrapper{max-width:100%}@media screen and (max-width:1024px){.menu-bar{gap:var(--spacing-md)}.menu-item{font-size:13px}}@media screen and (max-width:768px){.layout-container{padding:var(--spacing-sm);padding-top:calc(var(--header-height) + var(--spacing-sm))}.top-section{padding:0 var(--spacing-md)}.menu-bar{display:none}.hamburger{display:block}.main-dynamic-content{flex-direction:column}.content-wrapper{padding:var(--spacing-xs);width:100%}.banner{border-radius:var(--radius-sm);height:160px}.slogan{font-size:16px;padding:8px 16px}.user-info{padding:4px 8px 4px 4px}.user-link{display:none}}@media screen and (max-width:480px){.layout-container{padding:var(--spacing-xs);padding-top:calc(var(--header-height) + var(--spacing-xs))}.top-section{padding:0 var(--spacing-sm)}.header-right{gap:var(--spacing-sm)}.user-icons .nav-icon{font-size:16px;padding:0 6px}.logout-btn{display:none}.banner{height:120px}.settings-table td,.settings-table th{font-size:13px;padding:8px 10px}}.playlist-attachment-footer{align-items:stretch;display:flex}.playlist-display{color:#ffffffb3;padding:0 8px}.playlist-title{color:#ffffffe6}.playlist-track-count{color:#ffffff80}.change-playlist-btn{color:#fff9;transition:background var(--transition-fast),color var(--transition-fast)}.change-playlist-btn:hover{background:#ffffff1f;color:#fff}.follow-post-btn,.select-playlist-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--accent-color);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;justify-content:center;min-height:38px;padding:0 14px;transition:background var(--transition-fast),color var(--transition-fast)}.follow-post-btn i,.select-playlist-btn i{font-size:14px;transition:transform .15s ease}.follow-post-btn:hover,.select-playlist-btn:hover{background:#4ecdc433;color:#fff}.follow-post-btn:hover i,.select-playlist-btn:hover i{transform:scale(1.2)}.disabled-plus{color:#ffffff4d}.auto-add-toggle{align-items:center;background:#0000;border:none;border-radius:0;color:#ffffff80;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-height:38px;padding:0 10px;transition:background var(--transition-fast),color var(--transition-fast)}.auto-add-toggle.auto-add-on{color:var(--accent-color)}.auto-add-toggle:hover{background:#ffffff1f;color:#fff}.auto-add-toggle i{font-size:10px;transition:transform .15s ease}.auto-add-toggle:hover i{transform:scale(1.2)}@media (max-width:768px){.playlist-display img,.playlist-placeholder{height:20px;width:20px}.follow-post-btn,.select-playlist-btn{font-size:12px;min-height:36px;padding:0 10px}.playlist-title{font-size:10px}}@media (max-width:480px){.follow-post-btn,.select-playlist-btn{font-size:11px;min-height:34px;padding:0 8px}.auto-add-toggle{font-size:10px;min-height:34px}}.popup-attach-playlist{background-color:var(--surface-color);color:var(--text-primary);padding:15px;width:100%}.popup-attach-header{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:10px}.popup-attach-search input{border:1px solid var(--accent-color);border-radius:var(--border-radius-small);box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}.popup-attach-list{max-height:200px;overflow-y:auto}.popup-attach-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:8px 0}.popup-attach-item:last-child{border-bottom:none}.popup-attach-item img.playlist-cover{border-radius:var(--border-radius-small);height:40px;object-fit:cover;width:40px}.popup-playlist{background-color:var(--neutral-color);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);color:var(--text-color);left:0;margin-top:10px;padding:15px;position:absolute;top:100%;width:280px;z-index:1000}.popup-playlist-header{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:10px}.close-popup-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:16px}.popup-playlist-search input{border:1px solid var(--accent-color);border-radius:var(--border-radius-small);box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}.popup-playlist-list{max-height:200px;overflow-y:auto}.popup-playlist-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:8px 0}.popup-playlist-item:last-child{border-bottom:none}.popup-playlist-item img.playlist-cover{border-radius:var(--border-radius-small);height:40px;object-fit:cover;width:40px}.playlist-name{flex-grow:1;font-size:14px}.add-to-playlist-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-small);color:var(--neutral-color);cursor:pointer;padding:5px;transition:background .3s ease}.add-to-playlist-btn:hover{background-color:var(--accent-color)}.no-playlists{color:var(--text-muted);font-size:14px;padding:10px;text-align:center}.popup-top-item{background-color:var(--neutral-color);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);color:var(--text-color);left:0;margin-top:10px;max-width:400px;padding:15px;position:absolute;top:100%;width:100%;z-index:1000}.playlist-info{flex-grow:1;font-size:14px}.playlist-title{font-weight:700}.playlist-subtitle{color:var(--text-muted);font-size:12px}.action-btn{background:none;font-size:14px;transition:transform .2s ease}.action-btn:hover{transform:scale(1.2)}.top5-item-placeholder:hover{background-color:#ffffff0a;cursor:pointer;translate:scale(1.2)}.result-album,.result-artist,.result-generic,.result-podcast,.result-track{display:flex;gap:10px;padding:5px 0}.result-cover{border-radius:var(--border-radius-small);height:50px;object-fit:cover;width:50px}.result-details{display:flex;flex-direction:column;flex-grow:1;font-size:12px;gap:2px}.track-title{font-size:14px;font-weight:700}.track-meta span{margin-right:5px}.result-artist-image{height:50px;object-fit:cover;width:50px}.artist-extra,.artist-stats{font-size:12px}.artist-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta span{margin-right:5px}.album-genres{color:var(--text-muted);font-size:11px}.podcast-meta span{margin-right:5px}.podcast-description{color:var(--text-muted);font-size:11px}.popup-playlist-item-actions{align-items:center;display:flex;gap:5px;margin-left:auto}.popup-playlist-item.item-hover:hover{background-color:#ffffff0a;cursor:pointer}.popup-container .popup-playlist{border-radius:0;box-shadow:none;margin-top:0;position:static;width:100%}@media (max-width:768px){.popup-attach-playlist,.popup-playlist{width:90%}}.poll-display{padding:var(--spacing-md)}.poll-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.poll-option-wrapper{width:100%}.poll-vote-btn{background:var(--surface-color);border:1px solid var(--tertiary-color);border-radius:var(--border-radius-small);color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:background var(--transition-fast);width:100%}.poll-vote-btn:hover{background:var(--surface-hover)}.poll-result{background:var(--surface-color);border:var(--border-subtle);border-radius:var(--border-radius-small);justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative}.poll-result.selected{border-color:var(--tertiary-color)}.poll-bar{background:rgba(var(--accent-coral-rgb),.12);border-radius:var(--border-radius-small);bottom:0;left:0;position:absolute;top:0;transition:width .4s ease}.poll-option-text{color:var(--text-primary);font-size:14px;position:relative;z-index:1}.poll-pct{color:var(--text-secondary);font-size:13px;font-weight:600;position:relative;z-index:1}.poll-option-item{align-items:center;display:inline-flex;flex-shrink:0;gap:6px;margin-right:8px}.poll-item-art{border-radius:4px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.poll-item-art-placeholder{align-items:center;background:var(--surface-elevated);color:var(--text-muted);display:flex;font-size:12px;justify-content:center}.poll-item-play,.poll-item-play-inline{align-items:center;background:#4ecdc426;border:none;border-radius:50%;color:var(--accent-color);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;transition:background var(--transition-fast);width:24px}.poll-item-play-inline.playing,.poll-item-play-inline:hover,.poll-item-play.playing,.poll-item-play:hover{background:#4ecdc44d}.poll-result,.poll-vote-btn{align-items:center;display:flex}.poll-total{color:var(--text-muted);font-size:13px;margin-top:var(--spacing-sm);text-align:right}.event-display{background:var(--surface-color);border:var(--border-subtle);border-radius:var(--border-radius-medium);padding:var(--spacing-md)}.event-details{flex-direction:column;margin-bottom:var(--spacing-md)}.event-detail-row,.event-details{display:flex;gap:var(--spacing-sm)}.event-detail-row{align-items:center;color:var(--text-secondary);font-size:14px}.event-detail-row i{color:var(--tertiary-color);text-align:center;width:18px}.event-rsvp-section{border-top:var(--border-subtle);padding-top:var(--spacing-md)}.rsvp-counts{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.rsvp-count{color:var(--text-muted);font-size:13px;font-weight:500}.rsvp-buttons{display:flex;gap:var(--spacing-sm)}.rsvp-btn{align-items:center;background:var(--surface-elevated);border:var(--border-subtle);border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 12px;transition:all var(--transition-fast)}.rsvp-btn:hover{background:var(--surface-hover)}.rsvp-btn.active.going{background:#00b89426;border-color:var(--success-color);color:var(--success-color)}.rsvp-btn.active.interested{background:#ff6b6b26;border-color:var(--tertiary-color);color:var(--tertiary-color)}.rsvp-btn.active.not-going{background:#6a656033;border-color:var(--text-muted);color:var(--text-muted)}@media (max-width:480px){.rsvp-buttons{flex-direction:column}}.report-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.report-popup{background:var(--surface-color);border:var(--border-subtle);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-heavy);max-width:90vw;padding:var(--spacing-lg);width:400px}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.report-header h3{color:var(--text-primary);font-size:16px;margin:0}.report-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:24px;line-height:1;padding:0}.report-close:hover{color:var(--text-primary)}.report-reasons{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.report-reason{align-items:center;background:var(--surface-elevated);border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.report-reason:hover{background:var(--surface-hover)}.report-reason.selected{background:#ff6b6b1a;border:1px solid var(--tertiary-color);color:var(--tertiary-color)}.report-reason input[type=radio]{display:none}.report-description{background:var(--surface-elevated);border:var(--border-subtle);border-radius:var(--border-radius-small);box-sizing:border-box;color:var(--text-primary);font-size:13px;margin-bottom:var(--spacing-md);min-height:60px;padding:var(--spacing-sm);resize:vertical;width:100%}.report-description:focus{border-color:var(--accent-coral);outline:none}.report-error{color:var(--error-color);font-size:13px;margin-bottom:var(--spacing-sm)}.report-submit{background:var(--tertiary-color);border:none;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:opacity var(--transition-fast);width:100%}.report-submit:hover{opacity:.9}.report-submit:disabled{cursor:not-allowed;opacity:.5}.music-reactions{align-items:stretch;display:flex;padding:0}.reaction-summary{align-items:stretch;display:flex;gap:0}.reaction-chip{align-items:center;background:#0000;border:none;border-radius:0;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-height:38px;padding:0 10px;transition:background var(--transition-fast),color var(--transition-fast)}.reaction-chip:hover{background:#ffffff1f;color:#fff}.reaction-chip:hover .reaction-emoji{transform:scale(1.2)}.reaction-chip.active{background:#4ecdc433;color:#fff}.reaction-emoji{font-size:15px;line-height:1;transition:transform .15s ease}.reaction-count{color:inherit;font-size:12px;font-weight:600}.reaction-add-wrapper{align-items:stretch;display:flex;position:relative}.reaction-add-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#fff6;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;min-height:38px;min-width:38px;transition:background var(--transition-fast),color var(--transition-fast)}.reaction-add-btn:hover{background:#ffffff1f;color:#fff}.reaction-picker{background:var(--bg-elevated);border:var(--glass-border);border-radius:6px;bottom:100%;box-shadow:var(--shadow-lg);display:flex;gap:2px;left:50%;margin-bottom:4px;padding:6px;position:absolute;transform:translateX(-50%);z-index:100}.picker-item{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:22px;line-height:1;padding:4px 6px;transition:all var(--transition-fast)}.picker-item:hover{background:#4ecdc41f;transform:scale(1.15)}.picker-item.active{background:#4ecdc426}@media (max-width:768px){.reaction-chip{font-size:11px;min-height:34px;padding:0 8px}.reaction-emoji{font-size:14px}.reaction-count{font-size:11px}.reaction-add-btn{font-size:14px;min-height:34px;min-width:34px}.reaction-picker{left:0;transform:none}.picker-item{font-size:20px;padding:4px 5px}}@media (max-width:480px){.reaction-chip{min-height:32px;padding:0 6px}.reaction-emoji{font-size:13px}.reaction-add-btn{min-height:32px;min-width:32px}.reaction-picker{border-radius:12px 12px 0 0;bottom:0;justify-content:space-around;left:0;margin-bottom:0;padding:12px;position:fixed;right:0;top:auto;transform:none}.picker-item{font-size:24px;padding:8px}}.sc-genre-chip{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}.sc-genre-chip--small{border-radius:9px;font-size:.7rem;padding:2px 7px}.sc-genre-chip__confidence{font-size:.7em;font-weight:400;opacity:.8}.sc-genre-chip__label{font-size:.6em;font-weight:400;opacity:.7;text-transform:uppercase}.sc-bass-icon{align-items:center;color:var(--text-primary);display:inline-flex;font-size:.85rem;gap:5px}.sc-bass-icon__symbol{font-size:1.1em}.sc-bass-icon__label{color:var(--text-secondary);font-size:.8em}.sc-badge{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;padding:3px 0}.sc-badge__prefix{color:var(--accent-color);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sc-badge__tag{background:var(--surface-color);border-radius:6px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:2px 6px}.sc-detail{border-top:1px solid #ffffff0f;margin-top:8px}.sc-detail__toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:8px 4px;transition:color .15s;width:100%}.sc-detail__toggle:hover{color:var(--text-primary)}.sc-detail__toggle-icon{font-size:.75rem;width:12px}.sc-detail__toggle-label{color:var(--accent-color);font-weight:600;letter-spacing:.03em}.sc-detail__content{padding:4px 4px 12px}.sc-detail__section{margin-bottom:12px}.sc-detail__section:last-child{margin-bottom:0}.sc-detail__heading{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.sc-detail__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sc-detail__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.sc-detail__stat{display:flex;flex-direction:column;gap:2px}.sc-detail__stat-label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sc-detail__stat-value{color:var(--text-primary);font-size:.9rem;font-weight:700}.sc-detail__stat-note{color:var(--text-muted);font-size:.7em;font-weight:400;margin-left:4px}.sc-detail__hybrid{color:var(--accent-warm);font-size:.75rem;font-style:italic;margin:4px 0 0}.sc-detail__tags{display:flex;flex-wrap:wrap;gap:6px}.sc-detail__mini-tag{background:var(--surface-color);border-radius:8px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.apple-item.card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-medium);min-width:0;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.apple-item.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.apple-item-header{color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;text-transform:uppercase}.apple-item-header.songs{background:var(--color-track)}.apple-item-header.albums{background:var(--color-album)}.apple-item-header.artists{background:var(--color-artist)}.apple-item-image-wrapper{aspect-ratio:1;cursor:pointer;overflow:hidden;width:100%}.apple-item-image-wrapper img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.apple-item-image-wrapper:hover img{transform:scale(1.05)}.apple-item-details{padding:var(--spacing-sm)}.apple-item-title{font-size:.85rem;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apple-item-title a{color:var(--text-primary);text-decoration:none}.apple-item-title a:hover{color:var(--accent-coral)}.apple-item-meta{color:var(--text-secondary);font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apple-item-actions{border-top:var(--border-subtle);display:flex;justify-content:space-around;padding:var(--spacing-sm)}.apple-item-actions .action-btn{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:var(--spacing-xs);transition:color var(--transition-fast),background var(--transition-fast)}.apple-item-actions .action-btn:hover{background:#ff6b6b1a;color:var(--accent-coral)}.apple-item-actions .like-btn .fa-solid{color:var(--accent-coral)}.apple-item-duration{color:var(--text-muted)!important;font-size:.7rem!important}.apple-item-compact{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-small);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--transition-fast)}.apple-item-compact:hover{box-shadow:var(--shadow-md)}.aic-artwork{aspect-ratio:1;flex-shrink:0;overflow:hidden;position:relative;width:100%}.aic-artwork img{height:100%;object-fit:cover;width:100%}.aic-info{display:flex;flex-direction:column;min-width:0;padding:8px 10px 4px}.aic-name{color:var(--text-primary);font-size:.8rem;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}a.aic-name:hover{color:var(--accent-teal)}.aic-artist{color:var(--text-secondary);font-size:.7rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}a.aic-artist:hover{color:var(--accent-teal)}a.aic-artwork{display:block}.aic-type-badge{border-radius:3px;display:block;font-size:.6rem;font-weight:700;letter-spacing:.5px;margin:0 10px;padding:2px 0;text-align:center;text-transform:uppercase}.aic-type-songs{background:rgba(var(--accent-coral-rgb),.1);color:var(--color-track)}.aic-type-albums{background:rgba(var(--accent-lavender-rgb),.1);color:var(--color-album)}.aic-type-artists{background:rgba(var(--accent-amber-rgb),.1);color:var(--color-artist)}.aic-actions{display:flex;gap:2px;justify-content:center;padding:4px 8px 8px}.aic-actions .action-btn{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:4px 6px;transition:color var(--transition-fast)}.aic-actions .action-btn:hover{color:var(--accent-coral)}.aic-actions .action-btn.play-btn{color:var(--accent-teal)}.aic-actions .action-btn.play-btn.playing{animation:pulse-play 1.5s ease infinite;background:var(--accent-teal);border-radius:50%;color:#fff}@keyframes pulse-play{0%,to{box-shadow:0 0 0 0 #4ecdc44d}50%{box-shadow:0 0 0 4px #4ecdc400}}.apple-item-compact:has(.play-btn.playing){outline:2px solid var(--accent-teal);outline-offset:-2px}.aic-actions .like-btn .fa-solid{color:var(--accent-coral)}.apple-item-genre{background:rgba(var(--accent-coral-rgb),.12);border-radius:8px;color:var(--accent-coral)!important;display:inline-block;font-size:.65rem!important;margin-top:2px!important;padding:1px 6px}.apple-item-embedded{align-items:center;border-radius:6px;display:flex;gap:12px;padding:8px 12px;transition:background var(--transition-fast)}.apple-item-embedded:hover{background:#ffffff08}.apple-item-embedded.aie-playing{background:#4ecdc40f}.aie-artwork{border-radius:6px;display:block;flex-shrink:0;height:48px;overflow:hidden;width:48px}.aie-artwork img{display:block;height:100%;object-fit:cover;width:100%}a.aie-artwork:hover{opacity:.85}.aie-content{flex:1 1;flex-direction:column;gap:2px}.aie-content,.aie-top{display:flex;min-width:0}.aie-top{align-items:center;gap:8px}.aie-name{color:var(--text-primary);font-size:.85rem;font-weight:600;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}a.aie-name:hover{color:var(--accent-teal)}.aie-type{border-radius:3px;flex-shrink:0;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.aie-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.73rem;gap:0;min-width:0;overflow:hidden}.aie-meta>*+:before{color:var(--text-muted);content:"·";margin:0 5px;pointer-events:none}.aie-artist{color:var(--text-secondary);text-decoration:none;white-space:nowrap}a.aie-artist:hover{color:var(--accent-teal)}.aie-album,.aie-duration,.aie-genre,.aie-tracks{color:var(--text-muted);white-space:nowrap}.aie-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.aie-actions .action-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:.8rem;line-height:1;padding:6px;transition:all var(--transition-fast)}.aie-actions .action-btn:hover{background:#4ecdc41a;color:var(--accent-teal)}.aie-actions .play-btn{color:var(--accent-teal);font-size:.85rem}.aie-actions .play-btn.playing{animation:pulse-play 1.5s ease infinite;background:var(--accent-teal);color:#fff}.aie-actions .like-btn .fa-solid{color:var(--accent-coral)}@media (max-width:768px){.aic-actions .action-btn{font-size:.9rem;padding:8px 10px}.apple-item-actions .action-btn{font-size:1rem;padding:var(--spacing-sm)}}.aic-playlist-picker{animation:aic-picker-in .15s ease;background:var(--bg-elevated);border:var(--border-medium);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:340px;overflow:hidden;position:fixed;width:280px;z-index:9999}@keyframes aic-picker-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.aic-picker-header{align-items:center;border-bottom:var(--border-subtle);color:var(--text-primary);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:10px 14px}.aic-picker-header button{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.8rem;line-height:1;padding:4px;transition:color var(--transition-fast),background var(--transition-fast)}.aic-picker-header button:hover{background:#ffffff0f;color:var(--text-primary)}.aic-picker-search{align-items:center;border-bottom:var(--border-subtle);color:var(--text-muted);display:flex;gap:8px;padding:8px 14px}.aic-picker-search i{flex-shrink:0;font-size:.75rem}.aic-picker-search input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:.8rem;outline:none}.aic-picker-search input::placeholder{color:var(--text-muted)}.aic-picker-list{flex:1 1;overflow-y:auto;padding:4px 0}.aic-picker-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8rem;gap:10px;padding:8px 14px;text-align:left;transition:background var(--transition-fast);width:100%}.aic-picker-item:hover:not(:disabled){background:#ffffff0a}.aic-picker-item:disabled{cursor:not-allowed;opacity:.5}.aic-picker-art{border-radius:4px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.aic-picker-art--placeholder{align-items:center;background:var(--bg-surface);color:var(--text-muted);display:flex;font-size:.8rem;justify-content:center}.aic-picker-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aic-picker-add{color:var(--accent-teal);flex-shrink:0;font-size:.75rem;margin-left:auto}.aic-picker-empty,.aic-picker-loading{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:8px;justify-content:center;padding:24px 14px}:root{--bg-base:#8c979a;--bg-surface:#272b34;--bg-elevated:#30353f;--bg-inset:#1a1d23;--bg-sidebar:linear-gradient(180deg,#1c1f26,#171a20);--text-primary:#e8e4df;--text-secondary:#b0aaa4;--text-muted:#6a6560;--text-inverse:#1a1d23;--accent-coral:#ff6b6b;--accent-teal:#4ecdc4;--accent-lavender:#a29bfe;--accent-amber:#ffbe76;--accent-mint:#00b894;--accent-rose:#fd79a8;--accent-coral-rgb:255,107,107;--accent-teal-rgb:78,205,196;--accent-lavender-rgb:162,155,254;--accent-amber-rgb:255,190,118;--accent-mint-rgb:0,184,148;--accent-rose-rgb:253,121,168;--success-color:#00b894;--error-color:#ff7675;--warning-color:#fdcb6e;--info-color:#74b9ff;--link-primary:var(--accent-teal);--link-hover:#3db8b0;--border-subtle:1px solid #ffffff0f;--border-medium:1px solid #ffffff1a;--border-accent:1px solid #4ecdc433;--border-active:1px solid #ff6b6b66;--overlay-light:#0000004d;--overlay-medium:#00000080;--overlay-heavy:#000000b3;--glass-bg:linear-gradient(135deg,#ffffff0f,#ffffff05);--glass-border:1px solid #ffffff14;--glass-blur:blur(20px);--glass-shadow:0 4px 24px #0003;--glow-coral:0 2px 12px #ff6b6b33;--glow-teal:0 2px 12px #4ecdc433;--glow-lavender:0 2px 12px #a29bfe33;--glow-amber:0 2px 12px #ffbe7633;--shadow-sm:0 1px 4px #0003;--shadow-md:0 4px 16px #00000040;--shadow-lg:0 8px 32px #0000004d;--shadow-glow:0 0 20px #4ecdc426;--gradient-primary:linear-gradient(135deg,#ff6b6b,#4ecdc4);--gradient-secondary:linear-gradient(135deg,#a29bfe,#4ecdc4);--gradient-accent:linear-gradient(135deg,#ff6b6b,#ff8a5c);--gradient-warm:linear-gradient(135deg,#ff6b6b,#ffbe76);--gradient-surface:linear-gradient(135deg,#ffffff0a,#ffffff03);--radius-sm:8px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-round:50%;--border-radius-small:var(--radius-sm);--border-radius-medium:var(--radius-md);--border-radius-large:var(--radius-xl);--border-radius-round:var(--radius-round);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--header-height:56px;--sidebar-width:260px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Poppins",var(--font-primary);--text-xs:0.7rem;--text-sm:0.8rem;--text-base:0.9rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.35rem;--text-2xl:1.6rem;--heading-page-size:var(--text-2xl);--heading-section-size:var(--text-xl);--heading-sub-size:var(--text-lg);--heading-label-size:var(--text-md);--section-home:#4ecdc4;--section-communities:#ff6b6b;--section-posts:#b0aaa4;--section-playlists:#a29bfe;--section-games:#ffbe76;--section-events:#ff6b6b;--section-browse:#4ecdc4;--search-header-track:#ff6b6b;--search-header-artist:#ffbe76;--search-header-album:#a29bfe;--search-header-playlist:#4ecdc4;--search-header-show:#ff8a5c;--public-community-bg:#00b89426;--public-community-text:#00b894;--private-community-bg:#ff767526;--private-community-text:#ff7675;--color-community:#4ecdc4;--color-community-bg:#4ecdc41f;--color-community-text:#4ecdc4;--color-post-general:#b0aaa4;--color-post-general-bg:#b0aaa41f;--color-post-general-text:#b0aaa4;--color-post-news:#ff6b6b;--color-post-news-bg:#ff6b6b1f;--color-post-news-text:#ff6b6b;--color-post-poll:#00b894;--color-post-poll-bg:#00b8941f;--color-post-poll-text:#00b894;--color-post-event:#ffbe76;--color-post-event-bg:#ffbe761f;--color-post-event-text:#ffbe76;--color-post-announcement:#a29bfe;--color-post-announcement-bg:#a29bfe1f;--color-post-announcement-text:#a29bfe;--color-track:#ff6b6b;--color-track-bg:#ff6b6b1f;--color-track-text:#ff6b6b;--color-album:#a29bfe;--color-album-bg:#a29bfe1f;--color-album-text:#a29bfe;--color-artist:#ffbe76;--color-artist-bg:#ffbe761f;--color-artist-text:#ffbe76;--color-label:#74b9ff;--color-label-bg:#74b9ff1f;--color-label-text:#74b9ff;--color-podcast:#ff8a5c;--color-podcast-bg:#ff8a5c1f;--color-podcast-text:#ff8a5c;--color-playlist:#4ecdc4;--color-playlist-bg:#4ecdc41f;--color-playlist-text:#4ecdc4;--color-event:#ffbe76;--color-event-bg:#ffbe761f;--color-event-text:#ffbe76;--apple-red:#fc3c44;--primary-color:var(--bg-surface);--secondary-color:var(--bg-elevated);--tertiary-color:var(--accent-coral);--accent-color:var(--accent-teal);--accent-highlight:var(--accent-coral);--accent-warm:var(--accent-amber);--accent-cool:var(--accent-lavender);--background-color:var(--bg-base);--surface-color:var(--bg-surface);--surface-elevated:var(--bg-elevated);--surface-hover:var(--bg-elevated);--card-post-bg:var(--bg-surface);--card-section-bg:#0000;--card-panel-bg:var(--bg-surface);--card-community-bg:var(--bg-surface);--post-background-color:var(--bg-surface);--post-title-color:var(--text-primary);--text-color:var(--text-primary);--dark-color:var(--bg-base);--neutral-color:#fff;--primary-gradient:var(--gradient-primary);--secondary-gradient:var(--gradient-secondary);--shadow-light:var(--shadow-sm);--shadow-medium:var(--shadow-md);--shadow-heavy:var(--shadow-lg)}.post-playlist-popup{background:var(--surface-color);border:var(--border-subtle);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-heavy);overflow:hidden;width:280px;z-index:1000}.ppp-header{align-items:center;background:var(--surface-elevated);border-bottom:var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:600;justify-content:space-between;padding:10px 12px}.ppp-close{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px;transition:all var(--transition-fast)}.ppp-close:hover{background:#ffffff0a;color:var(--text-primary)}.ppp-search,.ppp-section{border-bottom:var(--border-subtle)}.ppp-search{padding:8px 10px}.ppp-search input{background:var(--surface-elevated);border:var(--border-subtle);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:var(--text-xs);outline:none;padding:6px 10px;transition:border-color var(--transition-fast);width:100%}.ppp-search input:focus{border-color:var(--accent-color)}.ppp-list{max-height:200px;overflow-y:auto;scrollbar-width:thin}.ppp-row{align-items:center;display:flex;gap:8px;padding:8px 10px;transition:background var(--transition-fast)}.ppp-row:hover{background:var(--surface-hover)}.ppp-cover{border-radius:6px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.ppp-cover--placeholder{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-warm));color:#fff;display:flex;font-size:12px;justify-content:center}.ppp-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.ppp-name{color:var(--text-primary);font-size:var(--text-xs);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppp-meta{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:4px}.ppp-label{background:var(--color-community-bg);border-radius:4px;color:var(--color-community-text);font-size:9px;font-weight:600;letter-spacing:.3px;padding:1px 5px;text-transform:uppercase}.ppp-add-btn{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.ppp-add-btn:hover:not(:disabled){background:var(--accent-color);color:#fff}.ppp-add-btn.added{background:var(--success-color);color:#fff;cursor:default}.ppp-add-btn:disabled{opacity:.6}.ppp-empty{color:var(--text-muted);font-size:var(--text-xs);padding:16px;text-align:center}.music-preview-strip{display:flex;flex-direction:column;gap:8px}.music-strip-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.music-strip-card-wrapper{min-width:0}.preview-more{align-items:center;color:var(--accent-teal);display:flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 0;text-decoration:none;transition:color var(--transition-fast)}.preview-more:hover{color:var(--text-primary)}@media (max-width:768px){.music-strip-grid{gap:8px;grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.music-strip-grid{gap:6px;grid-template-columns:repeat(3,1fr)}}.item-post{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative}.item-post:before{background:linear-gradient(90deg,var(--accent-teal) 0,#0000 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.item-post.post-type-text:before{background:linear-gradient(90deg,var(--text-muted) 0,#0000 100%)}.item-post.post-type-news:before{background:linear-gradient(90deg,var(--info-color) 0,#0000 100%)}.item-post.post-type-poll:before{background:linear-gradient(90deg,var(--accent-lavender) 0,#0000 100%)}.item-post.post-type-event:before{background:linear-gradient(90deg,var(--accent-amber) 0,#0000 100%)}.item-post.post-type-general:before{background:linear-gradient(90deg,var(--accent-teal) 0,#0000 100%)}.item-post.post-type-announcement:before{background:linear-gradient(90deg,var(--accent-coral) 0,#0000 100%)}.post-header{margin:0;padding:0}.post-route{align-items:center;display:flex;font-size:12px;gap:6px;line-height:1;margin-bottom:4px}.post-community-link{align-items:center;color:var(--accent-coral);display:inline-flex;font-weight:600;gap:4px;text-decoration:none;transition:color var(--transition-fast)}.post-community-link i{font-size:11px}.post-community-link:hover{color:var(--accent-teal)}.post-author-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.post-author-link:hover{color:var(--accent-teal)}.route-dot{font-size:10px}.post-timestamp,.route-dot{color:var(--text-muted)}.header-top{justify-content:space-between;margin-bottom:2px}.header-top,.post-title{align-items:center;display:flex}.post-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;gap:var(--spacing-sm);margin:0}.post-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.post-title a:hover{color:var(--accent-teal)}.post-type-badge{align-items:center;border-radius:3px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.post-type-badge.general{background:var(--accent-teal);color:#fff}.post-type-badge.text{background:#b0aaa433;color:var(--text-secondary)}.post-type-badge.news{background:#74b9ff26;color:var(--info-color)}.post-type-badge.poll{background:#a29bfe26;color:var(--accent-lavender)}.post-type-badge.event{background:#ffbe7626;color:var(--accent-amber)}.post-type-badge.announcement{background:#ff6b6b26;color:var(--accent-coral)}.delete-post-btn{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:var(--text-base);padding:4px 8px;transition:all var(--transition-fast)}.delete-post-btn:hover{background:#ff767514;color:var(--error-color)}.creator-tags{display:flex;flex-wrap:wrap;gap:4px}.community-tags{margin-top:2px}.tag-display{background:var(--color-community-bg);border-radius:4px;color:var(--color-community-text);font-size:var(--text-xs);font-weight:500;padding:2px 10px}.post-body-text{margin:0;padding:0}.post-body-text p{color:var(--text-primary);font-size:var(--text-base);line-height:1.6;margin:0}.post-news-body{background:#74b9ff0f;border-left:3px solid var(--info-color);border-radius:4px;padding:var(--spacing-sm) var(--spacing-md)}.post-news-body p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;margin:0;white-space:pre-wrap}.item-post .music-preview-strip{padding:var(--spacing-xs) 0}.post-mod-indicators{display:flex;gap:6px}.mod-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:4px;padding:3px 8px}.mod-badge.pinned{background:#ffbe7626;color:var(--accent-amber)}.mod-badge.locked{background:#ff6b6b1a;color:var(--accent-coral)}.post-footer{background:var(--bg-inset);border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium);border-top:var(--border-subtle);margin:0 calc(var(--spacing-md)*-1) calc(var(--spacing-sm)*-1);overflow:hidden;padding:0}.footer-center,.footer-left,.footer-right,.post-footer{align-items:stretch;display:flex;gap:0}.footer-center{flex:1 1}.follow-post-btn,.social-btn,.sug-toggle-btn,.suggest-btn,.suggest-btn--login{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;justify-content:center;line-height:1;min-height:38px;padding:0 12px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.social-btn span,.sug-toggle-btn span,.suggest-btn span{font-size:12px;font-weight:600}.follow-post-btn i,.social-btn i,.sug-toggle-btn i,.suggest-btn i{font-size:18px;transition:transform .15s ease}.follow-post-btn:hover,.social-btn:hover,.sug-toggle-btn:hover,.suggest-btn--login:hover,.suggest-btn:hover{background:#ffffff0f;color:var(--text-primary)}.follow-post-btn:hover i,.social-btn:hover i,.sug-toggle-btn:hover i,.suggest-btn:hover i{transform:scale(1.2)}.suggest-btn,.suggest-btn:hover{color:var(--accent-teal)}.suggest-btn:hover{background:#4ecdc41f}.post-footer .share-btn{background:none;border:none;color:var(--accent-lavender);padding:0 12px}.post-footer .share-btn:hover{background:none;color:var(--text-primary)}.follow-post-btn,.follow-post-btn:hover{color:var(--accent-teal)}.follow-post-btn:hover{background:#4ecdc41f}.sug-toggle-btn .sug-arrow{font-size:9px}.follow-container{position:relative}.follow-not-following{align-items:stretch;display:flex}.followed-post,.playlist-display{align-items:center;color:var(--text-secondary);display:flex;gap:6px;min-height:38px;padding:0 10px}.playlist-display img{object-fit:cover}.playlist-cover,.playlist-display img,.playlist-placeholder{border-radius:4px;height:24px;width:24px}.playlist-placeholder.dotted{border:none}.playlist-text{display:flex;flex-direction:column}.playlist-title{color:var(--text-primary);font-size:11px;font-weight:600}.playlist-track-count{color:var(--text-muted);font-size:10px}.change-playlist-btn{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;min-height:38px;padding:0 8px;transition:color var(--transition-fast)}.change-playlist-btn:hover{color:var(--text-primary)}.follow-placeholder{align-items:center;display:flex}.follow-text{color:var(--text-muted);font-size:11px;font-weight:500;padding:0 10px}.disabled-plus{align-items:center;background:#0000;border:none;color:#ffffff26;display:inline-flex;font-size:14px;justify-content:center;min-height:38px;padding:0 8px}.suggestion-badge{color:var(--accent-teal);font-size:var(--text-xs);font-weight:600}.sug-panel{margin-bottom:calc(var(--spacing-sm)*-1);margin-left:calc(var(--spacing-md)*-1);margin-right:calc(var(--spacing-md)*-1);max-height:0;overflow:hidden;transition:max-height .35s ease}.sug-panel.open{max-height:800px}.sug-panel-inner{background:#ffffff05;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.sug-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sug-panel-header h4{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.sug-add-btn{align-items:center;background:var(--accent-teal);border-radius:4px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:30px;padding:0 14px;text-decoration:none;transition:filter var(--transition-fast)}.sug-add-btn:hover{color:#fff;filter:brightness(.9)}.sug-item{align-items:center;background:var(--bg-surface);border-radius:6px;display:flex;gap:10px;margin-bottom:4px;padding:8px 10px}.sug-item:hover{background:var(--bg-elevated)}.sug-item-art{border-radius:6px;display:block;flex-shrink:0;height:44px;overflow:hidden;text-decoration:none;width:44px}a.sug-item-art{cursor:pointer}.sug-item-art img{display:block;height:100%;object-fit:cover;width:100%}.sug-item-art-placeholder{align-items:center;background:#ffffff0a;color:var(--text-muted);display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.sug-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sug-item-title{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}a.sug-item-title:hover{color:var(--accent-teal)}.sug-item-meta{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sug-item-artist-link{color:var(--text-secondary);font-weight:500;text-decoration:none}.sug-item-artist-link:hover{color:var(--accent-teal)}.sug-item-note{color:var(--text-secondary);font-size:10px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sug-user-count-btn{align-items:center;background:#ffffff0f;border:none;border-radius:14px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;transition:all var(--transition-fast)}.sug-user-count-btn:hover{background:var(--accent-teal);color:#fff}.sug-user-count-btn i{font-size:11px}.sug-item-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.sug-action-btn{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:32px}.sug-action-btn:hover:not(:disabled){background:var(--accent-teal);color:#fff;transform:scale(1.08)}.sug-action-btn:disabled{cursor:not-allowed;opacity:.3}.sug-action-btn--active{background:var(--accent-teal);color:#fff}.sug-panel-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px;padding-top:8px}.sug-pagination{gap:8px}.sug-page-btn,.sug-pagination{align-items:center;display:flex}.sug-page-btn{background:#ffffff0f;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.sug-page-btn:hover:not(:disabled){background:var(--accent-teal);color:#fff}.sug-page-btn:disabled{cursor:not-allowed;opacity:.35}.sug-page-info{color:var(--text-muted);font-size:12px}.sug-view-all{align-items:center;color:var(--accent-teal);display:inline-flex;font-size:12px;font-weight:600;gap:4px;text-decoration:none}.sug-view-all:hover{text-decoration:underline}.sug-loading{color:var(--text-muted);font-size:13px;padding:var(--spacing-sm) 0}.sug-user-popup{background:var(--bg-elevated);border:var(--glass-border);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;width:220px}.sug-user-popup-header{align-items:center;background:var(--bg-surface);color:var(--text-primary);display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:8px 12px}.sug-popup-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:2px 4px}.sug-popup-close:hover{color:var(--text-primary)}.sug-user-list{max-height:200px;overflow-y:auto}.sug-user-row{align-items:center;color:inherit;display:flex;gap:8px;padding:8px 12px;text-decoration:none;transition:background var(--transition-fast)}.sug-user-row:hover{background:#ffffff0a}.sug-user-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.sug-user-avatar--placeholder{align-items:center;background:var(--bg-elevated);color:var(--text-muted);display:flex;font-size:11px;justify-content:center}.sug-user-name{color:var(--text-primary);font-size:13px;font-weight:500}@media (max-width:768px){.item-post{gap:6px;padding:var(--spacing-sm)}.post-footer{flex-wrap:wrap;margin:0 calc(var(--spacing-sm)*-1) calc(var(--spacing-sm)*-1)}.post-footer .follow-post-btn,.post-footer .social-btn,.post-footer .sug-toggle-btn,.post-footer .suggest-btn{font-size:12px;min-height:36px;padding:0 10px}.sug-panel{margin-bottom:calc(var(--spacing-sm)*-1);margin-left:calc(var(--spacing-sm)*-1);margin-right:calc(var(--spacing-sm)*-1)}.sug-panel-inner{padding:var(--spacing-sm)}.post-title{font-size:var(--text-md)}.post-route{font-size:11px;gap:5px}.post-type-badge{font-size:9px;padding:1px 6px}}@media (max-width:480px){.item-post{gap:4px;padding:var(--spacing-xs)}.post-footer{margin:0 calc(var(--spacing-xs)*-1) calc(var(--spacing-xs)*-1)}.post-footer .follow-post-btn,.post-footer .social-btn,.post-footer .sug-toggle-btn,.post-footer .suggest-btn{font-size:11px;min-height:34px;padding:0 8px}.post-footer .follow-post-btn i,.post-footer .social-btn i,.post-footer .sug-toggle-btn i,.post-footer .suggest-btn i{font-size:12px}.sug-panel{margin-bottom:calc(var(--spacing-xs)*-1);margin-left:calc(var(--spacing-xs)*-1);margin-right:calc(var(--spacing-xs)*-1)}.post-title{font-size:14px}.post-route{font-size:10px;gap:4px}.post-body-text p{font-size:13px}.tag-display{font-size:10px;padding:1px 6px}}.community-card-link{color:inherit;display:block;text-decoration:none}.community-card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.community-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.community-banner{background-color:var(--bg-elevated);background-image:linear-gradient(135deg,var(--accent-teal) 0,var(--accent-lavender) 100%);background-position:50%;background-size:cover;height:130px;position:relative}.community-banner-overlay{background:linear-gradient(0deg,#0000008c,#0000 70%);display:flex;flex-direction:column;gap:4px;height:100%;justify-content:flex-end;padding:var(--spacing-md)}.community-title{color:#fff;font-size:17px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 1px 3px #0006}.community-category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:10px;color:#ffffffe6;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.community-info{border-top:1px solid #ffffff0a;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md)}.community-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.community-tags{display:flex;flex-wrap:wrap;gap:4px}.community-tag{background:#4ecdc41a;border-radius:10px;color:var(--accent-color);font-size:11px;font-weight:600;padding:2px 9px}.community-stats{flex-wrap:wrap;gap:var(--spacing-md)}.community-stats,.stat-item{align-items:center;display:flex}.stat-item{color:var(--text-muted);font-size:12px;gap:4px}.stat-badge,.stat-item i{font-size:11px}.stat-badge{border-radius:10px;font-weight:600;padding:2px 8px}.private-badge{background:var(--private-community-bg);color:var(--private-community-text)}.unseen-badge{background:var(--accent-coral);color:#fff}.community-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm)}.action-btn{border:none;border-radius:var(--border-radius-small);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all var(--transition-fast)}.join-btn{background:var(--accent-teal);color:#fff;flex:1 1}.join-btn:hover{filter:brightness(.92)}.leave-btn{background:var(--surface-elevated);border:var(--border-subtle);color:var(--text-secondary);flex:1 1}.leave-btn:hover{background:#ffffff0a;border-color:var(--error-color);color:var(--error-color)}.community-card .share-btn{background:var(--surface-elevated);border:var(--border-subtle);color:var(--text-secondary);padding:7px 12px}.community-card .share-btn:hover{background:#ffffff0a;border-color:#4ecdc44d;color:var(--accent-teal)}.action-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.community-banner{height:100px}.community-title{font-size:15px}.community-info{padding:var(--spacing-sm)}}.hero-carousel{contain:layout size;display:flex;flex-shrink:0;gap:var(--spacing-sm);height:320px;max-height:320px;min-height:320px}.hero-carousel,.hero-main{overflow:hidden;overflow-anchor:none}.hero-main{border-radius:var(--border-radius-small);contain:layout;flex:7 1;margin:0;min-height:0;position:relative;transition:opacity .28s ease-in-out;will-change:opacity}.hero-main.fade-out{opacity:.3}.hero-main.fade-in{opacity:1}.hero-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000bf 0,#00000026 45%,#0000);display:flex;inset:0;justify-content:flex-start;padding:var(--spacing-lg);position:absolute}.hero-headline{color:#fff;max-width:70%;text-decoration:none}.hero-headline h2{color:#fff;font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1.2;margin:var(--spacing-xs) 0;text-shadow:0 2px 8px #0006}.hero-headline p{color:#ffffffbf;font-size:.85rem;line-height:1.4;margin:0}.hero-tag{background:var(--accent-coral);border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.hero-thumbs{display:flex;flex:3 1;flex-direction:column;gap:4px}.hero-thumb,.hero-thumbs{overflow:hidden;padding:0}.hero-thumb{border:2px solid #0000;border-radius:var(--border-radius-small);cursor:pointer;flex:1 1;min-height:0;opacity:.6;position:relative;transition:all var(--transition-fast)}.hero-thumb:hover{opacity:.85}.hero-thumb.active{border-color:var(--accent-teal);box-shadow:0 0 0 1px #4ecdc44d;opacity:1}.thumb-overlay{background:linear-gradient(0deg,#000000bf 0,#0000 60%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:var(--spacing-xs) var(--spacing-sm);position:absolute}.thumb-title{color:#fff;font-size:11px;font-weight:600;line-height:1.2}.thumb-community,.thumb-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-community{color:#fff9;font-size:9px}@media (max-width:768px){.hero-carousel{flex-direction:column;height:auto;max-height:none;min-height:auto}.hero-main{height:200px;margin:0}.hero-thumbs{flex-direction:row;height:70px;padding:0}.hero-headline{max-width:90%}.hero-headline h2{font-size:1.2rem}}@media (max-width:480px){.hero-main{height:160px}.hero-thumbs{height:56px}.hero-headline h2{font-size:1rem}.hero-headline p{font-size:.75rem}.hero-overlay{padding:var(--spacing-sm)}}.home-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.home-section{background:#0000;padding:0}.home-section .section-header{border-radius:var(--radius-sm);color:#fff;margin:0;padding:12px var(--spacing-lg)}.home-section .section-header__title{color:#fff}.home-section .section-header__title i{color:#fff;opacity:1}.home-section .section-header__count{color:#ffffffb3}.home-section .section-header__action{color:#ffffffd9}.home-section .section-header__action:hover{color:#fff;opacity:1}.home-section--announcements .section-header{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.home-section--following .section-header{background:linear-gradient(90deg,#8e7cf0,#a29bfe)}.home-section--communities .section-header{background:linear-gradient(90deg,#3db8b0,#4ecdc4)}.home-section--playlists .section-header{background:linear-gradient(90deg,#e06090,#fd79a8)}.home-section--trending .section-header{background:linear-gradient(90deg,#e8a84c,#ffbe76)}.news-section{background:var(--bg-inset);border:var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.news-section__header{align-items:center;background:linear-gradient(90deg,var(--accent-coral),#ff8a5c);display:flex;justify-content:space-between;padding:12px var(--spacing-lg)}.news-section__header-left{align-items:center;color:#fff;display:flex;font-family:var(--font-display);font-size:14px;font-weight:700;gap:10px;letter-spacing:1.2px;text-transform:uppercase}.news-section__header-left i{font-size:16px}.news-section__see-all{align-items:center;color:#ffffffd9;display:flex;font-size:12px;font-weight:600;gap:5px;text-decoration:none;transition:color var(--transition-fast)}.news-section__see-all:hover{color:#fff}.news-section__see-all i{font-size:10px}.news-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:0}.news-lead{border-right:var(--border-subtle);color:inherit;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);text-decoration:none;transition:background var(--transition-fast)}.news-lead:hover{background:#ffffff05}.news-lead__label{align-items:center;align-self:flex-start;background:rgba(var(--accent-coral-rgb),.15);border-radius:10px;color:var(--accent-coral);display:inline-flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:1px;padding:3px 10px;text-transform:uppercase}.news-lead__label i{font-size:9px}.news-lead__title{color:var(--text-primary);font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1.3;margin:0}.news-lead__excerpt{color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.7;margin:0}.news-lead__footer{align-items:center;border-top:var(--border-subtle);color:var(--text-muted);display:flex;font-size:11px;gap:8px;margin-top:auto;padding-top:var(--spacing-sm)}.news-lead__community{color:var(--accent-teal);font-weight:600}.news-lead__divider{opacity:.3}.news-lead__author{font-weight:500}.news-lead__engagement{align-items:center;display:flex;gap:10px;margin-left:auto}.news-lead__engagement i{font-size:10px;margin-right:3px}.news-headlines{display:flex;flex-direction:column}.news-headline{align-items:flex-start;border-bottom:var(--border-subtle);color:inherit;display:flex;gap:14px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:background var(--transition-fast)}.news-headline:last-child{border-bottom:none}.news-headline:hover{background:#ffffff05}.news-headline__num{color:var(--accent-coral);flex-shrink:0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1;min-width:28px;opacity:.5}.news-headline__body{display:flex;flex-direction:column;gap:4px;min-width:0}.news-headline__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.news-headline:hover .news-headline__title{color:var(--accent-coral)}.news-headline__meta{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:4px}.news-headline__dot{opacity:.4}.news-ticker{border-top:var(--border-subtle);display:flex;flex-direction:column}.news-ticker__item{align-items:center;border-bottom:var(--border-subtle);display:flex;gap:var(--spacing-md);padding:8px var(--spacing-lg);text-decoration:none;transition:background var(--transition-fast)}.news-ticker__item:last-child{border-bottom:none}.news-ticker__item:hover{background:#ffffff05}.news-ticker__community{color:var(--accent-teal);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;min-width:110px;text-transform:uppercase}.news-ticker__title{color:var(--text-primary);flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-ticker__author{color:var(--text-muted);flex-shrink:0;font-size:11px}@media screen and (max-width:768px){.news-layout{grid-template-columns:1fr}.news-lead{border-bottom:var(--border-subtle);border-right:none}.news-lead__title{font-size:1.1rem}.news-ticker__item{flex-wrap:wrap;gap:var(--spacing-sm)}.news-ticker__community{min-width:auto}}.feed-list{gap:var(--spacing-md);padding:var(--spacing-md) 0 var(--spacing-sm)}.feed-list,.home-loading{display:flex;flex-direction:column}.home-loading{align-items:center;color:var(--text-muted);padding:var(--spacing-2xl) 0}.home-loading p{font-size:var(--text-base);margin-top:var(--spacing-sm)}.playlist-updates-row{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr);padding:var(--spacing-md) 0 0}.playlist-update-card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-small);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.playlist-update-card a{color:inherit;text-decoration:none}.playlist-update-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plu-art{aspect-ratio:1;display:block;object-fit:cover;width:100%}.plu-art--placeholder{align-items:center;background:var(--bg-elevated);color:var(--text-muted);display:flex;font-size:1.5rem;justify-content:center}.plu-info{display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px}.plu-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.plu-creator,.plu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plu-creator{color:var(--text-secondary);font-size:.7rem}.plu-follow-btn{align-items:center;background:rgba(var(--accent-teal-rgb),.12);border:none;border-radius:var(--border-radius-small);color:var(--accent-teal);display:flex;font-size:.7rem;font-weight:600;gap:4px;justify-content:center;margin:0 10px 10px;padding:5px 10px;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.plu-follow-btn:hover{background:var(--accent-teal);color:#fff}.plu-follow-btn i{font-size:.6rem}.trending-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:var(--spacing-md) 0 0}.home-section--trending,.load-more-btn{margin-top:var(--spacing-sm)}.load-more-btn{align-items:center;background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:background .2s,color .2s;width:100%}.load-more-btn:hover:not(:disabled){background:var(--accent-coral);color:#fff}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.feed-list .item-post{border-radius:var(--border-radius-small)}@media screen and (max-width:768px){.home-page{gap:var(--spacing-md)}.trending-grid{grid-template-columns:1fr}.playlist-updates-row{grid-template-columns:repeat(3,1fr)}.feed-list{gap:var(--spacing-sm);padding:var(--spacing-sm) 0 var(--spacing-xs)}.home-section{padding:var(--spacing-xs) 0}.home-section .section-header{padding:8px var(--spacing-sm)}}@media screen and (max-width:480px){.home-page{gap:var(--spacing-sm)}.playlist-updates-row{gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr)}.feed-list{gap:var(--spacing-sm);padding:var(--spacing-sm) 0 var(--spacing-xs)}.load-more-btn{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-hero{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,#ffffff0f 50%,var(--bg-elevated) 75%);background-size:800px 100%;height:200px}.skeleton-hero,.skeleton-post{border-radius:var(--border-radius-medium)}.skeleton-post{background:var(--bg-surface);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.skeleton-post__header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skeleton-avatar{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,#ffffff0f 50%,var(--bg-elevated) 75%);background-size:800px 100%;border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton-post__meta{display:flex;flex:1 1;flex-direction:column;gap:6px}.skeleton-text{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,#ffffff0f 50%,var(--bg-elevated) 75%);background-size:800px 100%;border-radius:4px;height:14px}.skeleton-text--full{width:100%}.skeleton-text--med{width:70%}.skeleton-text--short{width:40%}.skeleton-text--xs{width:25%}.skeleton-music{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,#ffffff0f 50%,var(--bg-elevated) 75%);background-size:800px 100%;border-radius:var(--border-radius-small);height:64px;margin-top:var(--spacing-sm)}body{background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body:before{background:linear-gradient(90deg,#1e2a3a0f 0,#0000 5%,#0000 95%,#1e2a3a0f),linear-gradient(180deg,#1e2a3a0a 0,#0000 8%,#0000 92%,#1e2a3a0d);content:"";inset:0;pointer-events:none;position:fixed;z-index:9999}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6}a{color:var(--link-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover)}.menu-item,h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-display);line-height:1.3}.main-content{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.pagination-container{display:flex;justify-content:space-between;margin-top:var(--spacing-lg)}.pagination{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-lg) 0}.pagination a{background-color:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pagination a:hover{background-color:var(--bg-elevated);color:var(--text-primary)}input[type=email],input[type=password],input[type=text],select,textarea{background-color:var(--bg-inset);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-block;font-family:var(--font-primary);font-size:14px;margin:var(--spacing-xs) 0 var(--spacing-md);padding:12px 16px;transition:border-color var(--transition-fast);width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#4ecdc466;box-shadow:0 0 0 3px #4ecdc41a;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}button,input[type=submit]{background:none;border:none;cursor:pointer;font-family:var(--font-primary)}.add-tag-btn,.create-playlist-btn,.create-post-btn,.leave-btn{background-color:var(--accent-coral);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all var(--transition-fast)}.add-tag-btn:hover,.create-playlist-btn:hover,.create-post-btn:hover,.leave-btn:hover{filter:brightness(.9);transform:translateY(-1px)}.disabled{background-color:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;opacity:.6}.follow-button{background-color:var(--accent-coral);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all var(--transition-fast)}.follow-button:hover{filter:brightness(.9)}.spinner{animation:spin .8s ease infinite;border:3px solid #ffffff14;border-left:3px solid var(--accent-teal);border-radius:var(--radius-round);height:36px;margin:var(--spacing-lg) auto;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.community-action-btn{border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all var(--transition-fast)}.community-action-btn.join-btn{background-color:var(--success-color)}.community-action-btn.leave-btn{background-color:var(--error-color)}.community-action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.community-public{background-color:var(--public-community-bg);color:var(--public-community-text)}.community-private,.community-public{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.community-private{background-color:var(--private-community-bg);color:var(--private-community-text)}.user-icons{align-items:center;display:flex;gap:var(--spacing-lg);padding-left:var(--spacing-sm)}.nav-icon{color:var(--text-secondary);cursor:pointer;font-size:18px;position:relative;transition:color var(--transition-fast)}.nav-icon:hover{color:var(--text-primary)}.message-count,.notification-count{background-color:var(--accent-coral);border-radius:var(--radius-round);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;position:absolute;right:-10px;top:-5px}.tooltip{position:relative}.tooltip .tooltip-text{background-color:var(--bg-elevated);border:var(--border-medium);border-radius:var(--radius-sm);bottom:125%;box-shadow:var(--shadow-md);color:var(--text-primary);font-size:12px;left:50%;opacity:0;padding:6px 8px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity var(--transition-fast);visibility:hidden;width:120px;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.account-settings,.user-profile{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:auto;max-width:800px;padding:var(--spacing-lg)}.banner-content{position:relative}.banner-container{position:relative;text-align:center}.banner-preview img{border-radius:var(--radius-md);height:auto;max-width:1200px;object-fit:cover;width:100%}.banner-actions{bottom:-175px;display:flex;gap:var(--spacing-sm);position:absolute;right:-215px;z-index:10}.banner-actions button{font-size:13px}.banner-actions button:disabled{background-color:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.profile-details{display:flex;gap:var(--spacing-lg);justify-content:space-between;margin:50px auto 0;max-width:900px}.about-me,.stats{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);flex:1 1;padding:var(--spacing-lg)}.about-me h3{color:var(--text-primary);font-size:18px;margin-bottom:var(--spacing-sm)}.banner-stats{display:flex;gap:40px;justify-content:center;margin-top:75px}.stat{text-align:center}.stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px}.stat-item{margin-bottom:var(--spacing-sm);text-align:center}.stat-item .stat-value{font-size:20px;font-weight:700}.stat-item .stat-label{color:var(--text-secondary);font-size:13px}.playlists .playlist-container{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:var(--spacing-lg) 0}.playlist-item img.playlist-cover{border-radius:var(--radius-md);object-fit:cover}.creator-section{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);margin:var(--spacing-lg) auto;max-width:900px;padding:var(--spacing-lg)}.section{margin-bottom:var(--spacing-lg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card-base{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.card-base:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.card-base--flat{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-md)}.card-glass{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.card-glass:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.section-header{align-items:center;background:#4ecdc414;border:1px solid #4ecdc41f;border-radius:var(--radius-sm);color:var(--accent-teal);display:flex;justify-content:space-between;margin:calc(var(--spacing-sm)*-1) calc(var(--spacing-md)*-1) 0;padding:var(--spacing-sm) var(--spacing-md)}.section-header__title{align-items:center;color:inherit;display:flex;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;gap:8px;letter-spacing:1px;text-transform:uppercase}.section-header__title i{color:inherit;font-size:14px;opacity:.85}.section-header__count{color:inherit;font-size:12px;font-weight:600;opacity:.6}.section-header__action{align-items:center;color:inherit;display:flex;font-size:12px;font-weight:600;gap:4px;opacity:.8;text-decoration:none;transition:opacity var(--transition-fast)}.section-header__action:hover{opacity:1}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:4px;line-height:1.4;padding:3px 10px;white-space:nowrap}.badge--general,.badge--text{background:var(--color-post-general-bg);color:var(--color-post-general-text)}.badge--news{background:var(--color-post-news-bg);color:var(--color-post-news-text)}.badge--poll{background:var(--color-post-poll-bg);color:var(--color-post-poll-text)}.badge--event{background:var(--color-post-event-bg);color:var(--color-post-event-text)}.badge--announcement{background:var(--color-post-announcement-bg);color:var(--color-post-announcement-text)}.badge--song,.badge--track{background:var(--color-track-bg);color:var(--color-track-text)}.badge--album{background:var(--color-album-bg);color:var(--color-album-text)}.badge--artist{background:var(--color-artist-bg);color:var(--color-artist-text)}.badge--label{background:var(--color-label-bg);color:var(--color-label-text)}.badge--podcast,.badge--show{background:var(--color-podcast-bg);color:var(--color-podcast-text)}.badge--community{background:var(--color-community-bg);color:var(--color-community-text)}.badge--playlist{background:var(--color-playlist-bg);color:var(--color-playlist-text)}.badge--success{background:#00b89426;color:var(--success-color)}.badge--warning{background:#fdcb6e26;color:var(--warning-color)}.badge--error{background:#ff767526;color:var(--error-color)}.badge--info{background:#74b9ff26;color:var(--info-color)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:600;gap:6px;justify-content:center;transition:all var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{font-size:var(--text-xs);padding:5px 12px}.btn--md{font-size:var(--text-sm);padding:8px 18px}.btn--lg{font-size:var(--text-base);padding:12px 28px}.btn--primary{background:var(--gradient-primary);box-shadow:var(--glow-coral);color:#fff}.btn--primary:hover:not(:disabled){opacity:.9}.btn--accent{background:var(--accent-teal);color:var(--text-inverse);font-weight:600}.btn--coral{background:var(--accent-coral);color:#fff}.btn--ghost{background:#0000;border:1px solid #0000;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){border-color:#ffffff1a;color:var(--text-primary);filter:none;transform:translateY(-1px)}.btn--secondary{background:var(--bg-elevated);border:var(--border-medium);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){border-color:#fff3}.btn--danger{background:var(--accent-coral);color:#fff}.border-left--general,.border-left--text{border-left:3px solid var(--color-post-general)}.border-left--news{border-left:3px solid var(--color-post-news)}.border-left--poll{border-left:3px solid var(--color-post-poll)}.border-left--event{border-left:3px solid var(--color-post-event)}.border-left--announcement{border-left:3px solid var(--color-post-announcement)}.border-left--community{border-left:3px solid var(--color-community)}.border-left--playlist{border-left:3px solid var(--color-playlist)}.empty-state{color:var(--text-secondary);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.empty-state__icon{color:var(--text-muted);font-size:2.5rem;margin-bottom:var(--spacing-md)}.empty-state__title{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.empty-state__text{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.tag-pill{align-items:center;background:var(--bg-elevated);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:4px;padding:3px 10px;transition:background var(--transition-fast)}.tag-pill:hover{background:#ffffff14;color:var(--text-primary)}.tag-pill--accent{background:var(--color-community-bg);color:var(--color-community-text)}.meta-line{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-sm)}.meta-line,.meta-line a{color:var(--text-secondary)}.meta-line a{font-weight:500}.meta-line a:hover{color:var(--text-primary)}.meta-separator{color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:768px){.profile-details{flex-direction:column}.section-header{padding:8px var(--spacing-sm)}.section-header__title{font-size:.9rem;gap:6px}.section-header__title i{font-size:13px}.section-header__action,.section-header__count{font-size:11px}.btn--lg{font-size:.9rem;padding:10px 20px}.btn--md{font-size:.85rem;padding:8px 16px}}@media (max-width:480px){.section-header{padding:6px var(--spacing-xs)}.section-header__title{font-size:.8rem}.section-header__action{font-size:10px;gap:2px}.btn--lg{font-size:.85rem;padding:8px 16px}.btn--md{font-size:.8rem;padding:6px 12px}.btn--sm{font-size:.75rem;padding:4px 8px}}
/*# sourceMappingURL=main.fc3065a9.css.map*/