.app-sidebar[data-v-e67e4102]{display:flex;flex-direction:column}.app-sidebar-logo-text[data-v-e67e4102]{font-size:1.25rem;font-weight:700;color:#fffffff2}.beta-link[data-v-e67e4102]{color:#f59e0b!important;font-weight:700;border-left:3px solid #f59e0b;margin-bottom:8px}.beta-link[data-v-e67e4102]:hover{background:#f59e0b1a!important}.beta-link i[data-v-e67e4102]{color:#f59e0b!important}.dock-wrapper[data-v-692eb020],.now-playing-queue-wrap[data-v-d31d62fa]{position:relative}.queue-panel-backdrop[data-v-d31d62fa]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.now-playing-queue-panel[data-v-d31d62fa]{z-index:1000}.now-playing-glass[data-v-d31d62fa]{position:relative}.eject-btn-top[data-v-d31d62fa]{position:absolute;top:6px;right:58px;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:#ffffff14;color:#ffffff80;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease}.eject-btn-top[data-v-d31d62fa]:hover,.eject-btn-top[data-v-d31d62fa]:active{background:#ffffff24;color:#ffffffd9}.minimize-btn[data-v-d31d62fa]{position:absolute;top:6px;right:10px;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:#ffffff14;color:#fff6;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease}.minimize-btn[data-v-d31d62fa]:hover,.minimize-btn[data-v-d31d62fa]:active{background:#ffffff24;color:#fff9}.now-playing-title-link[data-v-d31d62fa],.now-playing-artist-link[data-v-d31d62fa]{cursor:pointer;transition:opacity .2s ease}.now-playing-title-link[data-v-d31d62fa]:hover,.now-playing-artist-link[data-v-d31d62fa]:hover{opacity:.9}.now-playing-wrapper.ejecting .now-playing-left[data-v-d31d62fa]{animation:cartridge-eject-d31d62fa .28s ease-out forwards}@keyframes cartridge-eject-d31d62fa{0%{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(2px) scale(1.02);opacity:1}to{transform:translateY(14px) scale(.92);opacity:.5}}.now-playing-wrapper[data-v-d31d62fa]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){.minimize-btn.mobile-only[data-v-d31d62fa]{display:none}}@media (max-width: 768px){.now-playing-wrapper.collapsed .eject-btn-top[data-v-d31d62fa]{display:none}}.global-tv-player[data-v-d361974b]{background:#000;pointer-events:auto}.video-container[data-v-d361974b]{width:100%;height:100%;position:relative}video[data-v-d361974b]{width:100%;height:100%;display:block;object-fit:cover}.mini-controls[data-v-d361974b]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .2s;display:flex;justify-content:space-between;padding:8px}.global-tv-player.mini:hover .mini-controls[data-v-d361974b],.global-tv-player.pinned:hover .mini-controls[data-v-d361974b]{opacity:1}.mini-btn[data-v-d361974b]{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mini-btn[data-v-d361974b]:hover{background:#fff6}.video-loading[data-v-d361974b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;font-size:24px;color:#fff}.global-tv-player.mini[data-v-d361974b]{border:1px solid rgba(255,255,255,.1)}.global-tv-player.pinned[data-v-d361974b]{border-bottom:2px solid rgba(255,255,255,.1)}.toast-container[data-v-10816555]{position:fixed;top:env(safe-area-inset-top,12px);left:16px;right:16px;z-index:100000;display:flex;flex-direction:column;gap:8px;pointer-events:none;padding-top:12px}.toast-item[data-v-10816555]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;color:#fff;background:#14141ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006;pointer-events:auto}.toast-icon[data-v-10816555]{font-size:16px;flex-shrink:0}.toast-item.success .toast-icon[data-v-10816555]{color:#4ade80}.toast-item.error .toast-icon[data-v-10816555]{color:#f87171}.toast-item.bookmark .toast-icon[data-v-10816555]{color:#6ddcff}.toast-item.share .toast-icon[data-v-10816555]{color:#a78bfa}.toast-item.play .toast-icon[data-v-10816555]{color:#6ddcff}.toast-message[data-v-10816555]{flex:1}.toast-enter-active[data-v-10816555]{transition:all .3s ease}.toast-leave-active[data-v-10816555]{transition:all .25s ease}.toast-enter-from[data-v-10816555]{opacity:0;transform:translateY(-20px) scale(.95)}.toast-leave-to[data-v-10816555]{opacity:0;transform:translateY(-10px) scale(.98)}.modal-overlay[data-v-2177c6c7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.add-to-playlist-modal[data-v-2177c6c7]{width:100%;max-width:360px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;background:#14141cfa;border:1px solid rgba(255,255,255,.1);border-radius:16px}.modal-header[data-v-2177c6c7]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3[data-v-2177c6c7]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close[data-v-2177c6c7]{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px}.modal-track[data-v-2177c6c7]{padding:12px 20px;font-size:14px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.06)}.modal-track-artist[data-v-2177c6c7]{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.modal-guest[data-v-2177c6c7]{padding:24px 20px;text-align:center}.modal-guest p[data-v-2177c6c7]{margin:0 0 16px;color:var(--text-secondary)}.btn-primary[data-v-2177c6c7]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;background:var(--accent-primary, #6ddcff);color:#111;text-decoration:none}.modal-list[data-v-2177c6c7]{padding:12px 0;overflow-y:auto;flex:1}.modal-loading[data-v-2177c6c7],.modal-empty[data-v-2177c6c7]{padding:20px;text-align:center;color:var(--text-secondary)}.modal-empty a[data-v-2177c6c7]{color:var(--accent-primary);text-decoration:none}.playlist-row[data-v-2177c6c7]{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:none;border:none;color:var(--text-primary);font-size:15px;text-align:left;cursor:pointer;transition:background .2s}.playlist-row[data-v-2177c6c7]:hover{background:#ffffff0f}.playlist-row i[data-v-2177c6c7]{color:var(--text-secondary)}.guest-save-prompt[data-v-a3030da4]{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#14141cfa;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -4px 24px #0000004d}.guest-save-prompt-inner[data-v-a3030da4]{max-width:480px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.guest-save-text[data-v-a3030da4]{margin:0;font-size:14px;color:var(--text-primary, #fff);display:flex;align-items:center;gap:8px}.guest-save-text i[data-v-a3030da4]{color:var(--accent-primary, #6ddcff)}.guest-save-actions[data-v-a3030da4]{display:flex;align-items:center;gap:10px}.guest-save-dismiss[data-v-a3030da4]{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 12px}.guest-save-dismiss[data-v-a3030da4]:hover{color:var(--text-primary)}.guest-save-cta[data-v-a3030da4]{display:inline-flex;align-items:center;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;background:var(--accent-primary, #6ddcff);color:#111;text-decoration:none}.guest-save-cta[data-v-a3030da4]:hover{filter:brightness(1.1)}.slide-up-enter-active[data-v-a3030da4],.slide-up-leave-active[data-v-a3030da4]{transition:transform .25s ease,opacity .2s ease}.slide-up-enter-from[data-v-a3030da4],.slide-up-leave-to[data-v-a3030da4]{transform:translateY(100%);opacity:0}.offcanvas-nav a[data-v-a09fcc22]{text-decoration:none;color:inherit}.app.pinned-player-active{padding-top:41.841vw;transition:padding-top .4s cubic-bezier(.4,0,.2,1)}@media (min-width: 1920px){.app.pinned-player-active{padding-top:800px}}:root{--glass-bg: rgba(12, 14, 18, .55);--glass-bg-strong: rgba(12, 14, 18, .75);--glass-border: rgba(255, 255, 255, .08);--accent-primary: #6ddcff;--accent-secondary: #9b8cff;--glow-primary: rgba(109, 220, 255, .35);--glow-secondary: rgba(155, 140, 255, .25);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .65);--blur-strong: 24px;--blur-soft: 14px;--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--shadow-glass: 0 20px 60px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05);--transition-smooth: cubic-bezier(.16, 1, .3, 1);--transition-fast: .3s var(--transition-smooth);--transition-normal: .6s var(--transition-smooth)}@media (max-width: 768px){:root{--blur-strong: 18px;--blur-soft: 12px;--radius-xl: 24px;--radius-lg: 18px}}.panelstream-container{background:#0a0a0a;color:#fff;overflow-x:hidden}.panelstream-player{width:100%;max-width:100%;aspect-ratio:16/9;max-height:45vh;background:#000;box-shadow:0 20px 40px #00000073,0 0 40px #00000059}.panelstream-player video{width:100%;height:100%;object-fit:cover}.panelstream-title{font-size:1.4rem;font-weight:700;padding:12px 0 6px 16px;margin:0}.panelstream-rail{display:flex;gap:14px;padding-left:16px;padding-bottom:18px;overflow-x:auto;scroll-snap-type:x mandatory}.panelstream-rail::-webkit-scrollbar{display:none}.panelstream-item{width:200px;height:115px;background:#222;border-radius:8px;overflow:hidden;scroll-snap-align:start;transition:all .18s ease-out}.panelstream-item img{width:100%;height:100%;object-fit:cover}.panelstream-item:hover,.panelstream-item:focus{transform:scale(1.08);box-shadow:0 0 16px #fff6;border:2px solid rgba(255,255,255,.5)}.hero-player{position:relative;overflow:hidden}.hero-player .hero-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#000000b3,#0000)}.video-header{position:absolute;left:16px;top:12px;z-index:3;display:flex;gap:8px;align-items:center}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006}#channelNameLabel,.now-playing-label{display:inline-block;background:#0009;border:1px solid rgba(255,255,255,.15);padding:6px 10px;border-radius:999px;font-weight:700;letter-spacing:.2px}.channel-remote{display:flex;gap:8px;z-index:4}.remote-below{margin-top:8px}.remote-btn{background:#0009;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.remote-btn:hover{background:#ffffff1f}#playing-now{display:grid;grid-template-columns:140px 1fr 1fr;gap:12px;align-items:center;margin:12px 0 6px;padding:10px 12px 6px;border-radius:10px}#playing-now img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#1a1a1a}#playing-now h4{margin:0 0 4px;font-size:.95rem;opacity:.9}#playing-now p{margin:0;opacity:.95}.time-strip{display:flex;gap:24px;padding:10px 16px 16px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.06);background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px}.time-strip .tick{color:#f0f0f0;font-size:14px;min-width:90px;text-align:left;flex:0 0 auto}.time-strip::-webkit-scrollbar{display:none}.channel-row{margin:12px 0 10px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:8px;padding:6px 0 8px}.channel-header{grid-column:1;display:flex;align-items:center;gap:10px;padding:12px 16px 8px;background:transparent;border-left:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.channel-badge{display:inline-block;font-size:12px;padding:4px 8px;border-radius:999px;background:#000000a6;border:1px solid rgba(255,255,255,.18)}.channel-title{font-weight:600;letter-spacing:.3px}.channel-cards{grid-column:2;display:flex;gap:16px;padding:12px 16px 18px 0;overflow-x:auto;scroll-snap-type:x mandatory}.channel-cards::-webkit-scrollbar{display:none}.tv-card{height:160px;min-width:200px;max-width:520px;width:auto;position:relative;border-radius:12px;overflow:hidden;background:#222;box-shadow:0 8px 24px #00000059;scroll-snap-align:start;border:1px solid #2a2a2a;cursor:pointer}.tv-card.glass-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.tv-card.glass-card .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(10px) brightness(.35);transform:scale(1.2)}.tv-card.compact{background:#111;box-shadow:none;border:1px solid #252525}.tv-card.compact .bg,.tv-card.compact .overlay{display:none}.tv-card.compact .meta{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:10px}.tv-card.compact .meta .title{font-size:.85rem}.tv-card.compact .meta .time{display:none}.tv-card.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:none}.tv-card img{width:100%;height:100%;object-fit:cover;display:block}.tv-card .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0003 60%)}.tv-card .meta{position:absolute;left:10px;bottom:8px;right:10px;display:grid;gap:2px}.tv-card.glass-card .meta{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px}.tv-card .meta .title{font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tv-card .meta .time{font-size:.75rem;opacity:.9;color:#ffffffd9}.tv-card:focus,.tv-card:hover{outline:2px solid rgba(255,255,255,.5);transform:scale(1.03);transition:transform .15s ease-out}#ltv-progress-wrap{position:relative;height:3px;background:#ffffff26;margin:8px 0 0;border-radius:999px;overflow:hidden}#ltv-progress{height:100%;width:0%;background:#e50914;transition:width .5s linear}.program.epg-current{border-color:#e50914!important;box-shadow:0 0 0 2px #e5091459 inset,0 0 18px #e509144d}.spotlight-grid{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:16px;align-items:start;max-width:1280px;margin:0 auto}.right-dashboard{position:sticky;top:12px;display:grid;gap:10px;padding:12px;border-radius:12px;background:#0000008c;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:#fff;max-height:calc(100vh - 24px);overflow:auto}.right-dashboard .rd-thumb{width:100%;aspect-ratio:16/9;border-radius:10px;object-fit:cover;background:#111}.right-dashboard .rd-label{font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:.4px}.right-dashboard .rd-title{font-weight:700;font-size:.95rem}.right-dashboard .rd-meta{font-size:.8rem;opacity:.95}.guide{color:#fff}.guide-header,.guide-row{padding:6px 8px}.program{padding:6px;border-color:#2a2a2a}.program-title{color:#fff}.program-meta{color:#ffffffd9}.channel-cards.rail-active .tv-card:focus,.channel-cards.rail-active .tv-card:hover{transform:scale(1.08);box-shadow:0 12px 30px #0000008c,0 0 18px #ffffff26;outline:2px solid rgba(255,255,255,.5)}.channel-cards:not(.rail-active) .tv-card{opacity:.7}.tv-container{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.video-spotlight{position:static;z-index:5;background:radial-gradient(1200px 300px at 50% -50px,#000000bf,#0000),#000;padding-bottom:8px}html,body{height:auto}body{overflow-y:auto;background:#000;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s ease}body::-webkit-scrollbar-thumb:hover{background:#ffffff40}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s ease}html::-webkit-scrollbar-thumb:hover{background:#ffffff40}.channel-cards::-webkit-scrollbar,.time-strip::-webkit-scrollbar{display:none}.channel-rows{max-width:1280px;margin:0 auto;padding:0 16px 24px}.channels-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}.channel-index{display:grid;gap:8px;position:sticky;top:8px;align-self:start}.channel-link{display:block;padding:10px 12px;border-radius:999px;color:#fff;text-decoration:none;background:#0009;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:700}.channel-link:hover{background:#000000b8}.channels-stack{min-width:0}@media (max-width: 900px){.channels-layout{grid-template-columns:1fr}.channel-index{position:static;grid-auto-flow:column;overflow-x:auto;white-space:nowrap;padding-bottom:6px}.channel-link{display:inline-block}}.tv-guide-container{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 360px);gap:16px;max-width:1280px;margin:0 auto;padding:0 16px 24px}.channel-list{background:#111;padding:12px;border-right:2px solid #222;border-radius:12px;overflow-y:auto}.channel-btn{width:100%;background:#181818;border:none;padding:12px 14px;margin-bottom:8px;text-align:left;color:#fff;font-size:1rem;border-radius:10px;cursor:pointer}.channel-btn:hover,.channel-btn.active{background:#333}.guide-grid{padding:12px 0;overflow-y:auto}.guide-row{margin-bottom:24px;position:relative}.guide-row h2{font-size:1rem;color:#ddd;margin:0 0 6px}.guide-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 48px 8px;scroll-snap-type:x proximity}.guide-row .nav-arrow{position:absolute;top:calc(50% + 14px);transform:translateY(-50%);z-index:3}.guide-row .nav-arrow-left{left:8px}.guide-row .nav-arrow-right{right:8px}.guide-item{min-width:200px;background:#111;padding:8px;border-radius:8px;color:#fff}.guide-item img{width:100%;border-radius:6px;margin-bottom:6px}#channel-selector{padding:32px 16px;background:#000;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto}.channel-button{background:#111;border:2px solid #222;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;text-align:center;color:#fff}.channel-button:hover{background:#1a1a1a;border-color:#444;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.channel-button.active{background:#1a1a1a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.channel-button-name{font-size:20px;font-weight:700;margin-bottom:8px}.channel-button-next{font-size:13px;color:#999;margin-top:8px}@media (max-width: 900px){#channel-selector{grid-template-columns:1fr;gap:16px}}@media (max-width: 900px){#playing-now{grid-template-columns:1fr}.channel-cards{overflow-x:auto}.tv-card{width:100%}}:root{--primary-color: #ff0060;--secondary-color: #ff6b35;--accent-color: #6366f1;--background-dark: #0a0a0a;--background-medium: #1a1a1a;--background-light: #2a2a2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1);--success-color: #00ff88;--warning-color: #ffaa00;--error-color: #ff4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9rem;--font-size-md: 1.05rem;--font-size-lg: 1.4rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .35);--glass-bg: rgba(0, 0, 0, .4);--glass-blur: blur(12px);--glass-border: rgba(255, 255, 255, .1);--gutter: 20px;--content-max: 1200px;--section-gap: 22px;--card-radius: 18px;--card-pad: 16px;--card-gap: 12px;--topbar-h: var(--ds-topbar-height, 48px);--mobile-authbar-h: 48px;--bottombar-h: 70px}body.theme-after-dark{--primary-color: #ff4d00;--secondary-color: #9d00ff;--accent-color: #ff9100;--background-dark: #120b1f;--background-medium: #1f1235;--background-light: #2d1b4e;--text-primary: #ffffff;--text-secondary: rgba(255, 230, 255, .85);--text-muted: rgba(255, 200, 255, .6);--border-color: rgba(255, 100, 255, .15);--success-color: #00ff9d;--warning-color: #ffaa00;--error-color: #ff3366;background:linear-gradient(135deg,#120b1f,#2a0e36);background-attachment:fixed}body.theme-after-dark .neu-card,body.theme-after-dark .settings-page,body.theme-after-dark .app-sidebar,body.theme-after-dark .app-navbar,body.theme-after-dark .mobile-menu-drawer,body.theme-after-dark .mini-player,body.theme-after-dark .compact-footer{background-color:transparent!important;background:#1f1235b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff1a}body.theme-after-dark .neu-btn-primary{background:linear-gradient(135deg,#ff4d00,#f05);color:#fff;box-shadow:0 4px 15px #ff4d0066}body.theme-after-dark .neu-btn-secondary{background:#ffffff1a;color:#fff}body.theme-after-dark .nav-link.active,body.theme-after-dark .router-link-active{color:var(--primary-color)}body.theme-alien-tundra{--primary-color: #ff2a75;--secondary-color: #00d4ff;--accent-color: #ff85a2;--background-dark: #0a1118;--background-medium: #141f2c;--background-light: #223347;--text-primary: #ffffff;--text-secondary: rgba(230, 245, 255, .85);--text-muted: rgba(200, 225, 255, .6);--border-color: rgba(0, 212, 255, .15);--success-color: #00ff9d;--warning-color: #ffaa00;--error-color: #ff3366;background:linear-gradient(135deg,#0a1118,#1a2a3a);background-attachment:fixed}body.theme-alien-tundra .neu-card,body.theme-alien-tundra .settings-page,body.theme-alien-tundra .app-sidebar,body.theme-alien-tundra .app-navbar,body.theme-alien-tundra .mobile-menu-drawer,body.theme-alien-tundra .mini-player,body.theme-alien-tundra .compact-footer{background-color:transparent!important;background:#141f2cb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#00d4ff1a}body.theme-alien-tundra .neu-btn-primary{background:linear-gradient(135deg,#ff2a75,#f05);color:#fff;box-shadow:0 4px 15px #ff2a7566}body.theme-alien-tundra .neu-btn-secondary{background:#00d4ff1a;color:#fff;border:1px solid rgba(0,212,255,.2)}body.theme-alien-tundra .nav-link.active,body.theme-alien-tundra .router-link-active{color:var(--primary-color)}body.theme-deep-blue{--primary-color: #00a2ff;--secondary-color: #0066ff;--accent-color: #00ffff;--background-dark: #040810;--background-medium: #081224;--background-light: #0d1b35;--text-primary: #ffffff;--text-secondary: rgba(210, 235, 255, .85);--text-muted: rgba(180, 210, 255, .6);--border-color: rgba(0, 162, 255, .15);--success-color: #00ffcc;--warning-color: #ffcc00;--error-color: #ff4d4d;background:radial-gradient(circle at top center,#0a1f44,#040810);background-attachment:fixed}body.theme-deep-blue .neu-card,body.theme-deep-blue .settings-page,body.theme-deep-blue .app-sidebar,body.theme-deep-blue .app-navbar,body.theme-deep-blue .mobile-menu-drawer,body.theme-deep-blue .mini-player,body.theme-deep-blue .compact-footer{background:#081224b3!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(0,162,255,.12);box-shadow:0 8px 32px #0006}body.theme-deep-blue .neu-btn-primary{background:linear-gradient(135deg,#00a2ff,#06f);color:#fff;box-shadow:0 4px 15px #00a2ff66}body.theme-deep-blue .neu-btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(0,162,255,.1)}body.theme-deep-blue .nav-link.active,body.theme-deep-blue .router-link-active{color:var(--primary-color);text-shadow:0 0 10px rgba(0,162,255,.5)}body.theme-deep-blue .app-sidebar-item.active{background:#00a2ff1a;border-left:3px solid var(--primary-color)}@media (max-width: 768px){:root{--gutter: 16px;--content-max: 680px;--section-gap: 20px;--card-radius: 16px;--card-pad: 14px;--card-gap: 12px}}@media (max-width: 768px){.desktop-nav,.top-nav-links,.top-nav-search,.top-nav-boost,.account-menu-desktop,.left-sidebar,.right-sidebar{display:none!important}body{padding-top:60px}.menu,.dropdown,.account-menu,.mobile-menu-overlay{background:#0e0e10!important;color:#fff!important}img[alt="Ahoy Indie Media"]{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:linear-gradient(135deg,#0a0a0b,#14141a,#0a0a0b);background-size:cover;background-position:center center;color:var(--text-primary);line-height:1.6;overflow-x:hidden;padding-bottom:24px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--secondary-color)}.main-content{min-height:100vh;padding-top:44px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.app-content{width:100%;box-sizing:border-box}@media (max-width: 768px){.app-content{max-width:var(--content-max);margin-left:auto;margin-right:auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.app-content>section{margin-top:var(--section-gap);margin-bottom:0}.app-content>section:first-child{margin-top:var(--spacing-md)}.card{border-radius:var(--card-radius)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap)}}body.debug-layout .app-content,body.debug-layout .section,body.debug-layout .card{outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}.app-shell{display:flex;min-height:calc(100vh - 44px);gap:0}.app-sidebar{width:182px;flex:0 0 182px;border-right:1px solid rgba(255,255,255,.06);background:#0c0c0e99;padding:0 12px 16px;position:sticky;top:var(--ds-topbar-height, 44px);height:calc(100vh - var(--ds-topbar-height, 44px));overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;margin-top:0}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background .2s ease}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-sidebar-logo{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:16px 8px 14px;margin-top:0}.app-sidebar-logo img{height:28px;width:auto;opacity:.95}.app-sidebar-nav{display:flex;flex-direction:column;gap:4px}.app-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:#ffffffc7;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .2s ease}.app-sidebar-item i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;text-align:center;opacity:.9;background:transparent;transition:background .2s ease,box-shadow .2s ease,color .2s ease}.app-sidebar-item:hover{background:#ffffff0f;color:#ffffffeb}.app-sidebar-item{position:relative;overflow:visible}.app-sidebar-item i{transition:transform .3s ease,filter .3s ease,color .3s ease}.app-sidebar-item:hover-extended i{animation:iconWiggle .5s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 12px currentColor);color:gold}.app-sidebar-item:hover-extended[data-icon=compass] i{animation:iconSpin 1s linear infinite;color:#4ade80}.app-sidebar-item:hover-extended[data-icon=music] i{animation:iconBounce .6s ease-in-out infinite;color:#f472b6}.app-sidebar-item:hover-extended[data-icon=podcast] i{animation:iconPulse 1s ease-in-out infinite;color:#60a5fa}.app-sidebar-item:hover-extended[data-icon=tv] i{animation:iconShake .4s ease-in-out infinite;color:#a78bfa}.app-sidebar-item:hover-extended[data-icon=video] i{animation:iconFlip .8s ease-in-out infinite;color:#fb7185}.app-sidebar-item:hover-extended[data-icon=users] i{animation:iconWiggle .5s ease-in-out infinite;color:#34d399}.app-sidebar-item:hover-extended[data-icon=broadcast-tower] i{animation:iconPulse .7s ease-in-out infinite;color:#fbbf24;filter:drop-shadow(0 0 10px #fbbf24) drop-shadow(0 0 20px #fbbf24)}.app-sidebar-item:hover-extended[data-icon=calendar-alt] i{animation:iconBounce .5s ease-in-out infinite;color:#818cf8}.app-sidebar-item:hover-extended[data-icon=shopping-bag] i{animation:iconShake .3s ease-in-out infinite;color:#f87171}.app-sidebar-item:hover-extended[data-icon=bookmark] i{animation:iconWiggle .4s ease-in-out infinite;color:#fcd34d}.app-sidebar-item:hover-extended[data-icon=user] i{animation:iconPulse .9s ease-in-out infinite;color:#93c5fd}.app-sidebar-item:hover-extended[data-icon=cog] i{animation:iconSpin 2s linear infinite;color:#cbd5e1}.app-sidebar-item:hover-extended:before{content:"✨";position:absolute;left:-10px;top:50%;transform:translateY(-50%);animation:sparkleFloat 1.5s ease-in-out infinite;font-size:12px;opacity:.8}.app-sidebar-item:hover-extended:after{content:"✨";position:absolute;right:-10px;top:50%;transform:translateY(-50%);animation:sparkleFloat 1.5s ease-in-out infinite .5s;font-size:12px;opacity:.8}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes iconShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes iconFlip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes sparkleFloat{0%,to{transform:translateY(-50%) translate(0) scale(1);opacity:.8}50%{transform:translateY(-60%) translate(5px) scale(1.2);opacity:1}}.app-sidebar-item.active{background:linear-gradient(135deg,#ffffff24,#ffffff0f);color:#fffffffa;box-shadow:0 12px 24px #00000059,inset 0 0 0 1px #ffffff2e,0 0 18px #ffffff1f}.app-sidebar-item.active:before{content:"";position:absolute;right:6px;top:50%;width:18px;height:70%;transform:translateY(-50%);border-radius:999px;background:#ffffff40;opacity:.5}.app-sidebar-item.active:after{content:"";position:absolute;right:8px;top:8px;bottom:8px;width:6px;border-radius:999px;background:#ffffff59;opacity:.55}.app-sidebar-item.active i{background:#00000040;box-shadow:inset 0 0 0 1px #ffffff24}.app-sidebar-spacer{height:16px;flex:1 1 auto}.app-sidebar-divider{height:1px;background:#ffffff1a;margin:8px 16px;flex-shrink:0}.app-main{flex:1 1 auto;min-width:0}.navbar .nav-features{display:none!important}@media (max-width: 768px){.app-shell{display:block}.app-sidebar{display:none}}.podcasts-page,.podcast-show-page{padding:18px 18px 40px}.podcasts-hero{margin-top:18px;border-radius:16px;padding:22px 18px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.06);margin-bottom:18px}.podcasts-hero h1{margin:0 0 6px;font-size:28px}.podcasts-hero p{margin:0;color:#ffffffad}@media (max-width: 768px){.podcasts-hero{padding:12px 18px 14px;margin-bottom:14px}.podcasts-hero-inner h1{margin:0 0 4px;font-size:22px}.podcasts-hero-inner p{margin:0;font-size:14px;line-height:1.35;color:#ffffffad}.podcasts-hero-inner>div:has(h1):has(p) h1{margin:0 0 4px;font-size:22px}.podcasts-hero-inner>div:has(h1):has(p) p{margin:0;font-size:14px;line-height:1.35}}.podcasts-section{margin-top:18px}.podcasts-section-header{display:flex;align-items:baseline;justify-content:space-between;margin:10px 2px}.podcasts-section-header h2{margin:0;font-size:18px;font-weight:700;letter-spacing:.02em;color:#ffffffeb}.episode-list{display:flex;flex-direction:column;gap:10px}.episode-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:background .15s ease,border-color .15s ease;cursor:pointer}.episode-row:hover{background:#ffffff0d;border-color:#ffffff1a}.episode-art{width:48px;height:48px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.episode-title{font-weight:700;font-size:13px;color:#ffffffeb;line-height:1.25;margin-bottom:4px}.episode-subtitle{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#fff9;font-size:12px}.episode-dot{opacity:.7}.episode-desc{margin-top:6px;color:#ffffffa3;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-actions{display:flex;align-items:center;gap:8px}.episode-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000040;color:#ffffffd9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.episode-btn:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.episode-btn.view-solo-mini-btn{background:linear-gradient(135deg,#00d4ff26,#0096c81a);border-color:#00d4ff4d;color:var(--accent-color, #00d4ff);box-shadow:0 2px 8px #00d4ff33}.episode-btn.view-solo-mini-btn:hover{background:linear-gradient(135deg,#00d4ff40,#0096c833);border-color:#00d4ff80;box-shadow:0 4px 15px #00d4ff66}.episode-btn.bm-btn{background:#ffffff14;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-color:#ffffff26;color:#ffffffb3}.episode-btn.bm-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6}.episode-btn.bm-btn[aria-pressed=true]{background:linear-gradient(135deg,#00d4ff33,#0096c826);border-color:#00d4ff66;color:var(--accent-color, #00d4ff);box-shadow:0 4px 15px #00d4ff4d}.episode-btn.bm-btn[aria-pressed=true]:hover{background:linear-gradient(135deg,#00d4ff4d,#0096c840);border-color:#00d4ff99;box-shadow:0 6px 20px #00d4ff66}.episode-open{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;text-decoration:none;font-size:12px;background:#ffffff0a}.episode-open:hover{background:#ffffff14}.podcast-shows{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.podcast-show-card{display:block;padding:12px;border-radius:var(--radius-md, 16px);border:1px solid rgba(255,255,255,.06);background:#ffffff08;text-decoration:none;transition:all .3s ease}.podcast-show-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 12px 30px #00000040}.podcast-show-card:hover .podcast-show-art{transform:scale(1.02)}.podcast-show-art{width:100%;aspect-ratio:1/1;border-radius:var(--radius-md, 16px);object-fit:cover;border:1px solid rgba(255,255,255,.08);margin-bottom:10px;transition:transform .3s ease}.podcast-show-title{font-weight:800;font-size:13px;color:#ffffffeb;margin-bottom:6px}.podcast-show-desc{font-size:12px;color:#ffffff9e;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.podcast-show-updated{margin-top:8px;font-size:11px;color:#ffffff80}.podcasts-featured-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.podcasts-section-subtitle{margin:6px 0 0;font-size:13px;color:#fff9}.podcast-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.podcast-filter-chip{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffc7;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.podcast-filter-chip:hover{border-color:#ffffff47;color:#fffffff2}.podcast-filter-chip.active{background:#00d4ff2e;border-color:#00d4ff99;color:#fffffffa}.podcast-shows-preview{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.podcast-show-preview-card{display:flex;flex-direction:column;gap:8px}.podcast-show-card--filter{text-align:left;width:100%;cursor:pointer;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.podcast-show-preview-card.active .podcast-show-card{border-color:#00d4ff80;box-shadow:0 10px 28px #00d4ff2e}.podcast-show-open{display:inline-flex;align-items:center;gap:6px;font-size:12px;text-decoration:none;color:#ffffffb3;padding-left:6px}.podcast-show-open:hover{color:#fffffff2}.music-header-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}.music-header-toolbar .music-toolbar-search{flex:1;min-width:160px;max-width:320px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:12px;display:flex;align-items:center;gap:8px}.music-header-toolbar .music-toolbar-search:focus-within{border-color:#ffffff47;background:#ffffff0f}.music-header-toolbar .music-toolbar-search i{color:#fff9;font-size:13px}.music-header-toolbar .music-toolbar-search .search-input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#f8fafc;font-size:14px}.music-header-toolbar .music-toolbar-search .search-input::placeholder{color:#ffffff80}.music-header-toolbar .music-toolbar-sort{padding:8px 32px 8px 12px;font-size:13px;color:#ffffffe0;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.6)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.music-header-toolbar .view-options{display:flex;gap:4px}.music-header-toolbar .view-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffc7;cursor:pointer;transition:all .2s ease}.music-header-toolbar .view-btn:hover{border-color:#ffffff47;color:#fffffff2}.music-header-toolbar .view-btn.active{background:#00d4ff2e;border-color:#00d4ff99;color:#fffffffa}.music-header-toolbar .music-toolbar-play{margin-left:auto}@media (max-width: 768px){.music-header-toolbar{margin-top:12px}.music-header-toolbar .music-toolbar-search{max-width:none}.music-header-toolbar .music-toolbar-play{margin-left:0}.music-container .podcasts-featured-header .podcast-filter-chips{display:none}.music-container .podcasts-section.podcasts-featured-section{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;min-height:52px;max-height:52px;margin-top:0;margin-bottom:12px;overflow:hidden}.music-container .podcasts-section.podcasts-featured-section .podcasts-section-header{display:none}.music-container .podcasts-section .podcast-shows-dropdown-mobile{margin-bottom:0;flex:0 0 auto;min-width:0;width:100px;max-width:26%}.music-container .podcasts-section .podcast-show-select{height:40px;min-height:40px;padding:6px 28px 6px 10px;font-size:12px;border-radius:8px;background-position:right 8px center}.music-container .podcasts-section .music-header-toolbar{margin-top:0;flex:1;min-width:0;gap:6px}.music-container .music-header-toolbar .music-toolbar-search{padding:6px 10px;min-height:40px}.music-container .music-header-toolbar .music-toolbar-search i{font-size:12px}.music-container .music-header-toolbar .music-toolbar-sort{padding:6px 8px;height:40px;min-height:40px;font-size:12px}.music-container .music-header-toolbar .view-btn,.music-container .music-header-toolbar .music-toolbar-play{padding:6px 10px}}.podcast-shows-dropdown-mobile{display:none}@media (max-width: 768px){.podcast-shows-dropdown-mobile{display:block;margin-bottom:12px}.podcast-shows-desktop{display:none!important}.podcast-show-select{width:100%;padding:12px 40px 12px 14px;font-size:15px;font-weight:500;color:#f8fafc;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.6)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s ease,background .2s ease}.podcast-show-select:focus{border-color:#00d4ff80;background:#ffffff14}.podcast-show-select option{background:#1a1c24;color:#f8fafc;padding:8px}}.podcast-show-hero{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,#ffffff0f,#ffffff05);margin-bottom:18px}.podcast-show-hero-art{width:140px;height:140px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.podcast-show-hero-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin-bottom:6px}.podcast-show-hero-title{margin:0 0 8px}.podcast-show-hero-desc{margin:0 0 12px;color:#ffffffad}.podcast-show-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.podcast-cta{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffeb;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;font-size:12px}.podcast-cta.secondary{background:#00000040}@media (max-width: 768px){.podcast-show-hero{grid-template-columns:1fr}.podcast-show-hero-art{width:120px;height:120px}.episode-row{grid-template-columns:48px 1fr}.episode-actions{justify-content:flex-start}}.ahoy-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ahoy-modal{width:min(520px,calc(100vw - 24px));border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#101012eb;box-shadow:0 25px 60px #0009}.ahoy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.ahoy-modal-title{font-weight:800;color:#ffffffeb}.ahoy-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffffe6;cursor:pointer}.ahoy-modal-body{padding:14px}.ahoy-boost-recipient-label{font-size:12px;color:#fff9}.ahoy-boost-recipient-name{margin-top:4px;font-weight:800;color:#ffffffeb}.ahoy-boost-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.ahoy-boost-amt{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffeb;cursor:pointer;font-weight:800;font-size:12px}.ahoy-boost-amt.active{background:#ffffff1a;border-color:#ffffff2e}.ahoy-boost-custom{margin-top:12px}.ahoy-boost-custom-label{font-size:12px;color:#ffffffa6}.ahoy-boost-custom-row{margin-top:6px;display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000040}.ahoy-boost-custom-prefix{color:#fffc;font-weight:800}.ahoy-boost-custom-input{flex:1 1 auto;background:transparent;border:none;outline:none;color:#ffffffeb}.ahoy-boost-copy{margin-top:14px}.ahoy-boost-copy-strong{font-weight:800;color:#ffffffeb;font-size:12px}.ahoy-boost-copy-small{margin-top:4px;color:#fff9;font-size:12px}.ahoy-boost-actions{margin-top:16px;display:flex;justify-content:flex-end}.ahoy-boost-confirm{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#fffffff2;cursor:pointer;font-weight:900}@media (max-width: 520px){.ahoy-boost-amounts{grid-template-columns:repeat(2,1fr)}}.navbar{position:fixed;top:0;left:0;right:0;background:#0f0f12bf;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 1px #ffffff08 inset,0 2px 8px #0006,0 1px 2px #0003;z-index:10000;height:var(--ds-topbar-height, 48px);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}:root{--ds-topbar-height: 44px}@media (min-width: 1024px){:root{--ds-topbar-height: 48px}}.main-content{padding-top:0;margin-top:0}.app-shell{min-height:calc(100vh - var(--ds-topbar-height));margin-top:0;padding-top:0}.app-sidebar{top:var(--ds-topbar-height);height:calc(100vh - var(--ds-topbar-height));margin-top:0;padding-top:0}.ds-statusbar{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}@media (min-width: 1024px){.ds-statusbar{height:48px}}.ds-statusbar__left{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}.ds-crumbs{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1}.ds-crumbs__sep{opacity:.45}.ds-crumbs__muted{opacity:.75}.ds-statusbar__right{display:flex;align-items:center;gap:6px;-webkit-app-region:no-drag;position:relative;z-index:10;isolation:isolate;pointer-events:auto;contain:layout style;margin-left:auto}.ds-iconbtn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:10px;text-decoration:none;position:relative}.ds-iconbtn i{font-size:16px;line-height:1;display:block}.ds-iconbtn svg,.ds-iconbtn img{width:16px;height:16px;display:block}.ds-iconbtn>*{line-height:0}.ds-iconbtn .nav-pill-badge{position:absolute;top:4px;right:4px}.ds-iconbtn--account .fa-chevron-down{position:absolute;right:4px;bottom:4px;font-size:9px;opacity:.8}.account-icon{font-size:13px;color:#ffffffd1;line-height:1;transition:color .2s ease}.account-menu-btn:hover .account-icon{color:#ffffffeb}.account-chevron{font-size:10px;color:#ffffffd1;transition:transform .2s ease,color .2s ease}.account-menu-btn:hover .account-chevron{color:#ffffffeb}.ds-statusbar__divider{width:1px;height:22px;opacity:.15}.statusbar-left{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0}.statusbar-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-app-region:no-drag}.statusbar-crumb{display:inline-flex;align-items:center;gap:6px;min-width:0}.statusbar-crumb-link{color:#ffffffb8;text-decoration:none}.statusbar-crumb-link:hover{color:#ffffffeb;text-decoration:underline}.statusbar-crumb-muted{color:#ffffff9e}.statusbar-crumb-current{color:#ffffffeb;font-weight:700}.statusbar-sep{color:#ffffff59}.statusbar-center{flex:1 1 auto;display:flex;justify-content:center;margin:0 12px;-webkit-app-region:no-drag}.statusbar-pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffffc7;font-size:12px;line-height:1;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;-webkit-app-region:no-drag}.mobile-status-bar .status-bar-content{display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-status-bar .status-right{display:flex;align-items:center;gap:6px}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 12px;gap:8px;overflow:visible}.nav-controls{display:flex;align-items:center;-webkit-app-region:no-drag}.window-controls{display:flex;gap:8px;margin-right:var(--spacing-lg)}.window-control{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.window-control.close{background:#ff5f57}.window-control.close:hover{background:#ff3b30}.window-control.minimize{background:#ffbd2e}.window-control.minimize:hover{background:#ff9500}.window-control.maximize{background:#28ca42}.window-control.maximize:hover{background:#30d158}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);-webkit-app-region:no-drag;transition:all .2s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo img{height:24px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:all .2s ease}.nav-logo:hover img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.app-name{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);margin-left:var(--spacing-sm);letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease}.nav-logo:hover .app-name{color:var(--primary-color)}.nav-features{display:flex;align-items:center;gap:var(--spacing-sm);-webkit-app-region:no-drag}.nav-features,.nav-features .hidden-mobile{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-features .mobile-only,.nav-user.mobile-only{display:none}@media (min-width: 769px){.nav-features{display:flex!important;align-items:center;gap:var(--spacing-sm)}.mobile-left-menu,.mobile-right-menu,.mobile-only{display:none!important}.hidden-mobile{display:block!important}}.feature-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;color:#ffffffbf;text-decoration:none;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:10px;font-weight:600;min-width:48px;text-align:center;background:transparent;border:1px solid transparent;height:32px;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.feature-btn:hover{color:#fffffff2;background:#ffffff14;box-shadow:0 1px 2px #0000004d inset,0 1px 1px #ffffff0d;transform:translateY(-.5px);text-shadow:0 1px 3px rgba(0,0,0,.4)}.feature-btn.active{color:#8b5cf6f2;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);box-shadow:0 1px 2px #0000004d inset,0 1px 1px #8b5cf633,0 0 8px #8b5cf626}.feature-btn i{font-size:14px;margin-bottom:1px}.feature-btn span{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1}.nav-search{flex:1;max-width:400px;margin:0 8px;-webkit-app-region:no-drag}.nav-history{display:flex;align-items:center;gap:8px;-webkit-app-region:no-drag}.nav-history-btn{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#ffffffe0;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.nav-history-btn:hover{background:#ffffff14;border-color:#ffffff29}.nav-history-btn:active{transform:translateY(1px)}.nav-history-btn i{font-size:12px;opacity:.95}.search-container{position:relative;display:flex;align-items:center;background:#14141899;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000004d inset,0 1px 1px #ffffff08;height:28px}.search-container:focus-within{border-color:#8b5cf666;background:#19191eb3;box-shadow:0 1px 2px #0000004d inset,0 1px 1px #ffffff0d,0 0 0 2px #8b5cf626}.search-icon{position:absolute;left:8px;color:#fff6;font-size:11px;pointer-events:none}.search-input{width:100%;padding:4px 28px;background:transparent;border:none;color:#ffffffe6;font-size:12px;outline:none;height:100%}.search-input::placeholder{color:#ffffff59}.search-clear{position:absolute;right:6px;background:none;border:none;color:#fff6;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease;font-size:10px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.search-clear:hover{color:#ffffffb3;background:#ffffff0d}.nav-search--pill{max-width:520px}.nav-search--pill .search-container{height:34px;border-radius:999px;background:#0000002e;border-color:#ffffff1a}.nav-search--pill .search-icon{left:12px;font-size:12px;color:#ffffff8c}.nav-search--pill .search-input{font-size:13px;padding-left:34px;padding-right:34px}.nav-search--pill .search-clear{right:10px}.nav-pill-btn{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:#ffffffeb;font-size:12.5px;font-weight:700;cursor:pointer;-webkit-app-region:no-drag;transition:background .15s ease,border-color .15s ease}.nav-pill-btn:hover{background:#ffffff14;border-color:#ffffff2e}.nav-pill-btn i{font-size:13px;opacity:.9}.nav-pill-badge{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ff5c5cf2;color:#0b0b0b;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1}.nav-premium-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffffeb;color:#0a0a0aeb;font-size:12.5px;font-weight:800;cursor:pointer;-webkit-app-region:no-drag;transition:transform .05s ease,filter .15s ease}.nav-premium-btn:hover{filter:brightness(1.02)}.nav-premium-btn:active{transform:translateY(1px)}.nav-menu{display:flex;align-items:center;gap:4px;-webkit-app-region:no-drag}.nav-user{display:flex;align-items:center;gap:var(--spacing-xs);-webkit-app-region:no-drag;flex-shrink:0}.nav-user .nav-item{white-space:nowrap;min-width:auto;padding:var(--spacing-sm)}.nav-user .nav-dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);width:auto;min-width:80px;max-width:120px}.nav-user .user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.nav-user span{font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.nav-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff9;text-decoration:none;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px;background:transparent;border:1px solid transparent;cursor:pointer}.nav-item:hover{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff14;box-shadow:0 1px 2px #0000004d inset,0 1px 1px #ffffff0d;transform:translateY(-.5px)}.nav-item.active{color:#8b5cf6f2;background:#8b5cf61f;border-color:#8b5cf633;box-shadow:0 1px 2px #0000004d inset,0 1px 1px #8b5cf633}.account-menu-container{position:relative;-webkit-app-region:no-drag;isolation:isolate;contain:layout style paint;pointer-events:auto;will-change:auto;display:flex;align-items:center;gap:8px}.ds-statusbar__right>a[href="/account"].ds-iconbtn.hidden-mobile{display:none!important}.ds-statusbar__right>.account-menu-container~a[href="/account"]{display:none!important}.account-menu-btn{width:auto!important;min-width:auto;padding:4px 8px!important;gap:6px;display:flex;align-items:center;flex-direction:row;-webkit-app-region:no-drag;position:relative;z-index:10;overflow:visible;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.account-username{font-size:13px;font-weight:400;font-family:inherit;color:#ffffffd1;white-space:nowrap;letter-spacing:0;display:inline-block;-webkit-app-region:no-drag;pointer-events:none;line-height:1}@media (min-width: 769px){.desktop-only.account-username{font-size:13px;text-transform:none}}.account-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:6px;border-radius:8px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.18);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);color:#ffffffd9;text-decoration:none;transition:all .2s ease;box-shadow:inset 0 1px #ffffff26;position:relative;vertical-align:middle}.account-icon-btn:hover{background:linear-gradient(180deg,#ffffff26,#ffffff1a);border-color:#ffffff40;color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 2px 8px #00000026}.account-icon-btn:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff1a}.account-icon-btn i{font-size:12px;line-height:1;display:block;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;text-align:center}.account-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.25px solid rgba(139,92,246,.35);flex-shrink:0}.user-label{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:600;line-height:1;border:1px solid rgba(255,255,255,.12)}.account-menu-btn:hover .account-chevron{color:#ffffffb3}.account-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-width:calc(100vw - 32px);background:#0a0a0ce0;backdrop-filter:saturate(160%) blur(18px) contrast(1.05);-webkit-backdrop-filter:saturate(160%) blur(18px) contrast(1.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:12px 12px 28px #00000073,-2px -2px 6px #ffffff0a inset,0 1px #ffffff0f inset;z-index:9999;overflow:hidden;max-height:calc(100vh - 100px);overflow-y:auto;padding:12px}.account-menu-items{padding:6px 0}.account-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;color:#fffc;text-decoration:none;transition:all .2s ease;border-left:2px solid transparent;width:100%;box-sizing:border-box}.account-menu-item:hover{background:#ffffff0a;border-left-color:var(--accent-color);color:#fffffff2;opacity:1}.account-menu-item--primary{background:#ffffff0f;border-left-color:#ffffff24;color:#fffffff2}.account-menu-item--primary:hover{background:#ffffff1a;border-left-color:var(--accent-color)}.account-menu-item-signout,.account-menu-item-signout .account-menu-label,.account-menu-item-signout .account-menu-icon{color:#ef4444e6!important}.account-menu-item-signout:hover{background:#ef44441a;border-left-color:#ef4444;color:#ef4444!important}.account-menu-item-signout:hover .account-menu-label,.account-menu-item-signout:hover .account-menu-icon{color:#ef4444!important}.account-menu-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.82rem;color:#ffffffa6;flex-shrink:0;transition:color .2s ease}.account-menu-item:hover .account-menu-icon{color:#ffffffe6}.account-menu-text{flex:1;min-width:0}.account-menu-label{font-size:13px;font-weight:600;line-height:1.25;margin-bottom:2px;color:#fffffff2}.account-menu-desc{font-size:11px;color:#ffffffb3;line-height:1.25}.account-menu-item-badge{position:relative}.account-menu-badge{background:#6366f1;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;flex-shrink:0}.account-menu-divider{height:1px;background:#ffffff14;margin:8px 0}#openAccount{min-width:44px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#e5e7eb;font-size:13px;font-weight:500;transition:all .2s ease}#openAccount:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.hdr-username{font-size:13px;font-weight:600;color:#ffffffeb;line-height:1.3}.account-stats>div{text-align:left!important}.account-stats .text-base{font-size:14px}.account-stats .text-\[11px\]{font-size:11px}.account-wallet{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.account-wallet .text-\[11px\]{color:#ffffffb3}.account-wallet-actions .pill{font-size:11px;padding:4px 8px;border-radius:7px;border:1px solid rgba(168,85,247,.4);color:#fff;background:#a855f71f;transition:background .15s ease,border-color .15s ease}.account-wallet-actions .pill:hover{background:#a855f72e}.nav-dropdown-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:var(--font-size-md)}.nav-dropdown-toggle:hover{color:var(--text-primary);background:var(--background-light)}.nav-dropdown-menu{position:absolute;top:100%;right:0;background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 10px 25px #00000026;min-width:320px;z-index:1000;margin-top:var(--spacing-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-menu{min-width:280px}.dropdown-section{padding:var(--spacing-md)}.dropdown-section h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.setting-item{margin-bottom:var(--spacing-sm)}.setting-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-primary)}.setting-label input[type=checkbox]{display:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--background-light);border-radius:12px;transition:background .3s ease;border:1px solid var(--border-color)}.toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.setting-label input[type=checkbox]:checked+.toggle-switch{background:var(--primary-color)}.setting-label input[type=checkbox]:checked+.toggle-switch:before{transform:translate(20px)}.user-section{padding:var(--spacing-sm) 0}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.user-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.user-email{color:var(--text-secondary);font-size:var(--font-size-xs)}.auth-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius-md);transition:background .2s ease;font-size:var(--font-size-sm);width:100%;text-align:left;background:none;border:none;cursor:pointer}.dropdown-item:hover{background:var(--background-light)}.dropdown-item.active{background:#6366f11a;color:var(--primary-color)}.nav-user{display:flex;align-items:center;gap:var(--spacing-md)}.nav-username{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:25px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.nav-username:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.auth-buttons{display:flex;gap:var(--spacing-sm)}.user-avatar{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background .2s ease}.user-avatar:hover{background:var(--background-medium)}.user-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:100%;right:0;background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1001}.user-info{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.user-info h4{margin:0;font-size:var(--font-size-base)}.user-info p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);transition:background .2s ease}.dropdown-item:hover{background:var(--background-light);color:var(--text-primary)}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all .2s ease;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active{color:var(--primary-color);background:#ff00601a}.nav-dropdown-arrow{font-size:var(--font-size-xs);transition:transform .2s ease}.nav-dropdown-arrow.rotated{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);min-width:320px;z-index:1001;margin-top:var(--spacing-sm);overflow:hidden}.dropdown-section{padding:var(--spacing-lg)}.dropdown-section:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);transition:all .2s ease;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs);text-decoration:none}.dropdown-item:hover{background:var(--background-light);color:var(--text-primary);transform:translate(4px)}.dropdown-item.active{background:#ff00601a;color:var(--primary-color)}.dropdown-item i{width:20px;text-align:center;font-size:var(--font-size-sm)}.dropdown-item-content{display:flex;flex-direction:column;gap:2px}.dropdown-item-title{font-size:var(--font-size-sm);font-weight:500;color:inherit}.dropdown-item-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.3}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--background-medium);border-color:var(--primary-color)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#fff3;color:var(--text-primary)}.action-btn.liked{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.card{background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width: 1200px){.grid-6{grid-template-columns:repeat(5,1fr)}.grid-5{grid-template-columns:repeat(4,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-6,.grid-5,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.grid-6,.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.achievement{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;background:var(--background-medium);border:1px solid var(--border-color);border-radius:12px;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease,background .2s ease;text-align:center;min-height:120px;cursor:pointer}.achievement .badge{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#00d4ff14;border:1px solid rgba(0,212,255,.25);color:var(--accent-color)}.achievement .label{font-size:.85rem;color:var(--text-primary)}.achievement .desc{margin-top:.25rem;padding:.5rem;border-radius:8px;background:#ffffff0a;border:1px solid var(--border-color)}.achievement .desc p{margin:0;font-size:.8rem;color:var(--text-secondary)}.achievement:hover{transform:translateY(-2px);border-color:var(--accent-color);background:#00d4ff0f;box-shadow:0 8px 24px #00d4ff40,0 0 20px #00d4ff40}.achievement.unlocked{border-color:#00d4ff80;background:#00d4ff14}.achievement.unlocked .badge{background:#00d4ff26;border-color:#00d4ff80}@media (max-width: 768px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.achievement{min-height:104px;padding:.75rem}.achievement .badge{width:42px;height:42px;border-radius:10px}.achievement .label{font-size:.8rem}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-muted)}.empty-state i{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{margin-top:0;margin-bottom:var(--spacing-lg)}.modal input,.modal textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0;background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm)}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--primary-color)}.modal-footer{margin-top:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.app-footer{background-color:#0d0d17;background-image:radial-gradient(circle at 50% 0%,rgba(121,87,213,.05) 0%,transparent 70%);color:#e0e0e0;padding:60px 0 30px;font-family:Inter,Roboto,sans-serif;border-top:1px solid rgba(255,255,255,.05);margin-top:40px}.footer-content{max-width:1200px;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;gap:40px}.footer-column{flex:1;min-width:200px}.footer-brand-column{flex:1.2;padding-right:20px}.footer-logo img{height:32px;width:auto;margin-bottom:20px;filter:brightness(0) invert(1);opacity:.9}.footer-tagline{color:#888;font-size:.9rem;line-height:1.6;margin-top:10px;max-width:280px}.footer-column-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#a0a0b8;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(160,160,184,.2);display:inline-block;width:100%}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:0}.footer-column a{color:#b0b0b0;text-decoration:none;font-size:.95rem;line-height:2.2;transition:color .2s ease,padding-left .2s ease;display:inline-block}.footer-column a:hover{color:#7957d5;padding-left:5px}.ahoy-engine-box{margin-top:30px;background-color:#7957d5;color:#fff;padding:12px 16px;border-radius:8px;font-size:.8rem;font-weight:700;text-align:center;letter-spacing:.5px;box-shadow:0 4px 12px #7957d54d;display:inline-block;width:100%}.footer-bottom{max-width:1200px;margin:18px auto 0;padding:10px 16px 8px;border-top:1px solid rgba(255,255,255,.05);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.footer-bottom p{font-family:Inter,Roboto,sans-serif;color:#e0e0e08c;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0}.footer-admin-link{position:absolute;right:16px;font-size:10px;color:#e0e0e059;text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block;line-height:1;opacity:.5}.footer-admin-link:hover{color:#7957d5cc;opacity:1;transform:scale(1.1)}.footer-copyright{font-family:Inter,Roboto,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#e0e0e08c;text-align:center;font-weight:600}.compact-footer{position:fixed;bottom:0;left:0;right:0;background-color:#0a0a0f;border-top:1px solid rgba(255,255,255,.08);padding:4px 12px;z-index:998;font-family:Inter,Roboto,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;height:20px;display:flex;align-items:center}.compact-footer-content{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.compact-footer-time-weather{display:flex;align-items:center;gap:6px;color:#888;white-space:nowrap;flex-shrink:0}.compact-time{font-weight:500;color:#aaa}.compact-separator{color:#555;font-size:8px}.compact-weather{color:#aaa}.compact-location{color:#666;font-size:9px;margin-left:4px}.compact-footer-ticker{flex:1;overflow:hidden;position:relative;height:12px;min-width:0}.ticker-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.ticker-content{display:flex;gap:24px;white-space:nowrap;position:absolute;left:0;top:0;will-change:transform}.ticker-item{color:#888;font-size:10px;padding-right:24px;display:inline-block;flex-shrink:0}.compact-footer-quicklinks{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.quicklink{color:#888;text-decoration:none;font-size:9px;transition:color .2s}.quicklink:hover{color:#aaa}.quicklink-sep{color:#555;font-size:8px}@media (max-width: 768px){.footer-content{flex-direction:column;gap:30px}.footer-column{width:100%}.compact-footer{padding:3px 8px;height:18px;font-size:9px}.compact-footer-content{gap:8px}.compact-footer-time-weather{gap:4px;font-size:9px}.compact-location{display:none}.ticker-item{font-size:9px;padding-right:16px}}.quests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.quest-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem;background:var(--background-medium);border:1px solid var(--border-color);border-radius:12px;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease,background .2s ease}.quest-item:hover{transform:translateY(-2px);border-color:var(--accent-color);background:#00d4ff0f;box-shadow:0 8px 24px #00d4ff40,0 0 20px #00d4ff40}.quest-item.done{opacity:.75;border-color:#10b98180;background:#10b98114}.quest-item .quest-info h4{margin:0 0 4px;color:var(--text-primary);font-size:.95rem}.quest-item .quest-info p{margin:0;color:var(--text-secondary);font-size:.85rem}.quest-item .quest-actions .btn{padding:.5rem .8rem}@media (max-width: 768px){.quests-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}}.quests-card .progress-bar{height:6px;background:var(--background-light);border-radius:999px;overflow:hidden}.quests-card .progress-fill{background:linear-gradient(90deg,var(--accent-color),var(--primary-color))}.xp-card{border:1px solid var(--border-color);border-radius:12px;background:var(--background-medium);transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease,background .2s ease}.xp-card:hover{transform:translateY(-2px);border-color:var(--accent-color);background:#00d4ff0f;box-shadow:0 8px 24px #00d4ff40,0 0 20px #00d4ff40}.xp-card .xp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.xp-card .xp-level span{color:var(--accent-color);font-weight:700}.xp-card .progress-bar{height:8px;background:var(--background-light);border-radius:999px;overflow:hidden}.xp-card .progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}@media (max-width: 768px){.debug-message{position:fixed;bottom:20px;right:20px;background:#00d4ffe6;color:var(--background-dark);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 4px 15px #00d4ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:debugPulse 3s ease-in-out infinite}@keyframes debugPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}}.footer-bottom-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.footer-links{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.nav-dropdown-menu{position:fixed;top:80px;left:0;right:0;min-width:auto;border-radius:0;border-left:none;border-right:none;max-height:calc(100vh - 80px);overflow-y:auto}.dropdown-section{padding:var(--spacing-md)}}@media (max-width: 768px){.live-status{position:static;flex-direction:row;justify-content:center;margin-top:var(--spacing-lg);gap:var(--spacing-lg)}.hero-content{position:relative;z-index:1}}.policy-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);line-height:1.7}.policy-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-color)}.policy-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-3xl);color:var(--text-primary)}.policy-updated{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.policy-content{color:var(--text-primary)}.policy-section{margin-bottom:var(--spacing-xl)}.policy-section h2{color:var(--primary-color);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.policy-section h3{color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:600}.policy-section p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}.policy-section ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.policy-section li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.policy-section ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.contact-info{background:var(--background-light);padding:var(--spacing-lg);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);margin:var(--spacing-md) 0}.contact-info p{margin:0 0 var(--spacing-sm) 0;font-weight:500}.contact-info p:last-child{margin-bottom:0}@media (max-width: 768px){.policy-container{padding:var(--spacing-lg) var(--spacing-md)}.policy-header h1{font-size:var(--font-size-2xl)}.policy-section h2{font-size:var(--font-size-lg)}.policy-section h3{font-size:var(--font-size-md)}}.announcements-section{background:var(--background-light);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.announcements-section .section-header{text-align:center;margin-bottom:var(--spacing-xl)}.announcements-section .section-header h2{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-2xl);color:var(--text-primary)}.announcements-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.announcement-card{background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);display:flex;gap:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.announcement-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.announcement-card.featured{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;border-color:var(--primary-color)}.announcement-card.featured .announcement-icon{background:#fff3;color:#fff}.announcement-card.featured .announcement-content h3{color:#fff}.announcement-card.featured .announcement-content p{color:#ffffffe6}.announcement-card.featured .announcement-tag{background:#fff3;color:#fff}.announcement-icon{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg);flex-shrink:0}.announcement-content{flex:1}.announcement-content h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.announcement-content p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-sm)}.announcement-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.announcement-time{color:var(--text-muted);font-size:var(--font-size-xs)}.announcement-tag{background:var(--background-dark);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.announcements-actions{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 768px){.announcements-container{grid-template-columns:1fr;padding:0 var(--spacing-md);gap:var(--spacing-md)}.announcement-card{padding:var(--spacing-md)}.announcement-icon{width:40px;height:40px;font-size:var(--font-size-md)}.announcement-content h3{font-size:var(--font-size-md)}.announcement-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.announcements-actions{flex-direction:column;align-items:center}.announcements-actions .btn{width:100%;max-width:300px}}.global-player{position:fixed;bottom:0;left:0;right:0;background:var(--background-medium);border-top:1px solid var(--border-color);padding:var(--spacing-md);z-index:999}.player-container{display:flex;align-items:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto}.player-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.player-cover{width:48px;height:48px;border-radius:var(--border-radius);object-fit:cover;flex-shrink:0}.player-details{flex:1;min-width:0}.player-details h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-details p{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.control-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.control-btn:hover{color:var(--text-primary);background:var(--background-hover)}.control-btn.play-btn{background:var(--primary-color);color:#fff;padding:var(--spacing-sm);border-radius:50%;font-size:var(--font-size-md)}.control-btn.play-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.player-progress{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:300px}.time-current,.time-total{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.player-actions{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.player-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:200px}.player-cover{width:48px;height:48px;border-radius:var(--border-radius-sm);object-fit:cover}.player-details h4{margin:0;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-details p{margin:0;font-size:var(--font-size-xs);color:var(--text-muted)}.player-controls{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all .2s ease}.control-btn:hover{color:var(--text-primary);background:#ffffff1a}.play-btn{width:40px;height:40px;background:var(--primary-color);color:#fff}.play-btn:hover{background:var(--secondary-color)}.player-progress{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px}.time-current,.time-total{font-size:var(--font-size-xs);color:var(--text-muted);min-width:35px}.progress-bar{flex:1;height:4px;background:var(--border-color);border-radius:2px;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--primary-color);border-radius:2px;transition:width .1s ease}.player-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 768px){.nav-container{padding:0 var(--spacing-md)}.nav-links{display:none}.nav-search{margin:0 var(--spacing-md)}.player-container{flex-wrap:wrap;gap:var(--spacing-sm)}.player-info{min-width:auto}.player-progress{order:3;width:100%;min-width:auto}}@media (min-width: 769px){.mobile-only{display:none}.hidden-mobile{display:block}.nav-features{display:flex!important;align-items:center;gap:var(--spacing-sm)}.mobile-left-menu,.mobile-right-menu{display:none}}@media (max-width: 768px){.main-content{padding-top:64px}.navbar{height:64px;box-shadow:0 2px 8px #0000001a}.nav-container{padding:0 var(--spacing-lg);gap:var(--spacing-lg);justify-content:space-between;align-items:center}.window-controls,.nav-search,.nav-menu{display:none}.mobile-left-menu{order:1;position:relative}.nav-logo{order:2;flex:1;display:flex;justify-content:center;align-items:center;margin:0 var(--spacing-md)}.nav-logo img{height:36px;transition:opacity .2s ease}.nav-logo:hover img{opacity:.8}.app-name{display:none}.mobile-right-menu{order:3;position:relative}.nav-features:not(.mobile-left-menu):not(.mobile-right-menu){display:none}.nav-search,.nav-menu{display:none}.mobile-menu-button{display:flex;align-items:center;justify-content:center;background:var(--background-medium);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.875rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.2rem;width:52px;height:52px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-button:hover{color:var(--text-primary);background:var(--background-light);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.mobile-menu-button.active{color:var(--primary-color);background:var(--background-light);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.mobile-features-menu{position:absolute;top:100%;left:0;background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);min-width:200px;z-index:1001;margin-top:var(--spacing-sm);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-features-menu .feature-btn{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;color:var(--text-secondary);text-decoration:none;border-radius:0;flex-direction:row;width:100%;transition:all .2s ease;border-bottom:1px solid var(--border-color);font-size:1rem}.mobile-features-menu .feature-btn:last-child{border-bottom:none}.mobile-features-menu .feature-btn:hover{background:var(--background-light);color:var(--text-primary);transform:translate(4px)}.mobile-features-menu .feature-btn.active{background:#ff00601a;color:var(--primary-color)}.mobile-features-menu .feature-btn i{width:24px;text-align:center;font-size:1.125rem;flex-shrink:0}.mobile-features-menu .feature-btn span{font-size:1rem;font-weight:500;text-transform:none;letter-spacing:normal;line-height:1.4}.mobile-dropdown-menu{position:fixed;top:80px;left:20px;background:var(--background-dark);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px #0006;padding:1.5rem 1.25rem;min-width:320px;max-width:380px;z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:80vh;overflow-y:auto;margin-top:.75rem;transform-origin:top;transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-left-dropdown{left:0}.mobile-right-dropdown{left:auto;right:20px}.menu-section{margin-bottom:2rem}.menu-section:last-child{margin-bottom:0}.menu-section h4{color:var(--text-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 1.25rem;padding:.75rem 1.25rem;opacity:.9;background:var(--background-medium);border-radius:10px;border-left:3px solid var(--primary-color)}.mobile-menu-item{display:flex;align-items:center;gap:1.25rem;padding:1.125rem 1.25rem;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.75rem;border:none;background:none;width:100%;cursor:pointer;font-size:1rem;font-weight:500;line-height:1.4}.mobile-menu-item:hover{background:var(--background-light);color:var(--text-primary);transform:translate(6px);box-shadow:0 4px 12px #0000001a}.mobile-menu-item.active{background:var(--background-light);color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.mobile-menu-item i{width:24px;text-align:center;font-size:1.125rem;flex-shrink:0}.mobile-menu-item span{font-size:1rem;font-weight:500;line-height:1.4}.user-profile-section{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:1.5rem}.user-profile-header{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;background:var(--background-medium);border-radius:12px}.profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.profile-info h4{margin:0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;text-transform:none;letter-spacing:normal}.profile-info p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.logout-button{color:var(--error-color)!important;border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.logout-button:hover{background:#ef44441a!important;color:var(--error-color)!important}.nav-user.mobile-only{display:block;order:3;position:relative}.mobile-user-dropdown{display:flex;align-items:center;background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .2s ease;font-size:var(--font-size-lg);width:44px;height:44px;justify-content:center;position:relative}.mobile-user-dropdown:hover,.mobile-user-dropdown.active{color:var(--text-primary);background:var(--background-light);border-color:var(--primary-color);transform:scale(1.05)}.mobile-user-avatar-container{display:flex;align-items:center;position:relative}.mobile-user-indicator{position:absolute;bottom:-2px;right:-2px;font-size:var(--font-size-xs);background:var(--primary-color);color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.mobile-user-menu{position:absolute;top:100%;right:0;background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);min-width:200px;z-index:1001;margin-top:var(--spacing-sm);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-user-menu .nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--text-secondary);text-decoration:none;width:100%;height:auto;border-radius:0;justify-content:flex-start;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.mobile-user-menu .nav-item:last-child{border-bottom:none}.mobile-user-menu .nav-item:hover{background:var(--background-light);color:var(--text-primary);transform:translate(4px)}.mobile-user-menu .nav-item.active{background:#ff00601a;color:var(--primary-color)}.mobile-user-menu .nav-item i{width:20px;text-align:center;font-size:var(--font-size-lg)}.mobile-user-menu .nav-item span{font-size:var(--font-size-base);font-weight:500}.mobile-user-menu .user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.mobile-search{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.mobile-search .search-container{position:relative;display:flex;align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all .2s ease}.mobile-search .search-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.modal{padding:var(--spacing-lg);width:95%}}@media (max-width: 768px){.nav-container{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 var(--spacing-md);gap:0}.mobile-left-menu,.mobile-right-menu{width:48px}.nav-logo{grid-column:2;justify-self:center;margin:0}}@media (max-width: 768px){.shows-page .unified-hero,.shows-page .unified-header .header-title{display:none!important}.shows-page .shows-container{padding:18px 18px 40px}.shows-page .unified-hero{margin-bottom:var(--spacing-md)}.shows-page .unified-header{padding:0 var(--spacing-md)}.shows-page .header-content{gap:var(--spacing-sm)}.shows-page .shows-grid-section{padding:0 var(--spacing-md) var(--spacing-lg)}.shows-page .shows-grid-section .shows-grid{gap:var(--spacing-md)}.shows-page .section-header{padding:0 var(--spacing-md);margin-top:var(--spacing-md)}.shows-page .show-card .show-overlay{opacity:1!important}.shows-page .embedded-video-section{display:block!important;visibility:visible!important}.shows-page .shows-grid-section,.shows-page .shows-grid{display:block;visibility:visible}.shows-page .shows-grid-section{max-height:none!important;overflow:visible!important}.shows-page .shows-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:none!important;overflow:visible!important}.shows-page .show-card{min-height:0!important}.shows-page .show-thumbnail{aspect-ratio:16 / 9}}@media (min-width: 769px){.shows-page .shows-page-hero.podcasts-hero{display:none!important}}@media (max-width: 768px){.search-results-page .page-header{padding:0 var(--spacing-md);margin-top:var(--spacing-md)}.search-results-page .search-results{padding:0 var(--spacing-md)}.search-results-page .search-grid{gap:1rem}.search-results-page .search-input-container{display:flex;align-items:center;gap:.5rem}.search-results-page .search-input-large{flex:1;width:100%;height:44px;border-radius:12px;padding:0 var(--spacing-md);background:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.search-results-page .search-btn-large{width:44px;height:44px;border-radius:12px;border:1px solid var(--border-color);background:var(--background-light);color:var(--text-secondary)}}.hidden-mobile{display:block}@media (max-width: 768px){.mobile-only{display:block}.hidden-mobile,.nav-features .hidden-mobile{display:none}.nav-features .mobile-only{display:block}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{display:block!important}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:50%}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-slideUp{animation:slideUp .3s ease}.animate-slideDown{animation:slideDown .3s ease}.bm-btn{border:1px solid rgba(255,255,255,.15);padding:.4rem .6rem;border-radius:.6rem;cursor:pointer;background:#ffffff14;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);color:#ffffffb3;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.3rem;box-shadow:0 2px 8px #0003}.bm-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.bm-btn.bookmarked,.bm-btn.is-bookmarked,.bm-btn[aria-pressed=true]{background:linear-gradient(135deg,#00d4ff33,#0096c826);border-color:#00d4ff66;color:var(--accent-color, #00d4ff);box-shadow:0 4px 15px #00d4ff4d;filter:saturate(1.2)}.bm-btn.bookmarked:hover,.bm-btn.is-bookmarked:hover,.bm-btn[aria-pressed=true]:hover{background:linear-gradient(135deg,#00d4ff4d,#0096c840);border-color:#00d4ff99;box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px) scale(1.02)}.bm-btn i{font-size:.9rem;transition:all .3s ease}.bm-btn.bookmarked i,.bm-btn.is-bookmarked i,.bm-btn[aria-pressed=true] i{color:var(--accent-color, #00d4ff);filter:drop-shadow(0 0 4px rgba(0,212,255,.5))}.bm-btn [data-bm-icon]{font-size:1.1rem}.queue-btn{border:1px solid rgba(255,255,255,.15);padding:.4rem .6rem;border-radius:.6rem;cursor:pointer;background:#ffffff14;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);color:#ffffffb3;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.3rem;box-shadow:0 2px 8px #0003}.queue-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.queue-btn.in-queue{background:linear-gradient(135deg,#4caf5033,#388e3c26);border-color:#4caf5066;color:#81c784;box-shadow:0 4px 15px #4caf504d;filter:saturate(1.2)}.queue-btn.in-queue:hover{background:linear-gradient(135deg,#4caf504d,#388e3c40);border-color:#4caf5099;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px) scale(1.02)}.queue-btn i{font-size:.9rem;transition:all .3s ease}.queue-btn.in-queue i{color:#81c784;filter:drop-shadow(0 0 4px rgba(76,175,80,.5))}.queue-container{display:inline-flex;align-items:center}.queue-count-fade{position:absolute;top:-8px;right:-8px;background:var(--primary-color, #00d4ff);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #00d4ff66}.queue-count-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:12px;color:#81c784;font-size:.85rem;font-weight:600}.bm-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:1rem}.bm-card{border:1px solid var(--border-color);border-radius:12px;padding:.75rem;display:grid;grid-template-columns:72px 1fr;gap:.75rem;background:var(--background-medium);transition:all .2s ease}.bm-card:hover{border-color:var(--accent-color);background:var(--background-light)}.bm-card .thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;background:var(--background-dark)}.bm-meta{display:flex;flex-direction:column;justify-content:space-between}.bm-type{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.25rem}.bm-title{margin:.25rem 0 .5rem;font-size:.95rem;color:var(--text-primary);font-weight:500;line-height:1.3}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.empty-state{text-align:center;padding:2rem}.empty-state .muted{color:var(--text-muted);margin-bottom:1rem}.page-header{margin-bottom:2rem}.page-header h1{color:var(--text-primary);margin-bottom:.5rem}.page-description{color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.bm-grid{grid-template-columns:1fr;gap:.75rem}.bm-card{grid-template-columns:60px 1fr;gap:.5rem;padding:.6rem}.bm-card .thumb{width:60px;height:60px}.bm-title{font-size:.9rem}.bm-btn{padding:.3rem .5rem;font-size:.8rem}}.notification-badge{position:absolute;top:-8px;right:-8px;background:var(--primary-color);color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;line-height:1;padding:2px 4px;box-shadow:0 2px 8px #ff006066;animation:notificationPulse 2s ease-in-out infinite;z-index:10}@keyframes notificationPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff006066}50%{transform:scale(1.1);box-shadow:0 4px 12px #ff006099}}.nav-item,.mobile-menu-item{position:relative}.mobile-menu-item .notification-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);margin:0}.feature-btn{position:relative}.feature-btn .notification-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;font-size:9px;padding:2px 4px}.bm-btn,.save-btn{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border-radius:8px}.bm-btn:hover,.save-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px var(--accent-color));background:#00d4ff1a}.bm-btn[aria-pressed=true],.save-btn.bookmarked{color:var(--accent-color);background:#00d4ff26;border-color:var(--accent-color)}.bm-btn:active,.save-btn:active{transform:scale(.95)}@keyframes bookmarkPulse{0%{transform:scale(1)}50%{transform:scale(1.3);filter:drop-shadow(0 0 20px var(--accent-color))}to{transform:scale(1)}}.bm-btn.just-bookmarked,.save-btn.just-bookmarked{animation:bookmarkPulse .6s ease-out}.bm-btn:before,.save-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:all .4s ease-out;pointer-events:none}.bm-btn.sparkle:before,.save-btn.sparkle:before{animation:sparkle .6s ease-out forwards}@keyframes sparkle{0%{width:0;height:0;opacity:.8}50%{width:30px;height:30px;opacity:.4}to{width:60px;height:60px;opacity:0}}.bookmark-count-fade{position:absolute;top:-8px;right:-8px;background:var(--accent-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px #00d4ff66;animation:countPulse 2s ease-out}@keyframes countPulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.9}}.bookmark-explore-notification{position:absolute;top:100%;right:0;margin-top:8px;z-index:1000;pointer-events:none}.explore-notification-content{background:var(--background-dark);border:1px solid var(--accent-color);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-primary);box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;pointer-events:auto;animation:exploreNotificationPulse 4s ease-in-out}.explore-notification-content i.fas.fa-compass{color:var(--accent-color);font-size:.9rem}.close-explore-notification{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;margin-left:auto;border-radius:4px;transition:all .2s ease}.close-explore-notification:hover{background:var(--background-light);color:var(--text-primary)}@keyframes exploreNotificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bookmark-count-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #ff00604d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.bm-card{background:var(--background-medium);border:1px solid var(--background-light);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.bm-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33;border-color:var(--accent-color)}.bm-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color))}.bm-card .thumb{width:80px;height:80px;border-radius:8px;object-fit:cover;margin-bottom:1rem;box-shadow:0 4px 15px #0000004d}.bm-type{display:inline-block;background:#00d4ff33;color:var(--accent-color);padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.bm-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.empty-state p{font-size:1.1rem;margin-bottom:2rem}.bookmark-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.bookmark-tip{background:var(--background-medium);padding:1.5rem;border-radius:10px;border:1px solid var(--background-light);text-align:center}.bookmark-tip i{font-size:2rem;color:var(--accent-color);margin-bottom:.5rem}.discovery-grid .grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:stretch}.grid-item{height:380px;display:flex;flex-direction:column;background:var(--background-medium);border:1px solid var(--background-light);border-radius:12px;overflow:hidden}.item-header{padding:1rem;border-bottom:1px solid var(--background-light);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.item-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.playing-list,.shows-list,.bookmarks-content,.action-grid{flex:1;overflow:hidden;display:flex;flex-direction:column}.bookmarks-widget .bookmarks-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.playing-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem;padding:1rem;height:100%}.bookmarks-preview{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem;padding:1rem;flex:1;min-height:0;overflow:hidden}.playing-item{border-radius:12px;overflow:hidden;min-height:80px;position:relative;color:#fff;transition:all .3s ease}.playing-item:hover{transform:scale(1.02);box-shadow:0 5px 20px #00d4ff4d}.playing-item .item-details{position:relative;z-index:2;padding:1rem}.playing-item .item-details h4{color:#fff;font-weight:600;margin-bottom:.25rem;text-shadow:0 1px 3px rgba(0,0,0,.7)}.playing-item .item-details p{color:#ffffffe6;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.7)}.playing-item .play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00d4fff2;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:3;box-shadow:0 4px 15px #00d4ff66}.playing-item:hover .play-indicator{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.playing-item.playing .play-indicator{opacity:1;background:var(--accent-color);animation:playingPulse 2s ease-in-out infinite}@keyframes playingPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 4px 15px #00d4ff66}50%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 6px 25px #00d4ffb3}}.playing-item{cursor:pointer;-webkit-user-select:none;user-select:none}.playing-item:active{transform:scale(.98)}.action-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;padding:1rem;flex:1}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:10px;padding:1.5rem 1rem;text-decoration:none;color:var(--accent-color);transition:all .3s ease;min-height:80px}.action-card:hover{background:var(--accent-color);color:var(--background-dark);transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff66}.action-card i{font-size:1.5rem;margin-bottom:.5rem}.action-card span{font-weight:600;font-size:.9rem}.bookmark-item{position:relative;border-radius:8px;overflow:hidden;min-height:100px;height:100%;cursor:pointer;transition:all .3s ease;color:#fff;display:flex;flex-direction:column}.bookmark-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff66}.bookmark-type-badge{position:absolute;top:.5rem;right:.5rem;background:#00d4ffcc;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;z-index:3}.bookmark-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem;z-index:2}.bookmark-info h4{color:#fff;font-size:.85rem;font-weight:600;margin-bottom:.25rem;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1.2}.bookmark-info p{color:#fffc;font-size:.7rem;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bookmark-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00d4ffe6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:3}.bookmark-item:hover .bookmark-play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.bookmarks-empty{padding:2rem 1rem;text-align:center}.bookmarks-empty .empty-state h4{color:#fff;margin-bottom:.5rem}.bookmarks-empty .empty-state p{color:var(--text-muted);margin-bottom:1rem}.bookmark-tips{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tip-link{display:inline-flex;align-items:center;gap:.25rem;background:#00d4ff1a;color:var(--accent-color);padding:.5rem .75rem;border-radius:6px;text-decoration:none;font-size:.8rem;transition:all .3s ease}.tip-link:hover{background:var(--accent-color);color:var(--background-dark);transform:translateY(-1px)}.bookmark-view-all{display:block;text-align:center;padding:.75rem;color:var(--accent-color);text-decoration:none;border-top:1px solid var(--background-light);transition:all .3s ease}.bookmark-view-all:hover{background:#00d4ff1a;color:#fff}.bookmark-container{position:relative;display:inline-block}.global-nest-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;z-index:1000}.nest-assign-btn{background:#00d4ff33;border:1px solid var(--accent-color);color:var(--accent-color);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.8rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.nest-assign-btn:hover{background:var(--accent-color);color:var(--background-dark);transform:scale(1.1)}.global-nest-menu{position:absolute;top:100%;left:0;background:var(--background-dark);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #0006;padding:.75rem;min-width:200px;z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nest-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.nest-menu-header span{color:var(--text-primary);font-size:.85rem;font-weight:600}.close-nest-menu{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-nest-menu:hover{background:var(--background-light);color:#fff}.global-nest-menu .nest-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:.9rem}.global-nest-menu .nest-menu-item:hover{background:var(--background-light);color:#fff;transform:translate(4px)}.global-nest-menu .nest-menu-item.active{background:#00d4ff33;color:var(--accent-color)}.global-nest-menu .nest-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.feature-btn.has-bookmarks,.nav-item.has-bookmarks{color:var(--accent-color);background:#00d4ff1a;border-color:var(--accent-color)}.feature-btn.has-bookmarks:hover,.nav-item.has-bookmarks:hover{background:#00d4ff33;transform:scale(1.05)}.bookmark-icon-container,.bookmark-icon{position:relative;display:inline-block}.bookmark-count-badge{position:absolute;top:-8px;right:-8px;background:#007bff;color:#fff;border-radius:3px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:10;box-shadow:0 2px 4px #007bff4d;transition:all .2s ease;border:none;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bookmark-count-badge.pulse{animation:bookmarkCountPulse .6s ease-out}.bookmark-glow{animation:bookmarkGlow 2s ease-in-out infinite}@keyframes bookmarkGlow{0%,to{box-shadow:0 0 5px #007bff4d}50%{box-shadow:0 0 20px #007bffcc,0 0 30px #007bff66}}@keyframes bookmarkCountPulse{0%{transform:scale(1);box-shadow:0 2px 6px #00d4ff66}50%{transform:scale(1.2);box-shadow:0 4px 12px #00d4ff99}to{transform:scale(1);box-shadow:0 2px 6px #00d4ff66}}.notification-badge{position:absolute;top:-12px;right:-12px;background:#dc3545;color:#fff;border-radius:3px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;z-index:11;box-shadow:0 2px 4px #dc35454d;animation:notificationPulse 1s ease-out;border:none;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes notificationPulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.search-results{margin-top:2rem}.search-filters{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:var(--card-background);border-radius:8px;border:1px solid var(--border-color)}.search-filters .filter-group{display:flex;align-items:center;gap:.5rem}.search-filters label{font-weight:600;color:var(--text-primary)}.search-filters select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background);color:var(--text-primary)}.view-controls{display:flex;gap:.5rem;margin-left:auto}.view-btn{padding:.5rem;border:1px solid var(--border-color);background:var(--background);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:var(--card-background);color:var(--text-primary)}.view-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.search-card{background:var(--card-background);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.search-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--accent-color)}.card-cover{position:relative;aspect-ratio:1;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-card:hover .card-cover img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.search-card:hover .card-overlay{opacity:1}.play-btn{width:50px;height:50px;border-radius:50%;background:var(--accent-color);border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn:hover{background:var(--accent-hover);transform:scale(1.1)}.card-actions{position:absolute;top:.5rem;right:.5rem}.card-info{padding:1rem}.card-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-info p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:.5rem}.card-type{font-size:.75rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.card-duration{font-size:.75rem;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.search-list{background:var(--card-background);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.search-list .list-header,.search-list .list-item{grid-template-columns:60px 1fr 200px 90px 100px 80px}.search-list .col-duration{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.list-header{display:grid;grid-template-columns:60px 1fr 200px 100px 80px;gap:1rem;padding:1rem;background:var(--background);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:.9rem}.list-item{display:grid;grid-template-columns:60px 1fr 200px 100px 80px;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease;align-items:center}.list-item:hover{background:var(--background)}.col-cover{position:relative;width:50px;height:50px;border-radius:4px;overflow:hidden}.col-cover img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;font-size:1.2rem}.list-item:hover .play-overlay{opacity:1}.col-title h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.col-subtitle p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.3}.type-badge{font-size:.75rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.col-actions{display:flex;justify-content:center}@media (max-width: 768px){.search-filters{flex-direction:column;align-items:stretch;gap:1rem}.view-controls{margin-left:0;justify-content:center}.search-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.list-header,.list-item{grid-template-columns:50px 1fr 150px 80px 60px;gap:.5rem}.col-cover{width:40px;height:40px}}@media (max-width: 768px){.discovery-grid .grid-container{grid-template-columns:1fr;gap:.75rem;padding:0 var(--spacing-md)}.grid-item{height:auto;min-height:260px}.item-header h3{font-size:.95rem}.playing-list,.bookmarks-preview,.action-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:.5rem;padding:.75rem}.playing-item{min-height:72px}}@media (max-width: 480px){.discovery-grid .grid-container{grid-template-columns:1fr;gap:.6rem;padding:0 var(--spacing-sm)}.playing-list,.bookmarks-preview,.action-grid{grid-template-columns:1fr;gap:.5rem;padding:.6rem}.grid-item{min-height:220px}}.checkout-overlay{animation:fadeIn .3s ease forwards;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000073}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.checkout-card{animation:slideUp .35s ease forwards;transform:translateY(20px)}.checkout-panel{background:#0a0a0c99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0d;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);contain:layout paint;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.checkout-panel img{display:block;max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:auto}@keyframes slideUp{to{transform:translateY(0)}}.checkout-steps .step.active{background:#ffffff59;color:#fff}.complete-checkout{letter-spacing:.3px}.checkout-mode>*:not(#checkoutContainer){pointer-events:none}.viz-overlay{transition:opacity .35s ease-in-out}.viz-overlay.hidden{opacity:0;pointer-events:none}.viz-overlay.flex{opacity:1}.acc-menu{transition:opacity .25s ease,transform .25s ease;transform:translateY(-6px);opacity:0}.acc-menu:not(.hidden){transform:translateY(0);opacity:1}.tip-cancel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#aaa;font-size:12px;padding:10px 16px;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tip-cancel:hover{background:#ffffff12;border-color:#ffffff1f;color:#ddd}.tip-cancel:disabled{opacity:.6;cursor:not-allowed}#tip-status-badge{position:fixed;top:10px;right:14px;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 18px #00000040;opacity:0;transform:translateY(-8px);transition:all .25s ease;z-index:10000;display:flex;align-items:center;gap:6px;pointer-events:none}#tip-status-badge.visible{opacity:1;transform:translateY(0)}#tip-status-badge i{color:#22c55e}.xp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001}.xp-card{background:#0f1216b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;color:#fff;box-shadow:0 12px 32px #00000059;min-width:260px;text-align:center}.xp-card .xp-points{font-weight:800;color:#4cc9f0}.xp-card .xp-close{margin-top:10px;font-size:12px;opacity:.8}.tip-compact-row{margin:6px 0}.tip-mini-field,.tip-mini-field .boost-jar-currency-prefix{font-size:12px}.tip-mini-field.boost-jar-amount-group{padding:6px 8px;border-radius:8px}.tip-mini-field.boost-jar-amount-group .boost-jar-amount-input{font-size:12px}.tip-compact-select{font-size:12px;padding:6px 8px}.tip-quick-row{display:flex;gap:6px;margin:8px 0 10px}.tip-quick-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-weight:600;font-size:.85rem;transition:border-color .15s ease,background .15s ease,transform .1s ease}.tip-quick-btn:hover{border-color:#6366f180;background:#ffffff1a;transform:translateY(-1px)}.tip-quick-custom{color:#fffb}.tip-compact-select{width:100%}.tip-jar-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:var(--spacing-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-sizing:border-box;overflow:visible}.tip-jar-select{width:100%;height:42px;padding:10px 40px 10px 14px;color:#f0f0f7;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color-scheme:dark;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s ease,border-color .15s ease;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23a3a3b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px}.tip-jar-select::-ms-expand{display:none}.tip-jar-select:hover,.tip-jar-select:focus{background:#ffffff12;border-color:#ffffff1f;outline:none}.tip-jar-select option,.sidebar-panel select option,.sidebar-panel select optgroup{background-color:#0f0f14;color:#f0f0f7}.tip-jar-amount-group{display:flex;align-items:center;height:42px;min-height:42px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.tip-jar-amount-group:focus-within,.tip-jar-amount-group:hover{background:#ffffff12;border-color:#ffffff1f}.tip-jar-currency-prefix{color:#7a7a89;padding-right:8px}.tip-jar-amount-input{flex:1;min-width:0;background:transparent;border:none;color:#f0f0f7;padding:0 4px;height:100%;outline:none;font-family:Inter,sans-serif}.tip-jar-amount-input::placeholder{color:#7a7a89}.tip-jar-amount-input::-webkit-outer-spin-button,.tip-jar-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tip-jar-amount-input[type=number]{-moz-appearance:textfield}.tip-jar-submit{width:100%;height:36px;padding:8px 14px;background:linear-gradient(135deg,#b872ff,#ff73e0);color:#fff;font-weight:600;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;box-sizing:border-box;box-shadow:0 4px 14px #b872ff40;transition:transform .1s ease,filter .15s ease,opacity .15s ease,box-shadow .15s ease}.tip-jar-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 6px 18px #b872ff4d}.tip-jar-submit:active:not(:disabled){transform:translateY(0)}.tip-jar-submit:disabled{opacity:.6;cursor:not-allowed}.dashboard-sidebar .sidebar-search-container{height:36px;min-height:36px;border-radius:10px}.dashboard-sidebar .sidebar-search-icon{left:10px;font-size:12px}.dashboard-sidebar .sidebar-search-input{font-size:.8rem;padding-left:32px;padding-right:32px}.dashboard-sidebar .sidebar-search-container:before{left:32px;font-size:9px}.dashboard-sidebar .sidebar-search-input::placeholder{color:transparent}.dashboard-sidebar .sidebar-search-input:focus::placeholder{color:#7a7a89}.dashboard-sidebar .tip-jar-select{height:36px;padding:8px 36px 8px 12px;font-size:13px;border-radius:10px}.dashboard-sidebar .tip-jar-amount-group{height:36px;min-height:36px;padding:8px 12px;border-radius:10px}.dashboard-sidebar .tip-jar-currency-prefix{font-size:12px;padding-right:6px}.dashboard-sidebar .tip-jar-amount-input{font-size:13px}.dashboard-sidebar .tip-jar-submit{height:30px;padding:6px 10px;border-radius:10px;font-size:12px;letter-spacing:0}.dashboard-sidebar .tip-jar-card{border-radius:10px}.dashboard-sidebar .tip-breakdown-card{padding:10px 12px;border-radius:10px}.dashboard-sidebar .tip-breakdown-row,.dashboard-sidebar .tip-breakdown-total .tip-breakdown-label,.dashboard-sidebar .tip-breakdown-total .tip-breakdown-value{font-size:13px}.dashboard-sidebar .tip-cancel{font-size:11px;padding:6px 10px;border-radius:8px}.dashboard-sidebar .section-title{margin-bottom:6px;font-size:.72rem;letter-spacing:.06em}.dashboard-sidebar .tip-compact-row{margin:4px 0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 768px){.footer-logo img{width:auto;height:48px;max-width:100%;aspect-ratio:auto 24 / 24;object-fit:contain}.footer-brand{display:flex;align-items:center;flex-direction:column;gap:.5rem}}@media (max-width: 768px){.music-container .unified-hero{height:42vh;min-height:280px;padding:var(--spacing-md) var(--spacing-md)}.music-container .unified-header{padding:var(--spacing-md) 0}.music-container .header-content{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.music-container .header-title h1{font-size:var(--font-size-2xl);line-height:1.15;margin:0}.music-container .header-title p{font-size:var(--font-size-sm);margin:0}.music-container .header-search .search-bar{width:100%;min-width:0;border-radius:12px}.music-container .header-search .search-input{height:42px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm)}.music-container .header-filters{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.music-container .header-filters .filter-group{display:flex;align-items:center;gap:var(--spacing-xs)}.music-container .header-filters label{font-size:var(--font-size-xs);white-space:nowrap}.music-container .header-filters select{width:100%;padding:.5rem;font-size:var(--font-size-sm);border-radius:10px}.music-container .header-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.music-container .header-actions .view-options{gap:var(--spacing-xs)}.music-container .header-actions .view-btn{width:36px;height:36px;padding:0;border-radius:10px;font-size:var(--font-size-sm)}.music-container .header-actions .btn.btn-primary.btn-large{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:10px}.music-container .music-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:0 var(--spacing-md)}.music-container .track-cover{height:140px}.music-container .track-info{padding:.5rem .6rem .7rem}.music-container .track-info h4{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.music-container .track-info p{font-size:.8rem;opacity:.9}}@media (max-width: 360px){.music-container .header-filters,.music-container .music-grid{grid-template-columns:1fr}}.dashboard-sidebars{display:grid;grid-template-columns:200px 1fr 200px;gap:1rem;max-width:1800px;margin:0 auto;padding:0 1rem;--dashboard-sidebar-width: 200px;--dashboard-side-padding: 1rem;--dashboard-max-width: 1800px}.content-area{min-height:70vh}.dashboard-sidebar{position:sticky;top:100px;height:calc(100vh - 120px);background:#0006;border-radius:1rem;padding:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:all .2s ease-in-out}.dashboard-sidebar.dashboard-left{position:fixed;top:100px;bottom:110px;width:var(--dashboard-sidebar-width);max-height:calc(100vh - 210px);left:max(var(--dashboard-side-padding),calc(50% - (var(--dashboard-max-width) / 2) + var(--dashboard-side-padding)))}.dashboard-sidebar::-webkit-scrollbar{width:4px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dashboard-sidebar{background:#0f0f14;color-scheme:dark}.sidebar-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h3{margin:0;font-size:.875rem;font-weight:600;color:#ffffffb3;display:flex;align-items:center;gap:.5rem}.sidebar-header i{color:#ffffff4d;font-size:.7rem}.sidebar-content{display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;box-sizing:border-box;min-height:0;flex:1;padding:0}.dashboard-sidebar .sidebar-mini-player{margin-top:auto;position:sticky;bottom:0;background:#0f0f14;padding:12px 8px 8px;border-top:1px solid rgba(255,255,255,.08);z-index:5}.sidebar-user-block{padding:12px 16px;margin-bottom:16px}.user-block-content{display:flex;align-items:center;gap:12px;padding:0}.user-block-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.user-block-info{flex:1;min-width:0}.user-block-name{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.user-block-stats{font-size:.7rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.user-block-divider{height:1px;background:#ffffff1a;margin-top:12px}.sidebar-block{padding:var(--spacing-4);margin-bottom:var(--spacing-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:all .2s ease}.sidebar-block:last-child{margin-bottom:0}.sidebar-panel{background:#0f0f14;border-radius:10px;padding:var(--spacing-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);margin-bottom:var(--spacing-4);transition:all .2s ease;position:relative;box-shadow:var(--shadow-md);color-scheme:dark}.sidebar-panel:last-child{margin-bottom:0}.sidebar-item{margin-bottom:var(--spacing-4)}.sidebar-item:last-child{margin-bottom:0}.sidebar-item:hover{background:#ffffff0f;border-radius:var(--border-radius-md)}.sidebar-item.active{background:#ffffff0f;border-left:3px solid var(--accent-color);padding-left:13px}.sidebar-panel *{font-family:Inter,sans-serif;color:#f0f0f7;line-height:1.25}.sidebar-panel p,.sidebar-panel label{word-break:normal;white-space:normal}.section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--spacing-3);margin-top:0;font-weight:600;width:100%;box-sizing:border-box;padding:0;line-height:1.25}.section-title:first-of-type{margin-top:0}.sidebar-input{width:100%;height:42px;padding:0 12px;background:#14141899;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-sm);font-family:Inter,sans-serif;outline:none;transition:all .2s ease-in-out;box-sizing:border-box}.sidebar-input:focus{border-color:#6366f180;background:#19191eb3;box-shadow:0 0 0 2px #6366f126}.sidebar-input::placeholder{color:#ffffff59}.sidebar-panel .sidebar-search-container{margin-top:0}.sidebar-search-container{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:background .15s ease,border-color .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 1px 2px #0003 inset;height:42px;min-height:42px}.sidebar-search-container:focus-within{border-color:#ffffff1f;background:#ffffff12}.sidebar-search-icon{position:absolute;left:12px;color:#fff6;font-size:13px;pointer-events:none;z-index:1}.sidebar-search-input{width:100%;padding:0 36px;background:transparent;border:none;color:#f0f0f7;font-size:.875rem;outline:none;height:100%;font-family:Inter,sans-serif}.sidebar-search-input::placeholder{color:#7a7a89}.sidebar-search-container:before{content:"Search";position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#7a7a89;font-size:10px;line-height:1;pointer-events:none}.sidebar-search-container:has(.sidebar-search-input:not(:placeholder-shown)):before{display:none}.sidebar-search-container:has(.sidebar-search-input:focus):before{display:none}.sidebar-search-clear{position:absolute;right:8px;background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:11px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:1}.sidebar-search-clear:hover{color:#ffffffb3;background:#ffffff0d}.boost-jar-card{background:var(--glass-bg);border-radius:var(--border-radius-md);padding:var(--spacing-4);border:1px solid var(--glass-border);margin-bottom:var(--spacing-4);transition:all .2s ease-in-out;box-shadow:var(--shadow-md)}.boost-jar-card:last-child{margin-bottom:0}.boost-jar-card:hover{background:#00000080}.boost-jar-compact{display:flex;flex-direction:column;gap:6px}.boost-jar-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.boost-jar-label-inline{font-size:.7rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px;min-width:60px;flex-shrink:0}.boost-jar-select{flex:1;height:42px;padding:0 32px 0 12px;background:#14141899;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.875rem;font-family:Inter,sans-serif;outline:none;transition:all .2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23ffffff' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;box-sizing:border-box}.boost-jar-select:focus{border-color:#6366f180;background:#19191eb3;box-shadow:0 0 0 2px #6366f126}.boost-jar-amount-group{display:flex;align-items:center;flex:1;height:42px;background:#14141899;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .2s ease-in-out;box-sizing:border-box}.boost-jar-amount-group:focus-within{border-color:#6366f180;background:#19191eb3;box-shadow:0 0 0 2px #6366f126}.boost-jar-currency-prefix{padding:0 8px;height:100%;display:flex;align-items:center;background:#ffffff0d;color:#ffffffb3;font-size:.875rem;font-weight:500;border-right:1px solid rgba(255,255,255,.1);flex-shrink:0}.boost-jar-amount-input{flex:1;padding:0 12px;height:100%;background:transparent;border:none;color:#fff;font-size:.875rem;font-family:Inter,sans-serif;outline:none;width:100%;box-sizing:border-box}.boost-jar-amount-input::placeholder{color:#ffffff4d}.tip-breakdown-card{margin-top:12px;padding:14px 16px;background:#ffffff08;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:var(--shadow-md)}.tip-breakdown-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.25}.tip-breakdown-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:var(--font-size-base);line-height:1.4}.tip-breakdown-row:last-of-type{margin-bottom:0}.tip-breakdown-label{color:var(--text-muted);font-weight:500}.tip-breakdown-value{color:var(--text-secondary);font-weight:600}.tip-breakdown-divider{height:0;border-top:1px solid rgba(255,255,255,.06);margin:12px 0}.tip-breakdown-total{margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.tip-breakdown-total .tip-breakdown-label{color:var(--text-primary);font-weight:600;font-size:var(--font-size-md)}.tip-breakdown-total .tip-breakdown-value{color:var(--text-primary);font-weight:700;font-size:var(--font-size-md)}.tip-breakdown-caption{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.4;font-style:italic}.boost-jar-submit{width:100%;height:42px;padding:0 16px;background:#6366f1;border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:8px;transition:all .2s ease-in-out;margin-top:8px}.boost-jar-submit:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.boost-jar-submit:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.boost-jar-submit:active:not(:disabled){transform:translateY(0)}@media (min-width: 400px){.boost-jar-row{flex-direction:row}.boost-jar-label-inline{min-width:50px}}.collection-stats{display:flex;gap:.5rem}.stat-mini{flex:1;background:#6366f11a;padding:.75rem;border-radius:.5rem;text-align:center;border:1px solid rgba(99,102,241,.2)}.stat-mini i{color:#6366f1;font-size:1rem;display:block;margin-bottom:.25rem}.stat-mini span{display:block;font-size:1.25rem;font-weight:700;color:#fff}.badges-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;width:100%}.badge-mini{width:100%;aspect-ratio:1;border-radius:.4rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;opacity:.6;cursor:pointer;transition:all .2s;flex-shrink:0}.badge-mini:hover{opacity:.8}.badge-mini.badge-bronze{background:linear-gradient(135deg,#8b6914,#6b5310)}.badge-mini.badge-silver{background:linear-gradient(135deg,gray,#6b6b6b)}.badge-mini.badge-gold{background:linear-gradient(135deg,#b8860b,#99750a)}.btn-code-mini{padding:.4rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:.4rem;color:#fff9;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-code-mini:hover{background:#6366f133;color:#fffc}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-mini{background:#1a1a1a;padding:1.5rem;border-radius:.75rem;max-width:300px;width:90%;border:1px solid rgba(99,102,241,.3);box-shadow:0 20px 60px #00000080}.modal-mini h4{margin:0 0 .5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.text-small{font-size:.75rem;color:#ffffff80;margin:0 0 1rem}.modal-mini .input-field{width:100%;padding:.75rem;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;margin-bottom:1rem;font-size:.875rem}.btn-mini{padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;width:100%;transition:all .2s}.btn-mini:hover{opacity:.9;transform:translateY(-1px)}.item-mini{background:#ffffff08;padding:.4rem;border-radius:.4rem;display:flex;align-items:center;gap:.4rem;font-size:.7rem;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.05);width:100%;max-width:100%}.item-mini:hover{background:#ffffff0f;border-color:#ffffff1a}.item-mini span{flex:1;min-width:0;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;word-break:break-word}.item-mini .count{font-size:.65rem;color:#fff6}.mini-cover,.mini-thumb{width:35px;height:35px;border-radius:.4rem;object-fit:cover;flex-shrink:0}.mini-title{font-weight:600;font-size:.7rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.mini-artist{font-size:.6rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.mini-info{flex:1;min-width:0;overflow:hidden}.playlists-mini,.collections-mini{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box}.collection-add-btn{background:#6366f11a!important;border:1px solid rgba(99,102,241,.2)!important;color:#fffc!important}.collection-add-btn:hover{background:#6366f133!important;border-color:#6366f14d!important;transform:translateY(-1px)}.collection-add-btn i{color:#6366f1}.now-playing-mini{margin-bottom:.5rem}.recent-mini{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.actions-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:100%}.actions-mini-vertical{display:flex;flex-direction:column;grid-template-columns:none;margin-top:auto;padding-top:1rem;gap:.5rem}.actions-mini-vertical .action-mini{width:100%;padding:.75rem .5rem}.action-mini{background:#ffffff05;padding:.5rem .35rem;border-radius:.4rem;text-align:center;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.03);font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}.action-mini:hover{background:#ffffff0a;border-color:#ffffff14;color:#fffc}.empty-mini{padding:.75rem;text-align:center;color:#ffffff40;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.queue-mini{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.queue-mini .queue-item{position:relative}.queue-mini .queue-remove-btn,.item-mini .queue-add-btn{position:absolute;top:50%;right:.25rem;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:0;font-size:.7rem;color:#ffffffb3;padding:0}.queue-mini .queue-item:hover .queue-remove-btn,.item-mini:hover .queue-add-btn{opacity:1}.queue-mini .queue-remove-btn:hover,.item-mini .queue-add-btn:hover{background:#fff3;color:#fff}.item-mini .queue-add-btn{background:#6366f14d;color:#6366f1}.item-mini .queue-add-btn:hover{background:#6366f180}.demo-badge{margin-top:auto;padding-top:1rem;text-align:center}.demo-label{background:#6366f133;color:#ffffff80;padding:.25rem .5rem;border-radius:.25rem;font-size:.6rem;font-weight:700;letter-spacing:2px;border:1px solid rgba(99,102,241,.3)}@media (max-width: 1400px){.dashboard-sidebars{grid-template-columns:160px 1fr 160px;--dashboard-sidebar-width: 160px}}@media (max-width: 1024px){.dashboard-sidebars{grid-template-columns:1fr}.dashboard-sidebar{position:relative;top:0;height:auto;max-height:300px;margin-bottom:1rem}.dashboard-sidebar.dashboard-left{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-height:300px}}@media (max-width: 768px){.dashboard-sidebars{padding:0 .5rem;gap:.5rem}.dashboard-sidebar{padding:.75rem}}.home-container{min-height:100vh}.hero-section{background:#ff0060;padding:var(--spacing-2xl) 0;text-align:center;color:#fff;position:relative;overflow:hidden;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-content h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);font-weight:700}.hero-content p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);opacity:.9}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.hero-media{position:relative;display:inline-block;margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);width:250px;height:250px}.hero-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg)}.hero-media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:var(--border-radius-lg)}.hero-media:hover .hero-media-overlay{opacity:1}.hero-play-btn{background:var(--primary-color);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);cursor:pointer;transition:transform .2s ease,background-color .2s ease;box-shadow:var(--shadow-lg)}.hero-play-btn:hover{transform:scale(1.1);background:#e6005a}img{max-width:100%;height:auto;transition:opacity .3s ease;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}img[data-src]{opacity:0}img.loaded{opacity:1}img.error{opacity:.5;filter:grayscale(100%)}img.loading{opacity:.3;filter:blur(2px)}.image-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;display:flex;align-items:center;justify-content:center;color:#999;font-size:var(--font-size-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.unified-header{padding:var(--spacing-xl) 0;color:#fff;position:relative;overflow:hidden;max-height:400px;display:flex;align-items:center;justify-content:center}.unified-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.header-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--spacing-lg);align-items:center}.header-title{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--spacing-lg)}.header-title:not(:has(.hero-media)){align-items:flex-start}.header-title .title-text{display:flex;flex-direction:column;gap:var(--spacing-sm)}.header-title h1{font-size:var(--font-size-4xl);margin:0;font-weight:700}.header-title p{font-size:var(--font-size-lg);margin:0;opacity:.9}.header-search{grid-column:2;grid-row:1;display:flex;justify-content:flex-end}.header-filters{grid-column:1 / -1;grid-row:2;display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.header-actions{grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.header-search .search-bar{position:relative;min-width:300px;max-width:500px;width:100%}.header-search .search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 3rem;border:none;border-radius:var(--border-radius-lg);background:#ffffffe6;color:var(--background-dark);font-size:var(--font-size-base);outline:none;transition:all .3s ease}.header-search .search-input:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.header-search .search-bar i{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--background-dark);z-index:1}.header-search .search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--background-dark);cursor:pointer;padding:var(--spacing-xs);border-radius:50%;transition:background-color .2s ease}.header-search .search-clear:hover{background:#0000001a}.header-filters .filter-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.header-filters .filter-tab{padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:var(--border-radius-lg);cursor:pointer;transition:all .3s ease;font-weight:500}.header-filters .filter-tab:hover{background:#ffffff1a;border-color:#ffffff80}.header-filters .filter-tab.active{background:#00d4ff2e;border-color:#00d4ff99;color:#fffffffa}.header-actions .view-options{display:flex;gap:var(--spacing-sm)}.header-actions .view-btn{padding:var(--spacing-sm);border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:var(--border-radius-lg);cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.header-actions .view-btn:hover{background:#ffffff1a;border-color:#ffffff80}.header-actions .view-btn.active{background:#fff;color:#ff0060;border-color:#fff}.header-title .hero-media{width:120px;height:120px;margin:0}.header-title .hero-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg)}.header-title .hero-media-overlay{border-radius:var(--border-radius-lg)}.header-title .hero-play-btn{width:40px;height:40px;font-size:var(--font-size-base)}.live-status{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-end;z-index:1}.live-indicator{display:flex;align-items:center;gap:var(--spacing-sm);background:#0000004d;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.live-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 #f440}}.live-text{font-size:var(--font-size-sm);font-weight:600;color:#fff}.live-count{display:flex;align-items:center;gap:var(--spacing-xs);background:#0000004d;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:var(--font-size-xs);color:#ffffffe6}.now-playing-section{padding:var(--spacing-2xl) 0;background:var(--background-dark)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.section-header p{color:var(--text-muted);font-size:var(--font-size-lg)}.feed-container{position:relative;overflow:hidden}.feed-scroll{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.feed-scroll::-webkit-scrollbar{display:none}.feed-items{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;transition:transform .3s ease}.feed-item{position:relative;width:300px;height:400px;background-size:cover;background-position:center;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;flex-shrink:0;transition:all .3s ease}.feed-item:hover{transform:scale(1.02)}.feed-item.active{transform:scale(1.05);box-shadow:0 0 30px #ff00604d}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.preview-overlay video,.preview-overlay audio{width:100%;height:100%;object-fit:cover}.item-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);color:#fff}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.item-type{background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.item-duration{color:#fffc;font-size:var(--font-size-sm)}.item-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-content p{color:#fffc;font-size:var(--font-size-sm);margin:0}.item-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.feed-item:hover .play-overlay{opacity:1}.play-btn-large{width:60px;height:60px;background:#ffffffe6;border:none;border-radius:50%;color:var(--primary-color);font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn-large:hover{background:#fff;transform:scale(1.1)}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff4d}.progress-fill{height:100%;background:var(--primary-color);transition:width .1s ease}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.nav-arrow:hover{background:#000000e6}.nav-arrow-left{left:var(--spacing-lg)}.nav-arrow-right{right:var(--spacing-lg)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.featured-section{padding:var(--spacing-2xl) 0;background:var(--background-light)}.featured-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.featured-badge{display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:600;box-shadow:0 4px 12px #6366f14d}.featured-badge i{font-size:var(--font-size-md)}.featured-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.featured-item{background:var(--background-medium);border-radius:var(--border-radius-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative}.featured-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.featured-large{grid-row:span 2}.featured-cover{height:200px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.featured-large .featured-cover{height:400px}.featured-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;flex-direction:column;gap:var(--spacing-md)}.featured-item:hover .featured-overlay{opacity:1}.featured-badge-overlay{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.play-btn{background:var(--primary-color);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:var(--font-size-md);cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.play-btn-large{background:var(--primary-color);color:#fff;border:none;width:80px;height:80px;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6366f166}.play-btn:hover,.play-btn-large:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f180}.featured-actions{display:flex;gap:var(--spacing-sm);position:absolute;bottom:var(--spacing-md);right:var(--spacing-md)}.featured-actions .action-btn{background:#000c;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.featured-actions .action-btn:hover{background:var(--primary-color);transform:scale(1.1)}.featured-actions .action-btn.liked{background:var(--error-color)}.featured-info{padding:var(--spacing-lg);background:var(--background-medium)}.featured-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center}.featured-meta-small{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);align-items:center}.featured-type{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.featured-duration{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:500}.featured-info h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-weight:700}.featured-info h4{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-weight:600}.featured-info p{color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;font-weight:500}.featured-description{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.4;margin-top:var(--spacing-sm)}@media (max-width: 768px){.featured-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.featured-large{grid-row:span 1}.featured-large .featured-cover{height:250px}.featured-cover{height:180px}.featured-section .section-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.featured-badge{align-self:flex-end}}.tv-hero{position:relative;height:60vh;min-height:400px;overflow:hidden;background:var(--background-dark)}.unified-hero:before,.unified-hero:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:2}.unified-hero:before{left:0;background:linear-gradient(to right,#0009,#0000)}.unified-hero:after{right:0;background:linear-gradient(to left,#0009,#0000)}.hero-feed{display:flex;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);will-change:transform}.hero-item{flex:0 0 100%;background-size:cover;background-position:center;position:relative;cursor:pointer;transition:all .3s ease}.hero-item.active{transform:scale(1.015)}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000059,#000000bf);display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;max-width:600px;padding:var(--spacing-xl)}.hero-badge{display:inline-block;background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.hero-content h1{font-size:var(--font-size-4xl);font-weight:800;margin:0 0 var(--spacing-md) 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-content p{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xl) 0;opacity:.9}.hero-play-btn{background:var(--primary-color);color:#fff;border:none;width:80px;height:80px;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #6366f166;transition:all .3s ease}.hero-play-btn:hover{transform:scale(1.1);box-shadow:0 12px 35px #6366f199}.hero-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 var(--spacing-lg);pointer-events:none}.hero-nav{background:#00000080;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-nav:hover{background:#000c;transform:scale(1.1)}.hero-indicators{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm)}.hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.hero-dot.active{background:#fff;border-color:#fff}.discovery-grid{padding:var(--spacing-lg) 0;background:var(--background-light)}.grid-container{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:var(--spacing-md);max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);align-items:stretch}.grid-item{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--background-dark);border-bottom:1px solid var(--border-color);flex-shrink:0}.item-header h3{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2);line-height:1.25}.shuffle-btn,.view-all-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease;font-size:var(--font-size-sm)}.shuffle-btn:hover,.view-all-btn:hover{color:var(--primary-color);background:#6366f11a}.artist-spotlight{min-height:120px}.artist-compact{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;transition:background .2s ease}.artist-compact:hover{background:var(--background-dark)}.artist-compact img{width:50px;height:50px;border-radius:50%;object-fit:cover}.artist-compact .artist-info h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px}.artist-compact .artist-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.now-playing-compact{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden;min-height:200px}.playing-list{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.shows-compact .playing-list{display:flex;flex-direction:row;gap:var(--spacing-3);padding:var(--spacing-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.shows-compact .playing-list::-webkit-scrollbar{display:none}.playing-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-xs);min-width:0;min-height:100px}.playing-item:hover{background:var(--background-dark)}.playing-item.playing{background:#6366f11a;border:1px solid var(--primary-color)}.playing-item img{width:40px;height:40px;border-radius:var(--border-radius-sm);object-fit:cover}.item-details{flex:1}.item-details h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-details p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-indicator{color:var(--primary-color);font-size:var(--font-size-sm)}.shows-compact{min-height:200px}.shows-compact .playing-item{margin-bottom:0;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:260px;flex:0 0 auto;min-height:120px;aspect-ratio:16/9;position:relative;background-size:cover;background-position:center;scroll-snap-align:start;border-radius:var(--border-radius-md);overflow:hidden}.shows-compact .playing-item .item-details{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(transparent,#000c);border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.shows-compact .playing-item .item-details h4,.shows-compact .playing-item .item-details p{color:#fff;margin:0}.shows-compact .playing-item .play-indicator{position:absolute;top:.5rem;right:.5rem;background:#6366f1e6;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.shows-compact .playing-item:hover .play-indicator,.shows-compact .playing-item.playing .play-indicator{opacity:1}.shows-list{padding:var(--spacing-sm)}.show-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-xs);position:relative}.show-item:hover{background:var(--background-dark)}.show-item:hover .play-overlay{opacity:1}.show-item img{width:50px;height:35px;border-radius:var(--border-radius-sm);object-fit:cover}.show-details{flex:1}.show-details h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-details p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-overlay{position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%);background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);opacity:0;transition:opacity .2s ease}.quick-actions{min-height:120px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background-dark);border-radius:var(--border-radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s ease;border:1px solid transparent}.action-card:hover{background:var(--primary-color);color:#fff;text-decoration:none;transform:translateY(-2px)}.action-card i{font-size:var(--font-size-lg)}.action-card span{font-size:var(--font-size-xs);font-weight:600;text-align:center}.featured-item{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.featured-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-dark);border-bottom:1px solid var(--border-color)}.featured-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.artist-card-compact{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.artist-card-compact .artist-image{width:60px;height:60px;border-radius:50%;overflow:hidden;position:relative}.artist-card-compact .artist-image img{width:100%;height:100%;object-fit:cover}.artist-card-compact:hover .artist-overlay{opacity:1}.play-btn{background:var(--primary-color);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.artist-info h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.artist-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.now-playing-feed{min-height:200px}.feed-container{position:relative;overflow:hidden;height:200px}.feed-items{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:transform .3s ease}.feed-item{flex:0 0 120px;height:120px;border-radius:var(--border-radius-md);background-size:cover;background-position:center;position:relative;cursor:pointer;transition:transform .2s ease}.feed-item:hover{transform:scale(1.05)}.item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.feed-item:hover .item-overlay{opacity:1}.play-btn-small{background:var(--primary-color);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.item-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--spacing-sm);color:#fff}.item-info h4{font-size:var(--font-size-sm);font-weight:600;margin:var(--spacing-xs) 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info p{font-size:var(--font-size-xs);margin:0;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none}.nav-arrow{background:#00000080;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;transition:background .2s ease}.nav-arrow:hover{background:#000c}.shows-grid-compact{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.show-card-compact{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:background .2s ease}.show-card-compact:hover{background:var(--background-dark)}.show-thumbnail{width:60px;height:40px;border-radius:var(--border-radius-sm);overflow:hidden;position:relative}.show-thumbnail img{width:100%;height:100%;object-fit:cover}.show-card-compact:hover .show-overlay{opacity:1}.show-duration{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;padding:2px 4px;border-radius:2px;font-size:10px;font-weight:600}.show-info h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-access-compact{padding:var(--spacing-lg) 0;background:var(--background-dark)}.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:600px;margin:0 auto;padding:0 var(--spacing-lg)}.access-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--background-medium);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--text-primary);transition:all .3s ease;border:1px solid var(--border-color)}.access-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;text-decoration:none;color:var(--text-primary)}.access-item i{font-size:var(--font-size-xl);color:var(--primary-color)}.access-item span{font-size:var(--font-size-sm);font-weight:600}.recently-added .playing-list.recently-added-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:var(--spacing-sm)}.recently-added .playing-list.recently-added-grid .playing-item{margin-bottom:0;min-height:100px;aspect-ratio:1;position:relative;flex-direction:column;justify-content:flex-end}.recently-added .playing-list.recently-added-grid .playing-item .item-details{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(transparent,#000c)}.recently-added .playing-list.recently-added-grid .playing-item .item-details h4,.recently-added .playing-list.recently-added-grid .playing-item .item-details p{color:#fff}.recently-added .playing-list.recently-added-grid .playing-item .play-indicator{position:absolute;top:.5rem;right:.5rem;background:#6366f1e6;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.recently-added .playing-list.recently-added-grid .playing-item:hover .play-indicator{opacity:1}.radio-feed-single{margin:0;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;padding:var(--spacing-3);width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius-md)}.radio-feed-single:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;max-height:150px;background-image:var(--radio-bg-image, url(/static/img/default-cover.jpg));background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.radio-feed-content{text-align:center;width:100%;z-index:1;position:relative;padding:var(--spacing-2)}.radio-feed-title{font-size:var(--font-size-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-2);color:#fff;line-height:1.4}.radio-feed-artist{font-size:var(--font-size-sm);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:1.4}.radio-feed-loading{text-align:center;opacity:.6;color:#fff;z-index:1;position:relative}@media (max-width: 1024px){.grid-container{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.now-playing-compact{grid-column:1 / -1}.shows-compact .playing-list{display:flex;flex-direction:row}.recently-added .playing-list.recently-added-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.shows-compact .playing-list{display:flex;flex-direction:row;padding:var(--spacing-2)}.shows-compact .playing-item{min-width:200px;aspect-ratio:16/9;min-height:120px}.radio-feed-single{padding:var(--spacing-3)!important}.radio-feed-single:before{height:120px;max-height:120px}.recently-added .playing-list.recently-added-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.unified-hero,.tv-hero{height:42vh;min-height:280px}.unified-hero .hero-controls{top:48%}.unified-hero .hero-indicators{bottom:var(--spacing-sm);gap:4px}.unified-hero .hero-dot{width:7px;height:7px}.tv-hero,.hero-section{height:50vh;min-height:320px;padding:var(--spacing-xl) var(--spacing-lg)}.hero-content h1{font-size:var(--font-size-3xl);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:var(--spacing-sm)}.hero-content p{font-size:var(--font-size-lg);line-height:1.4;margin-bottom:var(--spacing-lg)}.hero-media{width:200px;height:200px}.unified-header{max-height:380px;min-height:320px;padding:var(--spacing-xl) var(--spacing-lg)}.header-content{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-md) 0}.header-title h1{font-size:var(--font-size-3xl);line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:var(--spacing-sm)}.header-title .title-text{gap:var(--spacing-xs)}.hero-nav{width:48px;height:48px;font-size:var(--font-size-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid rgba(255,255,255,.2)}.hero-nav:hover{background:#000c;transform:scale(1.1);border-color:#fff6}.hero-indicators{bottom:var(--spacing-lg);gap:var(--spacing-md)}.hero-dot{width:14px;height:14px;border-width:2px;transition:all .3s ease}.hero-dot:hover{transform:scale(1.2);border-color:#fffc}.header-title{grid-column:1;grid-row:1;flex-direction:column;gap:var(--spacing-md)}.header-search{grid-column:1;grid-row:2;justify-content:center}.header-filters{grid-column:1;grid-row:3;justify-content:center}.header-actions{grid-column:1;grid-row:4;justify-content:center;flex-direction:column;gap:var(--spacing-md)}.header-title .hero-media{width:100px;height:100px}.header-title h1{font-size:var(--font-size-3xl)}.header-title p{font-size:var(--font-size-base)}.grid-container{grid-template-columns:1fr;gap:var(--spacing-md)}.action-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.unified-hero,.tv-hero{height:40vh;min-height:260px}.unified-hero .hero-controls{top:46%}.tv-hero,.hero-section{height:40vh;min-height:250px}.hero-content h1{font-size:var(--font-size-2xl)}.hero-content p{font-size:var(--font-size-md)}.hero-media{width:150px;height:150px}.unified-header{max-height:260px;padding:var(--spacing-sm) 0;margin-top:0}.header-content{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.header-title .hero-media{width:80px;height:80px}.header-title h1{font-size:var(--font-size-2xl)}.header-title p{font-size:var(--font-size-sm)}.header-search .search-bar{min-width:250px}.header-filters .filter-tabs{gap:var(--spacing-xs)}.header-filters .filter-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.action-grid{grid-template-columns:repeat(2,1fr)}.artist-compact{flex-direction:column;text-align:center}.playing-item,.show-item{flex-direction:column;text-align:center;gap:var(--spacing-xs)}}.now-playing-section{padding:var(--spacing-2xl) 0;background:var(--background-light)}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-lg)}.playlist-info h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.playlist-info p{color:var(--text-secondary);margin:0}.playlist-actions{display:flex;gap:var(--spacing-md)}.playlist-container{padding:0 var(--spacing-lg)}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.media-card{background:var(--background-medium);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.media-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.media-card.playing{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.media-thumbnail{position:relative;aspect-ratio:1;overflow:hidden}.media-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-card:hover .media-thumbnail img{transform:scale(1.05)}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.media-card:hover .media-overlay{opacity:1}.media-duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.media-type-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.media-info{padding:var(--spacing-lg)}.media-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.media-artist{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.media-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.media-actions{display:flex;gap:var(--spacing-sm)}.media-actions .action-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all .2s ease}.media-actions .action-btn:hover{color:var(--primary-color);background:#6366f11a}.show-live-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--error-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.track-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-medium);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.track-item:hover{background:var(--background-dark);transform:translate(4px);border-color:var(--primary-color)}.track-item.playing{background:#6366f11a;border-color:var(--primary-color)}.track-number{width:24px;text-align:center;color:var(--text-tertiary);font-weight:600}.track-cover{width:60px;height:60px;border-radius:var(--border-radius-md);overflow:hidden;position:relative}.track-cover img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.track-item:hover .play-overlay{opacity:1}.track-info{flex:1}.track-info h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.track-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}.track-type{font-size:var(--font-size-xs);color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.track-duration{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500}.track-actions{display:flex;gap:var(--spacing-sm)}.action-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all .2s ease}.action-btn:hover{color:var(--primary-color);background:#6366f11a}.featured-artists-section{padding:var(--spacing-2xl) 0;background:var(--background-medium)}.featured-artist{padding:0 var(--spacing-lg)}.artist-hero{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-2xl);align-items:center}.artist-image{position:relative;border-radius:var(--border-radius-xl);overflow:hidden;aspect-ratio:1}.artist-image img{width:100%;height:100%;object-fit:cover}.artist-image:hover .artist-overlay{opacity:1}.artist-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.artist-info h3{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.artist-genre{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:600;margin:0 0 var(--spacing-md) 0}.artist-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.artist-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.artist-actions{display:flex;gap:var(--spacing-md)}.featured-shows-section{padding:var(--spacing-2xl) 0;background:var(--background-light)}.shows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);padding:0 var(--spacing-lg)}.show-live-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--error-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.show-live-badge i{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.show-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.show-date,.show-views{font-size:var(--font-size-xs);color:var(--text-tertiary)}.show-actions{display:flex;gap:var(--spacing-sm)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);padding:0 var(--spacing-lg)}.hub-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--background-medium);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--text-primary);transition:all .3s ease;border:1px solid var(--border-color)}.hub-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;text-decoration:none;color:var(--text-primary)}.hub-card.music-hub:hover{border-color:var(--primary-color);background:#6366f10d}.hub-card.shows-hub:hover{border-color:var(--error-color);background:#ef44440d}.hub-card.artists-hub:hover{border-color:var(--success-color);background:#22c55e0d}.hub-card.saves-hub:hover{border-color:var(--warning-color);background:#f59e0b0d}.hub-icon{width:60px;height:60px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:#fff}.music-hub .hub-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.shows-hub .hub-icon{background:linear-gradient(135deg,var(--error-color),#dc2626)}.artists-hub .hub-icon{background:linear-gradient(135deg,var(--success-color),#16a34a)}.saves-hub .hub-icon{background:linear-gradient(135deg,var(--warning-color),#d97706)}.hub-content h3{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.hub-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.hub-count{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-lg)}.section-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.section-header p{color:var(--text-secondary);margin:var(--spacing-sm) 0 0 0}.view-all{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.view-all:hover{color:var(--secondary-color);text-decoration:none}.loading-section{text-align:center;padding:var(--spacing-3xl) 0}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg) auto}.search-section{padding:var(--spacing-xl) 0;background:var(--background-light);border-bottom:1px solid var(--border-color)}.search-bar{position:relative;max-width:600px;margin:0 auto var(--spacing-lg) auto}.search-bar i{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--background-medium);color:var(--text-primary);font-size:var(--font-size-md);transition:all .2s ease}.search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:color .2s ease}.search-clear:hover{color:var(--text-primary)}.filter-tabs{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--background-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500}.filter-tab:hover{background:var(--background-dark);color:var(--text-primary)}.filter-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.featured-show-section{padding:var(--spacing-2xl) 0;background:var(--background-medium)}.featured-show{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.featured-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.featured-video{position:relative;border-radius:var(--border-radius-xl);overflow:hidden;aspect-ratio:16/9}.featured-video img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.featured-video:hover .play-overlay{opacity:1}.play-btn-large{background:var(--primary-color);color:#fff;border:none;width:80px;height:80px;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6366f166;transition:all .3s ease}.play-btn-large:hover{transform:scale(1.1);box-shadow:0 8px 25px #6366f199}.show-badges{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.show-type,.show-duration{background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.featured-info h3{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.show-host{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:600;margin:0 0 var(--spacing-md) 0}.show-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.show-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.stat{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.shows-grid-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#0006,#00000080);backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);border-radius:0}.shows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);padding:0 var(--spacing-lg);max-width:1200px;margin:0 auto}.show-card{background:var(--background-medium);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.show-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.show-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.show-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.show-card:hover .show-thumbnail img{transform:scale(1.05)}.show-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.show-card:hover .show-overlay{opacity:1}.play-btn{background:var(--primary-color);color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d;transition:all .3s ease}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f180}.show-actions{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.action-btn{background:#000c;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background:var(--primary-color);transform:scale(1.1)}.view-solo-mini-btn{background:linear-gradient(135deg,#00d4ff26,#0096c81a);border:1px solid rgba(0,212,255,.3);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);color:var(--accent-color, #00d4ff);box-shadow:0 2px 8px #00d4ff33}.view-solo-mini-btn:hover{background:linear-gradient(135deg,#00d4ff40,#0096c833);border-color:#00d4ff80;box-shadow:0 4px 15px #00d4ff66;transform:scale(1.1) translateY(-2px)}.action-btn.liked{background:var(--error-color)}.action-btn.saved{background:var(--warning-color)}.show-duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.show-type-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.show-info{padding:var(--spacing-lg)}.show-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.show-host{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.show-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-tertiary)}.shows-list{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.list-header{display:grid;grid-template-columns:80px 2fr 1fr 80px 80px 100px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-dark);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.list-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.list-item{display:grid;grid-template-columns:80px 2fr 1fr 80px 80px 100px;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-medium);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.list-item:hover{background:var(--background-dark);border-color:var(--primary-color);transform:translate(4px)}.col-thumbnail{position:relative;width:60px;height:40px;border-radius:var(--border-radius-sm);overflow:hidden}.col-thumbnail img{width:100%;height:100%;object-fit:cover}.col-thumbnail .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;font-size:var(--font-size-sm)}.list-item:hover .col-thumbnail .play-overlay{opacity:1}.col-title h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.col-title p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.col-host,.col-duration,.col-views{font-size:var(--font-size-sm);color:var(--text-secondary)}.col-actions{display:flex;gap:var(--spacing-xs);align-items:center}.col-actions .action-btn{width:36px;height:36px;border-radius:8px;background:#ffffff14;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.15);color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.col-actions .action-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.col-actions .view-solo-mini-btn{background:linear-gradient(135deg,#00d4ff26,#0096c81a);border-color:#00d4ff4d;color:var(--accent-color, #00d4ff);box-shadow:0 2px 8px #00d4ff33}.col-actions .view-solo-mini-btn:hover{background:linear-gradient(135deg,#00d4ff40,#0096c833);border-color:#00d4ff80;box-shadow:0 4px 15px #00d4ff66}.artists-grid-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#0006,#00000080);backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);border-radius:0}.artists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);padding:0 var(--spacing-lg);max-width:1200px;margin:0 auto}.artist-card{background:var(--background-medium);border-radius:var(--radius-md, 16px);overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.artist-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.artist-cover{position:relative;aspect-ratio:1;overflow:hidden}.artist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.view-btn{background:var(--primary-color);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d;transition:all .3s ease}.view-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f180}.view-btn-large{background:var(--primary-color);color:#fff;border:none;width:70px;height:70px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6366f166;transition:all .3s ease;font-size:var(--font-size-lg)}.view-btn-large:hover{transform:scale(1.1);box-shadow:0 8px 25px #6366f199}.artist-actions{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.artist-type-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.artist-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.artist-genre{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.artist-stats{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary)}.artist-stats .stat{display:flex;align-items:center;gap:var(--spacing-xs)}.artists-list{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.artists-list .list-header,.artists-list .list-item{grid-template-columns:60px 2fr 1fr 1fr 80px 80px 80px 100px}.view-controls{display:flex;gap:var(--spacing-sm)}.view-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--background-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-btn:hover{background:var(--background-dark);color:var(--text-primary)}.empty-section{padding:var(--spacing-3xl) 0;text-align:center}.empty-content{max-width:400px;margin:0 auto}.empty-content i{font-size:4rem;color:var(--text-tertiary);margin-bottom:var(--spacing-lg)}.empty-content h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.empty-content p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}@media (max-width: 768px){.hero-content h1{font-size:var(--font-size-3xl)}.hero-content p{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column;align-items:center}.featured-content{grid-template-columns:1fr;text-align:center}.artist-stats{justify-content:center}.playlist-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.playlist-actions{width:100%;justify-content:center}.shows-grid,.artists-grid,.hub-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--spacing-sm)}.list-header,.list-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.list-header span{display:none}}@media (max-width: 480px){.track-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.track-cover{width:80px;height:80px}.artist-actions{flex-direction:column}.hub-card{flex-direction:column;text-align:center}.show-stats{flex-direction:column;gap:var(--spacing-md)}}.weather-widget .widget-content{text-align:center}.weather-main{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.weather-icon-large{font-size:var(--font-size-4xl);line-height:1}.weather-temp{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);line-height:1}.weather-details p{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.agenda-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.agenda-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--border-radius-md);border-left:4px solid var(--border-color);transition:all .2s ease}.agenda-item.priority-high{border-left-color:var(--error-color)}.agenda-item.priority-medium{border-left-color:var(--warning-color)}.agenda-item.priority-low{border-left-color:var(--success-color)}.agenda-time{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);min-width:60px}.agenda-content{flex:1}.agenda-content h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.agenda-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.agenda-type{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.agenda-type.type-music{background:#6366f11a;color:var(--primary-color)}.agenda-type.type-show{background:#ef44441a;color:var(--error-color)}.agenda-type.type-community{background:#22c55e1a;color:var(--success-color)}.featured-grid-compact{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.featured-item-compact{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background:var(--background-light);border-radius:var(--border-radius-md);transition:all .2s ease}.featured-item-compact:hover{transform:translate(4px)}.featured-cover-compact{width:80px;height:80px;background-size:cover;background-position:center;border-radius:var(--border-radius-md);position:relative;overflow:hidden}.play-btn-compact{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.featured-item-compact:hover .play-btn-compact{opacity:1}.featured-info-compact h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.featured-info-compact p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.now-playing-feed{position:relative}.feed-container{overflow:hidden;border-radius:var(--border-radius-md)}.feed-items{display:flex;gap:var(--spacing-md);transition:transform .3s ease}.feed-item-compact{min-width:200px;height:120px;background-size:cover;background-position:center;border-radius:var(--border-radius-md);position:relative;cursor:pointer;transition:all .2s ease}.feed-item-compact:hover{transform:scale(1.05)}.item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.feed-item-compact:hover .item-overlay{opacity:1}.play-btn-feed{background:var(--primary-color);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md)}.item-info-compact{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--spacing-md);color:#fff}.item-type{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.item-info-compact h4{font-size:var(--font-size-sm);font-weight:600;margin:var(--spacing-xs) 0;color:#fff}.item-info-compact p{font-size:var(--font-size-xs);margin:0;color:#fffc}.feed-controls{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.nav-arrow{background:var(--background-light);border:1px solid var(--border-color);color:var(--text-secondary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-arrow:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--text-primary)}.quick-action:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.quick-action i{font-size:var(--font-size-xl)}.quick-action span{font-size:var(--font-size-sm);font-weight:500}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--border-radius-md);transition:all .2s ease}.activity-item:hover{background:var(--background-medium)}.activity-item i{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);background:var(--primary-color);color:#fff}.activity-content{flex:1}.activity-content p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.activity-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}@media (max-width: 768px){.agenda-header{padding:var(--spacing-lg) 0}.agenda-date h1{font-size:var(--font-size-2xl)}.day-greeting{font-size:var(--font-size-md)}.agenda-weather{flex-direction:column;text-align:center;gap:var(--spacing-md)}.dashplaylist-grid{grid-template-columns:1fr;padding:0 var(--spacing-md)}.dashplaylist-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start;padding:0 var(--spacing-md)}.dashplaylist-controls{width:100%;justify-content:flex-end}.quick-actions-grid{grid-template-columns:1fr}.feed-item-compact{min-width:150px;height:100px}}@media (max-width: 480px){.agenda-date h1{font-size:var(--font-size-xl)}.dashplaylist-grid,.dashplaylist-header{padding:0 var(--spacing-sm)}.widget-content{padding:var(--spacing-md)}}.quick-access-section{padding:var(--spacing-2xl) 0;background:var(--background-dark)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.quick-access-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background:var(--background-medium);border-radius:var(--border-radius-lg);text-align:center;transition:all .3s ease;color:var(--text-primary)}.quick-access-item:hover{transform:translateY(-4px);background:var(--background-light)}.quick-access-icon{width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);color:#fff}.quick-access-item h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg)}.quick-access-item p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.quick-access-item.featured{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;border:2px solid var(--primary-color);position:relative;overflow:hidden}.quick-access-item.featured:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.quick-access-item.featured:hover:before{transform:translate(100%)}.quick-access-item.featured h3{color:#fff}.quick-access-item.featured p{color:#ffffffe6}.live-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#f44;color:#fff;padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;animation:pulse 2s infinite}.music-container,.shows-container,.artists-container{padding:var(--spacing-lg) 0;max-width:1400px;margin:0 auto}.music-container .music-library-section,.app-content .sub-menu-filter-section{padding-left:12px;padding-right:12px;margin-top:12px}.music-container .music-list{padding-left:0;padding-right:0}.music-container .music-grid{background:linear-gradient(180deg,#0006,#00000080);backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);border-radius:16px;padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.page-header-compact{background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.header-main h1{font-size:var(--font-size-2xl);margin:0;color:var(--text-primary)}.search-container{display:flex;align-items:center;background:var(--background-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:all .2s ease}.search-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff00601a}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);border:none;color:#fff;cursor:pointer;transition:background .2s ease}.search-btn:hover{background:#e6005a}.header-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.view-options{display:flex;gap:var(--spacing-sm)}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.view-btn:hover,.view-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filters-section{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);min-width:150px}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.categories-section{margin-bottom:var(--spacing-2xl)}.category-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-tab{padding:var(--spacing-sm) var(--spacing-lg);background:var(--background-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.category-tab:hover,.category-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.music-grid,.shows-grid,.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);width:100%}.music-grid .track-card,.shows-grid .show-card,.artists-grid .artist-card{min-width:0;width:100%}.track-card,.show-card,.artist-card{background:var(--background-medium);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease}.track-card:hover,.show-card:hover,.artist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.track-card,.show-card,.artist-card{background:var(--background-medium);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.track-card:hover,.show-card:hover,.artist-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.track-cover,.show-thumbnail,.artist-cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-size:cover;background-position:center}.track-cover img,.show-thumbnail img,.artist-cover img{width:100%;height:100%;object-fit:cover;display:block}.track-info h4,.show-info h4,.artist-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.track-info p,.show-info p,.artist-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.track-overlay,.show-overlay,.artist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.track-card:hover .track-overlay,.show-card:hover .show-overlay,.artist-card:hover .artist-overlay{opacity:1}.play-btn{width:50px;height:50px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.track-info,.show-info,.artist-info{padding:var(--spacing-3) var(--spacing-4)}.track-info h3,.track-info h4,.show-info h3,.show-info h4,.artist-info h3,.artist-info h4{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.track-info p,.show-info p,.artist-info p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.track-meta,.show-meta,.artist-stats{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted)}.duration,.views,.date{display:flex;align-items:center;gap:var(--spacing-xs)}.music-list,.shows-list,.artists-list{background:var(--background-medium);border-radius:var(--border-radius-lg);overflow:hidden}.list-header{display:grid;grid-template-columns:40px 1fr 1fr 1fr 80px 100px;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.list-item{display:grid;grid-template-columns:40px 1fr 1fr 1fr 80px 100px;gap:var(--spacing-lg);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease;align-items:center}.tracks-list .list-header,.tracks-list .list-item{grid-template-columns:40px 1fr 1fr 80px 100px}.list-item:hover{background:var(--background-light)}.list-item.playing{background:#ff00601a;border-left:3px solid var(--primary-color)}.col-number{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.col-title-info{display:flex;align-items:center;gap:var(--spacing-md)}.track-thumb{width:40px;height:40px;border-radius:var(--border-radius-sm);object-fit:cover}.title-details h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-details p{margin:0;color:var(--text-muted);font-size:var(--font-size-xs)}.col-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.featured-show{margin-bottom:var(--spacing-2xl)}.featured-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);background:var(--background-medium);border-radius:var(--border-radius-lg);overflow:hidden}.featured-video{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center}.featured-info{padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.featured-info h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-3xl)}.featured-info p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.6}.featured-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--text-muted)}.artist-profile-container{min-height:100vh}.artist-header{position:relative;margin-bottom:var(--spacing-2xl)}.artist-cover{width:100%;height:400px;background-size:cover;background-position:center;position:relative}.cover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000c);display:flex;align-items:flex-end;padding:var(--spacing-2xl)}.artist-info{display:flex;gap:var(--spacing-xl);align-items:flex-end;width:100%;max-width:1200px;margin:0 auto}.artist-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;flex-shrink:0}.artist-details{flex:1;color:#fff}.artist-details h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-4xl)}.artist-genre{font-size:var(--font-size-lg);color:#fffc;margin:0 0 var(--spacing-md) 0}.artist-bio{color:#ffffffe6;line-height:1.6;margin:0 0 var(--spacing-lg) 0}.stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.artist-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color)}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.tab-btn:hover,.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.about-section h3{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.social-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-medium);border-radius:var(--border-radius-md);color:var(--text-secondary);transition:all .2s ease}.social-link:hover{background:var(--primary-color);color:#fff}.stat-item{text-align:center;padding:var(--spacing-lg);background:var(--background-medium);border-radius:var(--border-radius-lg)}.stat-number{display:block;font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--text-muted);font-size:var(--font-size-sm)}.player-container{min-height:100vh;background:var(--background-dark);display:flex;flex-direction:column}.player-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-medium);border-bottom:1px solid var(--border-color)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all .2s ease}.back-btn:hover{background:var(--background-light);color:var(--text-primary)}.player-title{flex:1}.player-title h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl)}.player-title p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.player-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.video-player{width:100%;max-width:1000px;aspect-ratio:16/9;background:#000;border-radius:var(--border-radius-lg);overflow:hidden}.video-player video{width:100%;height:100%;object-fit:contain}.embedded-video-section{position:relative;width:100%;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(180deg,#0a0a0ff2,#05050ae6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.video-player-wrapper{max-width:1400px;margin:0 auto;position:relative}.embedded-video-player{position:relative;width:100%;background:#0009;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.embedded-video{width:100%;aspect-ratio:16/9;display:block;background:#000}.video-info-overlay{position:relative;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(180deg,#0000004d,#000000b3);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border-top:1px solid rgba(255,255,255,.1)}.video-info-content{margin-bottom:var(--spacing-md)}.video-info-content .video-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.5)}.video-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.video-host{color:var(--accent-color, #00d4ff);font-weight:600;font-size:var(--font-size-md)}.video-type{color:#fff9;font-size:var(--font-size-sm);text-transform:capitalize;padding:4px 12px;background:#ffffff1a;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.video-description{color:#ffffffb3;font-size:var(--font-size-sm);line-height:1.6;margin:0;max-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-actions-bar{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.video-actions-bar .action-btn{width:44px;height:44px;padding:0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 2px 8px #0003;position:relative}.video-actions-bar .action-btn i{font-size:1.1rem;transition:all .3s ease}.video-actions-bar .action-btn .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.view-solo-btn{background:linear-gradient(135deg,#00d4ff26,#0096c81a);color:var(--accent-color, #00d4ff);border-color:#00d4ff4d}.view-solo-btn:hover{background:linear-gradient(135deg,#00d4ff40,#0096c833);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #00d4ff66;border-color:#00d4ff80}.view-solo-btn:hover i{transform:scale(1.1)}.bookmark-btn{background:#ffffff14;color:#ffffffb3;border-color:#ffffff26}.bookmark-btn:hover{background:#ffffff1f;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #0000004d;border-color:#ffffff40;color:#ffffffe6}.bookmark-btn:hover i{transform:scale(1.1)}.bookmark-btn.bookmarked{background:linear-gradient(135deg,#00d4ff33,#0096c826);color:var(--accent-color, #00d4ff);border-color:#00d4ff66;box-shadow:0 4px 15px #00d4ff4d;filter:saturate(1.2)}.bookmark-btn.bookmarked:hover{background:linear-gradient(135deg,#00d4ff4d,#0096c840);border-color:#00d4ff99;box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px) scale(1.05)}.video-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0006,#14141e99);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.placeholder-content{text-align:center;color:#ffffff80}.placeholder-content i{font-size:64px;margin-bottom:var(--spacing-md);color:#00d4ff4d}.placeholder-content h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs) 0;color:#ffffffb3}.placeholder-content p{font-size:var(--font-size-sm);margin:0;color:#ffffff80}@media (max-width: 1024px){.embedded-video-section{padding:var(--spacing-lg) var(--spacing-md)}.video-info-overlay{padding:var(--spacing-md) var(--spacing-lg)}.video-info-content .video-title{font-size:var(--font-size-xl)}}@media (max-width: 768px){.embedded-video-section{padding:var(--spacing-md)}.embedded-video-player{border-radius:12px}.video-info-overlay{padding:var(--spacing-md)}.video-info-content .video-title{font-size:var(--font-size-lg)}.video-meta{gap:var(--spacing-sm)}.video-actions-bar{flex-direction:column;width:100%}.video-actions-bar .action-btn{width:100%;justify-content:center}.placeholder-content i{font-size:48px}.placeholder-content h3{font-size:var(--font-size-lg)}}.audio-player{text-align:center;max-width:500px}.audio-visualizer{position:relative;margin-bottom:var(--spacing-2xl)}.album-art{position:relative;width:300px;height:300px;margin:0 auto;border-radius:50%;overflow:hidden}.album-art img{width:100%;height:100%;object-fit:cover}.vinyl-effect{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.3) 30%);transition:transform .1s ease}.vinyl-effect.spinning{animation:spin 3s linear infinite}.vinyl-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;background:var(--background-dark);border-radius:50%;transform:translate(-50%,-50%)}.media-info{text-align:center;max-width:600px}.media-info h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-3xl)}.artist-name{font-size:var(--font-size-xl);color:var(--text-muted);margin:0 0 var(--spacing-lg) 0}.media-meta{display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.description{color:var(--text-secondary);line-height:1.6}.player-controls{position:fixed;bottom:0;left:0;right:0;background:var(--background-medium);border-top:1px solid var(--border-color);padding:var(--spacing-lg);z-index:1000}.control-buttons{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.control-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all .2s ease;font-size:var(--font-size-lg)}.control-btn:hover{color:var(--text-primary);background:var(--background-light)}.control-btn.active{color:var(--primary-color)}.play-btn{width:60px;height:60px;background:var(--primary-color);color:#fff;font-size:var(--font-size-xl)}.play-btn:hover{background:var(--secondary-color);transform:scale(1.05)}.progress-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.time-current,.time-total{font-size:var(--font-size-sm);color:var(--text-muted);min-width:40px}.progress-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .1s ease}.progress-handle{position:absolute;top:50%;width:12px;height:12px;background:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-handle{opacity:1}.volume-section{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center}.volume-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s ease}.volume-btn:hover{color:var(--text-primary);background:var(--background-light)}.volume-bar{width:100px;height:4px;background:var(--border-color);border-radius:2px;cursor:pointer;position:relative}.volume-fill{height:100%;background:var(--primary-color);border-radius:2px;transition:width .1s ease}.playlist-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:var(--background-medium);border-left:1px solid var(--border-color);transition:right .3s ease;z-index:1001;overflow-y:auto}.playlist-sidebar.open{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.sidebar-header h3{margin:0;font-size:var(--font-size-lg)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s ease}.close-btn:hover{color:var(--text-primary);background:var(--background-light)}.playlist-items{padding:var(--spacing-md)}.playlist-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:background .2s ease}.playlist-item:hover{background:var(--background-light)}.playlist-item.active{background:#ff00601a;border-left:3px solid var(--primary-color)}.item-thumb{width:40px;height:40px;border-radius:var(--border-radius-sm);object-fit:cover}.item-info{flex:1}.item-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info p{margin:0;color:var(--text-muted);font-size:var(--font-size-xs)}.item-duration{font-size:var(--font-size-xs);color:var(--text-muted)}.playlist-toggle{position:fixed;bottom:100px;right:var(--spacing-lg);width:50px;height:50px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:all .3s ease;z-index:1000}.playlist-toggle:hover{background:var(--secondary-color);transform:scale(1.1)}@media (max-width: 768px){.hero-actions{flex-direction:column;align-items:center}.featured-grid{grid-template-columns:1fr}.featured-large{grid-row:span 1}.feed-item{width:250px;height:350px}.artist-info{flex-direction:column;align-items:center;text-align:center}.artist-avatar{width:80px;height:80px}.playlist-sidebar{width:100%;right:-100%}.player-main{padding:var(--spacing-lg)}.album-art{width:200px;height:200px}}@media (max-width: 480px){.feed-item{width:200px;height:300px}.quick-access-grid{grid-template-columns:repeat(2,1fr)}.list-header,.list-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.col-title{display:none}}.my-saves-container{--saves-accent: #7bed9f;--saves-accent-warm: #ff9f7a;--saves-highlight: #ffd93d;--saves-soft-blue: #6bcbff;--saves-glow: rgba(123, 237, 159, .25);--saves-glow-warm: rgba(255, 159, 122, .2);min-height:100vh;background:var(--background-dark);color:var(--text-primary);padding:var(--spacing-lg);box-sizing:border-box;max-width:100%;overflow-x:hidden}.my-saves-container .saved-page{box-sizing:border-box;max-width:100%}.my-saves-container .saves-content-glass{box-sizing:border-box;max-width:100%;overflow-x:hidden}.my-saves-container .saves-recent-list{max-width:100%;overflow-x:hidden}.my-saves-container .saves-recent-item{max-width:100%;box-sizing:border-box}.saves-profile-hero{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:24px;margin-bottom:var(--spacing-xl);overflow:hidden;backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.saves-profile-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--saves-glow) 0%,transparent 50%),radial-gradient(circle at 70% 70%,var(--saves-glow-warm) 0%,transparent 50%);pointer-events:none;animation:glowPulse 8s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.saves-profile-content{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl)}.saves-avatar-wrapper{flex-shrink:0}.saves-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #0006;transition:all .3s ease}.saves-avatar-img:hover{transform:scale(1.05);border-color:var(--primary-color)}.saves-avatar-guest{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffff80}.saves-profile-info{flex:1}.saves-username{font-size:1.75rem;font-weight:700;margin:0 0 4px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.saves-tagline{font-size:.9rem;color:#fff9;margin:0 0 var(--spacing-md) 0}.saves-stats{display:flex;gap:var(--spacing-xl)}.saves-stat{display:flex;flex-direction:column;align-items:center}.saves-stat-number{font-size:1.5rem;font-weight:700;color:var(--saves-highlight);text-shadow:0 0 20px var(--saves-glow)}.saves-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.saves-stat-link{text-decoration:none;color:inherit;border-radius:12px;padding:6px 12px;margin:-6px -12px;transition:background .2s ease,transform .15s ease}.saves-stat-link:hover{background:#ffffff14}.saves-stat-link:active{transform:scale(.98)}.saves-stat-link .saves-stat-number{color:var(--saves-highlight)}.saves-tabs-glass{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:6px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.saves-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:12px;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.saves-tab-btn:hover{background:#ffffff0d;color:#ffffffe6}.saves-tab-btn.active{background:linear-gradient(135deg,#7bed9f40,#6bcbff33);color:#fff;box-shadow:0 4px 15px var(--saves-glow)}.saves-tab-btn i{font-size:1rem}.saves-tab-count{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.saves-tab-btn.active .saves-tab-count{background:#7bed9f40;color:#fff}.saves-content-glass{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:var(--spacing-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:400px}.saves-filter-pills{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.saves-pill{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.saves-pill:hover{background:#ffffff14;color:#fff}.saves-pill.active{background:var(--saves-accent);border-color:var(--saves-accent);color:#0d1f14;box-shadow:0 4px 15px #00d4ff4d}.saves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-lg)}.saves-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.saves-card:hover{transform:translateY(-4px);border-color:#7bed9f59;box-shadow:0 12px 30px #0006,0 0 20px var(--saves-glow)}.saves-card-art{position:relative;aspect-ratio:1;overflow:hidden}.saves-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.saves-card:hover .saves-card-art img{transform:scale(1.05)}.saves-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.saves-card:hover .saves-card-overlay{opacity:1}.saves-play-btn{width:50px;height:50px;border-radius:50%;background:var(--saves-accent);border:none;color:#0d1f14;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 20px var(--saves-glow)}.saves-play-btn:hover{transform:scale(1.1)}.saves-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#000000b3;border:none;color:var(--saves-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:0;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saves-card:hover .saves-remove-btn{opacity:1}.saves-remove-btn:hover{background:var(--saves-accent-warm);color:#fff}.saves-type-badge{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#000000b3;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saves-card-info{padding:var(--spacing-md)}.saves-card-info h3{font-size:.9rem;font-weight:600;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-card-info p{font-size:.8rem;color:#ffffff80;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-date{font-size:.7rem;color:#fff6}.saves-recent-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.saves-recent-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .2s ease}.saves-recent-item:hover{background:#ffffff0f;border-color:#7bed9f40}.saves-recent-art{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0}.saves-recent-art img{width:100%;height:100%;object-fit:cover}.saves-recent-play{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:0;transition:opacity .2s ease}.saves-recent-item:hover .saves-recent-play{opacity:1}.saves-recent-info{flex:1;min-width:0}.saves-recent-info h3{font-size:.95rem;font-weight:600;margin:0 0 2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-recent-info p{font-size:.8rem;color:#ffffff80;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-recent-time{font-size:.75rem;color:#fff6}.saves-recent-actions{display:flex;gap:var(--spacing-sm)}.saves-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.saves-action-btn:hover{background:#ffffff1a;color:#fff}.saves-action-btn.bookmarked{background:var(--saves-accent);border-color:var(--saves-accent);color:#0d1f14}.saves-empty-glass{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);min-height:300px}.saves-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffff4d;margin-bottom:var(--spacing-lg)}.saves-empty-glass h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 var(--spacing-sm) 0}.saves-empty-glass p{font-size:.9rem;color:#ffffff80;margin:0 0 var(--spacing-lg) 0;max-width:300px}.saves-cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:#161423f5;border:2.5px solid rgba(123,237,159,.35);border-radius:13px;color:#fff;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.36,0,.21,1);box-shadow:0 0 0 1px #7bed9f33,0 4px 18px #0000004d,0 2px 20px 4px var(--saves-glow);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);outline:none}.saves-cta-btn:focus-visible{border-color:var(--saves-accent);box-shadow:0 0 0 1.5px var(--saves-accent),0 4px 22px var(--saves-glow)}.saves-cta-btn:hover{border-color:var(--saves-accent);box-shadow:0 0 0 2px var(--saves-accent),0 8px 30px var(--saves-glow);transform:translateY(-2px)}@media (max-width: 768px){.my-saves-container{padding:10px 12px 1.5rem;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.saves-profile-hero{border-radius:14px;margin-bottom:var(--spacing-md);padding:0}.saves-profile-content{flex-direction:column;text-align:center;padding:var(--spacing-md) var(--spacing-sm)}.saves-avatar-guest{width:56px;height:56px;font-size:1.5rem}.saves-username{font-size:1.35rem;margin:0 0 2px}.saves-stats{justify-content:center;gap:var(--spacing-lg)}.saves-stat-number{font-size:1.25rem}.saves-stat-label{font-size:.7rem}.saves-tabs-glass{border-radius:12px;padding:4px;margin-bottom:var(--spacing-md)}.saves-tab-btn{padding:10px 14px;font-size:.85rem}.saves-tab-btn span:not(.saves-tab-count){display:none}.saves-content-glass{border-radius:14px;padding:12px 10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));min-height:200px}.saves-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-sm)}.saves-card{border-radius:12px}.saves-recent-list{display:flex;flex-direction:column;gap:6px;padding-bottom:0;overflow-x:hidden}.saves-recent-item{display:flex;align-items:center;padding:8px 6px;gap:10px;border-radius:10px;min-height:0;min-width:0}.saves-recent-art{width:44px;height:44px;border-radius:6px;flex-shrink:0}.saves-recent-play{opacity:1;background:#00000059;font-size:.85rem}.saves-recent-info{flex:1;min-width:0;overflow:hidden}.saves-recent-info h3{font-size:.875rem;font-weight:600;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-recent-info p{font-size:.7rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-recent-meta{font-size:.65rem;gap:.25rem;flex-wrap:nowrap;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saves-recent-actions{flex-shrink:0}.saves-action-btn{width:40px;height:40px;min-width:40px;min-height:40px;font-size:.8rem}.saves-guest-banner{margin:10px 0;padding:10px 12px;border-radius:10px}.saves-guest-banner p{font-size:13px}.saves-stat-link{min-height:44px;min-width:44px;justify-content:center;align-items:center}}@media (max-width: 480px){.my-saves-container{padding:8px 10px 1.25rem;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.saves-profile-hero{margin-bottom:10px}.saves-profile-content{padding:10px 8px}.saves-avatar-guest{width:48px;height:48px;font-size:1.25rem}.saves-username{font-size:1.2rem}.saves-content-glass{padding:10px 8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.saves-recent-item{padding:6px 4px;gap:8px}.saves-recent-art{width:40px;height:40px}.saves-recent-info h3{font-size:.8125rem}.saves-recent-info p{font-size:.65rem}.saves-recent-meta{font-size:.6rem}.saves-action-btn{width:36px;height:36px;min-width:36px;min-height:36px}}@media (max-width: 380px){.saves-recent-item{padding:6px 4px;gap:6px}.saves-recent-art{width:38px;height:38px}.saves-recent-info h3,.saves-recent-play{font-size:.75rem}}.page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-3xl);font-weight:700;margin:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.user-stats{display:flex;gap:var(--spacing-lg)}.stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.stat i{color:var(--primary-color)}.saves-nav{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.nav-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;font-size:var(--font-size-base)}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.nav-tab i{margin-right:var(--spacing-xs)}.saves-content,.playlists-content,.liked-content,.recent-content{min-height:400px}.content-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-light);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease;font-size:var(--font-size-sm)}.filter-btn:hover{background:var(--background-hover);color:var(--text-primary)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.saved-grid,.playlists-grid,.liked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.saved-item,.playlist-card,.liked-item{background:var(--background-light);border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;cursor:pointer}.saved-item:hover,.playlist-card:hover,.liked-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.item-cover,.playlist-cover{position:relative;aspect-ratio:1;overflow:hidden}.item-cover img,.playlist-cover img{width:100%;height:100%;object-fit:cover}.item-overlay,.playlist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.saved-item:hover .item-overlay,.playlist-card:hover .playlist-overlay{opacity:1}.play-btn{width:50px;height:50px;border-radius:50%;background:var(--primary-color);border:none;color:#fff;font-size:var(--font-size-lg);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn:hover{background:var(--primary-hover);transform:scale(1.1)}.item-actions,.playlist-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs)}.action-btn{width:32px;height:32px;border-radius:50%;background:#000000b3;border:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.action-btn:hover{background:var(--primary-color)}.save-btn,.bm-btn{background:#000000b3}.save-btn.saved,.bm-btn.is-bookmarked{background:var(--primary-color);color:#fff}.add-btn{background:#000000b3}.add-btn:hover{background:#10b981}.like-btn{background:#000000b3}.like-btn.liked{background:#ef4444;color:#fff}.menu-btn{background:#000000b3}.menu-btn:hover{background:#6b7280}.item-info,.playlist-info{padding:var(--spacing-md)}.item-info h3,.playlist-info h3{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info p,.playlist-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta,.playlist-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-secondary)}.item-type{background:var(--background-dark);padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:500}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--border-radius);transition:all .3s ease;cursor:pointer}.recent-item:hover{background:var(--background-hover)}.recent-item .item-cover{width:60px;height:60px;flex-shrink:0}.recent-item .item-info{flex:1;padding:0}.recent-item .item-actions{position:static;display:flex;gap:var(--spacing-sm)}.play-btn-small{width:40px;height:40px;border-radius:50%;background:var(--primary-color);border:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn-small:hover{background:var(--primary-hover);transform:scale(1.1)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state i{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--text-tertiary)}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state p{font-size:var(--font-size-base)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--background-light);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header h3{margin:0;font-size:var(--font-size-xl)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs)}.close-btn:hover{color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-dark);color:var(--text-primary);font-size:var(--font-size-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-xs)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.playlist-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--background-dark);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.playlist-option:hover{background:var(--background-hover)}.playlist-option .playlist-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.playlist-option .playlist-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.add-btn{width:32px;height:32px;border-radius:50%;background:var(--primary-color);border:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.add-btn:hover{background:var(--primary-hover);transform:scale(1.1)}.playlist-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.playlist-option,.create-playlist-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-dark);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.playlist-option:hover,.create-playlist-option:hover{background:var(--background-hover);border-color:var(--primary-color);transform:translateY(-1px)}.playlist-color{width:40px;height:40px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #0003}.playlist-info{flex:1}.playlist-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.playlist-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.create-playlist-option{border:2px dashed var(--border-color);background:var(--background-light)}.create-playlist-option:hover{border-color:var(--primary-color);background:var(--background-hover)}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.color-option.active{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 0 0 2px var(--background-dark)}.notification{animation:slideIn .3s ease-out}.upgrade-prompt{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.upgrade-content{text-align:center}.upgrade-icon{font-size:48px;margin-bottom:var(--spacing-md)}.upgrade-content h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.upgrade-content p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.5}.upgrade-actions{display:flex;gap:var(--spacing-md);justify-content:center}.upgrade-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-weight:500;transition:all .3s ease}.upgrade-actions .btn-primary{background:var(--primary-color);color:#fff;border:none}.upgrade-actions .btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.upgrade-actions .btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.upgrade-actions .btn-outline:hover{background:var(--background-hover);color:var(--text-primary)}@media (max-width: 768px){.nav-container{padding:var(--spacing-sm)}.nav-brand{font-size:var(--font-size-lg)}.nav-links{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.action-btn{width:36px;height:36px;font-size:14px}.show-actions{gap:var(--spacing-xs)}.modal-content{margin:var(--spacing-md);max-height:90vh;overflow-y:auto}.upgrade-prompt{margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.shows-grid,.music-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.show-card,.music-card{min-height:200px}.show-info h3,.music-info h3{font-size:var(--font-size-sm);line-height:1.3}.form-group input,.form-group textarea{font-size:16px}button,.btn{min-height:44px;min-width:44px}.notification{right:var(--spacing-sm);left:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.shows-grid,.music-grid{grid-template-columns:1fr}.shows-page .shows-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.saved-grid{grid-template-columns:1fr}.nav-links{flex-direction:column;gap:var(--spacing-xs)}.page-header h1{font-size:var(--font-size-xl)}.featured-info h2{font-size:var(--font-size-lg)}}@media (hover: none) and (pointer: coarse){.action-btn:hover{transform:none}.action-btn:active{transform:scale(.95)}.btn:hover{transform:none}.btn:active{transform:scale(.98)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.page-header h1{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:var(--spacing-sm) var(--spacing-md);padding-right:40px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-light);color:var(--text-primary);font-size:var(--font-size-sm);min-width:250px}.search-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs)}.view-btn{padding:var(--spacing-sm);border:1px solid var(--border-color);background:var(--background-light);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease}.view-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.type-filter{margin-bottom:var(--spacing-lg)}.filter-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.filter-tab{padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.featured-artist{background:var(--background-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color)}.featured-artist-compact{background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.featured-content-compact{display:flex;gap:var(--spacing-lg);align-items:flex-start}.featured-avatar-compact{position:relative;flex-shrink:0}.featured-avatar-compact .artist-image-compact{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.artist-badge-compact{position:absolute;bottom:-5px;right:-5px;background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.featured-info-compact{flex:1;min-width:0}.featured-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.featured-header h2{font-size:var(--font-size-xl);margin:0;color:var(--text-primary);font-weight:600}.featured-meta-compact{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.genre-compact,.followers-compact{font-size:var(--font-size-sm);color:var(--text-muted)}.verified-compact{color:var(--accent-color);font-size:var(--font-size-sm)}.featured-description-compact{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-actions-compact{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}@media (max-width: 768px){.artists-container{padding:var(--spacing-md) var(--spacing-sm)}.page-header-compact{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.header-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.header-main h1{font-size:var(--font-size-xl)}.search-container{width:100%}.featured-artist-compact{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.featured-content-compact{flex-direction:column;gap:var(--spacing-md);text-align:center}.featured-avatar-compact{align-self:center}.featured-header{flex-direction:column;align-items:center;text-align:center}.featured-meta-compact,.featured-actions-compact{justify-content:center}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.artist-card{padding:var(--spacing-sm)}.artist-info h3{font-size:var(--font-size-sm)}.artist-info p{font-size:var(--font-size-xs)}.artist-stats{gap:var(--spacing-xs)}.artist-stats .stat{font-size:var(--font-size-xs)}.artists-list .artist-item{padding:var(--spacing-sm)}.artist-item .artist-info{gap:var(--spacing-xs)}.artist-item h3{font-size:var(--font-size-sm)}.artist-item p{font-size:var(--font-size-xs)}}@media (max-width: 480px){.artists-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.artist-card{padding:var(--spacing-xs)}.artist-cover img{height:120px}.featured-avatar-compact .artist-image-compact{width:60px;height:60px}.featured-header h2{font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-xs);font-size:var(--font-size-xs);min-height:28px}}.featured-content{display:flex;gap:var(--spacing-xl);align-items:center}.featured-avatar{position:relative;flex-shrink:0}.featured-avatar .artist-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.artist-badge{position:absolute;bottom:0;right:0;background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.featured-info{flex:1}.featured-info h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.featured-info p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);line-height:1.6}.featured-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.featured-meta span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.featured-meta .verified{color:var(--primary-color);font-weight:600}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.artist-card{background:var(--background-light);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.artist-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--primary-color)}.artist-cover{position:relative;height:200px;overflow:hidden}.artist-cover .artist-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.artist-card:hover .artist-cover .artist-image{transform:scale(1.05)}.artist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#000000b3,#0000004d);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.artist-card:hover .artist-overlay{opacity:1}.view-btn{background:#ffffffe6;color:var(--text-primary);border:none;padding:var(--spacing-md);border-radius:50%;cursor:pointer;font-size:var(--font-size-lg);transition:all .3s ease}.view-btn:hover{background:#fff;transform:scale(1.1)}.artist-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.artist-info{padding:var(--spacing-lg)}.artist-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.artist-genre{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.artist-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.artist-stats .stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.artist-stats .stat i{color:var(--primary-color)}.artists-list{background:var(--background-light);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-color)}.list-header{display:grid;grid-template-columns:60px 1fr 80px 120px 80px 80px 100px 120px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-medium);border-bottom:1px solid var(--border-color);font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary)}.list-items{max-height:600px;overflow-y:auto}.list-item{display:grid;grid-template-columns:60px 1fr 80px 120px 80px 80px 100px 120px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .3s ease;align-items:center}.list-item:hover{background:var(--background-hover)}.list-item:last-child{border-bottom:none}.col-avatar{position:relative}.artist-thumbnail{width:40px;height:40px;border-radius:50%;object-fit:cover}.col-name h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.col-name p{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.col-actions{display:flex;gap:var(--spacing-xs)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state i{font-size:48px;margin-bottom:var(--spacing-md);color:var(--text-muted)}.empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.empty-state p{margin:0;font-size:var(--font-size-sm)}.debug-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg);background:var(--background-light);border-radius:var(--border-radius-lg);min-height:80vh}.debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-color)}.debug-header h1{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.debug-actions{display:flex;gap:var(--spacing-sm)}.debug-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);overflow-x:auto}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.tab-btn:hover{color:var(--text-primary);background:var(--background-hover)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--background-hover)}.debug-content{background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);min-height:500px;border:1px solid var(--border-color)}.logs-container{height:100%}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.logs-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.log-controls{display:flex;gap:var(--spacing-md);align-items:center}.filter-select,.search-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-light);color:var(--text-primary);font-size:var(--font-size-sm)}.logs-list{max-height:600px;overflow-y:auto;background:var(--background-dark);border-radius:var(--border-radius);padding:var(--spacing-sm)}.log-entry{margin-bottom:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--border-color);background:var(--background-light);cursor:pointer;transition:all .3s ease}.log-entry:hover{background:var(--background-hover);transform:translate(2px)}.log-entry.log-error{border-left-color:#ef4444;background:#ef44440d}.log-entry.log-warning{border-left-color:#f59e0b;background:#f59e0b0d}.log-entry.log-info{border-left-color:#3b82f6;background:#3b82f60d}.log-header{display:grid;grid-template-columns:100px 80px 100px 1fr 30px;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs)}.log-time{color:var(--text-muted);font-family:monospace}.log-level{font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;text-align:center;font-size:10px}.level-error{background:#ef4444;color:#fff}.level-warning{background:#f59e0b;color:#fff}.level-info{background:#3b82f6;color:#fff}.log-source{color:var(--text-secondary);font-weight:500}.log-message{color:var(--text-primary);font-weight:500}.log-toggle{text-align:center;color:var(--text-muted)}.log-toggle i{transition:transform .3s ease}.log-toggle i.rotated{transform:rotate(180deg)}.log-details{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-dark);border-radius:var(--border-radius);font-family:monospace;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;border:1px solid var(--border-color)}.no-logs{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.no-logs i{font-size:48px;margin-bottom:var(--spacing-md);color:var(--text-muted)}.console-container{height:100%}.console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.console-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.console-output{background:var(--background-dark);border-radius:var(--border-radius);padding:var(--spacing-md);min-height:300px;font-family:monospace;font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;overflow-y:auto;max-height:400px;border:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.console-line{margin-bottom:var(--spacing-xs);padding:2px 0}.console-line.error{color:#ef4444}.console-line.success{color:#10b981}.console-line.info{color:#3b82f6}.console-line.command{color:#f59e0b;font-weight:600}.console-input{display:flex;gap:var(--spacing-sm);align-items:center}.command-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-light);color:var(--text-primary);font-family:monospace;font-size:var(--font-size-sm)}.api-tests-container h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.test-card{background:var(--background-light);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);text-align:center;transition:all .3s ease}.test-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.test-card h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-md)}.test-card p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.test-results{background:var(--background-dark);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--border-color)}.test-result{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.test-result.success{background:#10b9811a;border-left:4px solid #10b981;color:#10b981}.test-result.error{background:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.test-result.info{background:#3b82f61a;border-left:4px solid #3b82f6;color:#3b82f6}.test-result small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);opacity:.8}.data-container h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.data-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--background-light);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg)}.stat-content h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-md)}.stat-number{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);display:block}.stat-content p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs)}.data-details{background:var(--background-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.data-details h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-md)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-medium);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.activity-item i{font-size:8px}.text-success{color:#10b981}.text-info{color:#3b82f6}.activity-item small{margin-left:auto;color:var(--text-muted);font-size:var(--font-size-xs)}.performance-container h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.metric-card{background:var(--background-light);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.metric-card h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-md)}.metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.metric-bar{height:8px;background:var(--background-medium);border-radius:4px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#8b5cf6);transition:width .3s ease}.performance-actions{display:flex;gap:var(--spacing-md);justify-content:center}@media (max-width: 768px){.debug-container{padding:var(--spacing-md)}.debug-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.debug-actions{justify-content:center}.debug-tabs{flex-wrap:wrap}.log-header{grid-template-columns:80px 60px 80px 1fr 20px;gap:var(--spacing-xs);font-size:10px}.test-grid,.data-stats,.performance-grid{grid-template-columns:1fr}.console-input{flex-direction:column}.command-input{width:100%}}@media (max-width: 768px){.artists-container{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.header-actions{flex-direction:column;gap:var(--spacing-sm)}.search-input{min-width:auto;width:100%}.featured-content{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.featured-avatar .artist-image{width:100px;height:100px}.featured-meta,.featured-actions{justify-content:center}.artists-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.artist-card{min-height:250px}.artist-cover{height:150px}.list-header,.list-item{grid-template-columns:50px 1fr 60px 80px 60px 60px 80px;gap:var(--spacing-sm);padding:var(--spacing-sm)}.col-followers{display:none}.artist-thumbnail{width:32px;height:32px}.col-name h4{font-size:var(--font-size-xs)}.col-name p{display:none}}.global-player{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--background-dark) 0%,rgba(0,0,0,.95) 100%);border-top:1px solid var(--border-color);padding:var(--spacing-md);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0000004d}.global-player .player-container{display:flex;align-items:center;gap:var(--spacing-lg);max-width:1400px;margin:0 auto;min-height:80px}.global-player .player-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:250px;flex-shrink:0}.player-cover-container{position:relative;width:60px;height:60px;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 4px 12px #0000004d}.global-player .player-cover{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.global-player .player-cover.spinning{animation:spin 3s linear infinite}.global-player .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg);opacity:0;transition:opacity .3s ease}.global-player .player-cover-container:hover .play-overlay{opacity:1}.global-player .player-details{flex:1;min-width:0}.global-player .player-details h4{font-size:var(--font-size-md);margin:0 0 4px;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-player .player-details p{font-size:var(--font-size-sm);margin:0 0 4px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-player .player-meta{display:flex;gap:var(--spacing-sm);align-items:center}.global-player .track-type{font-size:var(--font-size-xs);color:var(--primary-color);background:#6366f11a;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.global-player .track-duration{font-size:var(--font-size-xs);color:var(--text-tertiary)}.global-player .player-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.global-player .control-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .2s ease;position:relative}.global-player .control-btn:hover{background:var(--background-light);color:var(--text-primary);transform:translateY(-1px)}.global-player .control-btn.active{color:var(--primary-color);background:#6366f11a}.global-player .play-btn{background:var(--primary-color);color:#fff;font-size:var(--font-size-lg);padding:var(--spacing-md);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.global-player .play-btn:hover{background:var(--primary-hover);color:#fff;transform:scale(1.05);box-shadow:0 6px 16px #6366f166}.global-player .player-progress{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);min-width:300px;max-width:500px}.global-player .time-current,.global-player .time-total{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:40px;font-weight:500;font-variant-numeric:tabular-nums}.global-player .progress-bar{flex:1;height:6px;background:var(--background-light);border-radius:3px;cursor:pointer;position:relative;transition:height .2s ease}.global-player .progress-bar:hover{height:8px}.global-player .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px;transition:width .1s ease;position:relative}.global-player .progress-handle{position:absolute;top:50%;width:12px;height:12px;background:#fff;border:2px solid var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;box-shadow:0 2px 6px #0003}.global-player .progress-bar:hover .progress-handle{opacity:1}.global-player .player-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.global-player .analog-clock{margin-left:var(--spacing-sm);background:transparent}.global-player .action-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .2s ease;position:relative}.global-player .action-btn:hover{color:var(--primary-color);background:var(--background-light);transform:translateY(-1px)}.global-player .action-btn.liked{color:var(--error-color);background:#ef44441a}.global-player .action-btn.saved{color:var(--success-color);background:#10b9811a}.global-player .action-btn.muted{color:var(--warning-color);background:#f59e0b1a}@media (max-width: 480px){.global-player{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#000000f2,#000000fa);border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.global-player .player-container{gap:var(--spacing-sm);min-height:70px;flex-wrap:nowrap}.global-player .player-info{min-width:180px;flex:1;min-width:0}.player-cover-container{width:50px;height:50px;flex-shrink:0}.global-player .player-details h4{font-size:var(--font-size-sm);font-weight:700}.global-player .player-details p{font-size:var(--font-size-xs);opacity:.8}.global-player .player-controls{gap:var(--spacing-xs);flex-shrink:0}.global-player .control-btn{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.global-player .play-btn{width:42px;height:42px;font-size:var(--font-size-md)}.global-player .player-progress{position:absolute;bottom:0;left:0;right:0;min-width:auto;max-width:none;height:4px;padding:0;background:#ffffff1a}.global-player .time-current,.global-player .time-total{display:none}.global-player .progress-bar{height:4px;border-radius:0;background:transparent}.global-player .progress-fill{height:100%;border-radius:0}.global-player .player-actions{gap:var(--spacing-xs);flex-shrink:0}.global-player .action-btn{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.main-content{padding-bottom:80px}}@media (max-width: 768px) and (min-width: 481px){.global-player .player-container{gap:var(--spacing-md)}.global-player .player-info{min-width:200px}.player-cover-container{width:50px;height:50px}.global-player .player-details h4{font-size:var(--font-size-sm)}.global-player .player-details p{font-size:var(--font-size-xs)}.global-player .player-progress{min-width:150px}.global-player .player-actions{gap:var(--spacing-xs)}.global-player .action-btn{padding:var(--spacing-xs);font-size:var(--font-size-sm)}}@media (max-width: 480px){.global-player{padding:var(--spacing-sm)}.global-player .player-container{gap:var(--spacing-sm)}.global-player .player-info{min-width:150px}.global-player .player-details h4,.global-player .player-details p{font-size:var(--font-size-xs)}.global-player .player-meta{display:none}.global-player .player-progress{min-width:100px}.global-player .time-current,.global-player .time-total{min-width:30px;font-size:10px}}.ahoy-toast{position:fixed;bottom:-60px;left:50%;transform:translate(-50%);padding:10px 18px;font-size:.85rem;border-radius:10px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;opacity:0;transition:all .3s ease;z-index:9999}.ahoy-toast.visible{bottom:25px;opacity:1}@media (max-width: 480px){.artists-grid{grid-template-columns:1fr}.list-header,.list-item{grid-template-columns:40px 1fr 50px 60px 40px 40px;gap:var(--spacing-xs);padding:var(--spacing-xs)}.col-type,.col-tracks,.col-shows{display:none}.artist-thumbnail{width:28px;height:28px}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.user-stats{flex-wrap:wrap;gap:var(--spacing-md)}.saves-nav{flex-wrap:wrap}.saved-grid,.playlists-grid,.liked-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.recent-item{flex-direction:column;align-items:flex-start;text-align:left}.recent-item .item-cover{width:100%;height:120px}.recent-item .item-actions{width:100%;justify-content:flex-start;margin-top:var(--spacing-sm)}}.debug-page{min-height:100vh;background:var(--background-light)}.debug-section{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.debug-section:last-child{border-bottom:none}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.section-header p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.account-card{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);transition:all .3s ease}.account-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.account-avatar{text-align:center;margin-bottom:var(--spacing-md)}.account-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.account-info h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;text-align:center}.account-username{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0 0 var(--spacing-xs) 0;text-align:center}.account-email{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;text-align:center}.account-stats{display:flex;justify-content:space-around;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-dark);border-radius:var(--border-radius-md)}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.stat i{color:var(--primary-color);font-size:var(--font-size-md)}.account-actions{display:flex;gap:var(--spacing-sm)}.account-actions .btn{flex:1;justify-content:center}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.tool-card{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tool-icon{width:60px;height:60px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md) auto;font-size:var(--font-size-xl);color:#fff}.tool-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.tool-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.tool-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tool-actions .btn{justify-content:center}.session-info{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg)}.session-card{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg)}.session-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.session-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.session-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.large-modal{max-width:800px;max-height:80vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--background-dark)}.modal-close{background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease}.modal-close:hover{color:var(--text-primary);background:var(--background-light)}.modal-content{padding:var(--spacing-lg);max-height:60vh;overflow-y:auto}.modal-content pre{background:var(--background-dark);padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(180deg,#0006,#00000080);backdrop-filter:saturate(140%) blur(20px);-webkit-backdrop-filter:saturate(140%) blur(20px);border-radius:16px;margin:var(--spacing-xl) 0}.track-card{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.track-card.playing{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.track-card.playing-active .track-overlay{opacity:1}.track-card.playing-active .track-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #6366f180;pointer-events:none}.track-overlay-visible{opacity:1!important}.track-cover{position:relative;width:100%;height:200px;overflow:hidden}.track-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.track-card:hover .track-cover img{transform:scale(1.05)}.track-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.track-card:hover .track-overlay{opacity:1}.track-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .3s ease}.track-card:hover .track-actions{opacity:1}@media (hover: none),(pointer: coarse){.track-overlay,.track-actions{opacity:1}}.artist-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .3s ease}.artist-card:hover .artist-actions{opacity:1}.track-info{padding:var(--spacing-md)}.track-info h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-tertiary)}.track-duration.glass-tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #0000002e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe6;font-variant-numeric:tabular-nums;letter-spacing:.3px;font-size:.7rem;line-height:1.1}.music-grid .track-meta{justify-content:flex-end}.track-type{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.music-list{background:#0a0e1885;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-radius:14px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 12px 28px #00000047;position:relative}.music-list:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.14) 50%,transparent 100%);pointer-events:none}.music-table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.music-table-wrap::-webkit-scrollbar{height:6px}.music-table-wrap::-webkit-scrollbar-track{background:transparent}.music-table-wrap::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.music-table-wrap::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.music-table{display:table;width:100%;border-collapse:collapse}.music-table thead{display:contents;background:transparent;box-shadow:none;position:static}.music-table tbody{display:contents}.music-table tr{display:grid;position:relative;grid-template-columns:[art] 64px [title-artist] minmax(200px,1fr) [duration] 80px [plays] 80px [actions] 120px;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05)}.music-table thead tr{position:sticky;top:0;z-index:10;background:#000;border-bottom:1px solid rgba(255,255,255,.1);height:44px}.music-table th{padding:0;text-align:left;font-weight:600;color:#ffffff80;font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:none;background:transparent;display:flex;align-items:center;height:100%}.music-table th.col-duration,.music-table th.col-plays{justify-content:flex-end}.music-table td{padding:8px 0;display:flex;align-items:center;min-width:0;font-size:13px;color:#ffffffd9;height:100%}.music-table th.col-art,.music-table td.col-art,.music-table th.col-title,.music-table td.col-title,.music-table th.col-artist,.music-table td.col-artist,.music-table th.col-title-artist,.music-table td.col-title-artist,.music-table th.col-duration,.music-table td.col-duration,.music-table th.col-plays,.music-table td.col-plays,.music-table th.col-action,.music-table td.col-action{width:auto;min-width:0;padding:0;box-sizing:border-box}.music-table td.col-duration,.music-table td.col-plays{justify-content:flex-end;font-variant-numeric:tabular-nums;color:#ffffff80}.music-table .music-table-art-wrap{position:relative;width:48px;height:48px}.music-table .music-table-art{width:100%;height:100%;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.music-table .music-table-art-play{position:absolute;top:0;right:0;bottom:0;left:0;border:none;border-radius:6px;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease;font-size:14px}.music-table tbody tr:hover .music-table-art-play,.music-table tbody tr.playing .music-table-art-play{opacity:1}.music-table .music-table-art-play:hover{background:#000000a6}.music-table tbody tr.playing .music-table-art-play{background:#6366f1bf}.music-table .music-table-art-play:focus-visible{opacity:1;outline:none;box-shadow:0 0 0 2px #ffffff4d}.music-table td.col-title .title-link,.music-table td.col-title-artist .title-link{display:block;min-width:0;text-decoration:none}.music-table td.col-title .title-text,.music-table td.col-title-artist .title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fffffff2;font-weight:500;display:block}.music-table td.col-title .title-link:hover .title-text,.music-table td.col-title-artist .title-link:hover .title-text{color:#fff}.music-table td.col-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffa6}.music-table td.col-plays{color:#ffffff80;font-variant-numeric:tabular-nums}.music-table td.col-duration{color:#fff9;font-variant-numeric:tabular-nums}.music-table td.col-action{display:flex;align-items:center;justify-content:flex-start;gap:8px}.music-table td.col-action .episode-btn{width:32px;height:32px;border-radius:6px;flex-shrink:0}.music-table td.col-action .episode-btn.queue-btn.in-queue{background:#ffffff1f;border-color:#ffffff4d;color:#fffffff2}.music-table td.col-action .episode-btn.boost-btn:hover{color:#ec4899f2}@media (max-width: 900px){.music-table-wrap{overflow:visible;margin:0;padding:0}.music-table{width:100%;min-width:0;table-layout:fixed}.music-table th,.music-table td{padding:8px 10px;font-size:12px}.music-table th.col-art,.music-table td.col-art{width:48px;min-width:48px}.music-table th.col-title-artist,.music-table td.col-title-artist{width:1%;min-width:0}.music-table .music-table-art-wrap,.music-table .music-table-art{width:36px;height:36px}.music-table th.col-duration,.music-table td.col-duration{width:56px;min-width:56px}.music-table th.col-plays,.music-table td.col-plays{width:50px;min-width:50px}.music-table th.col-action,.music-table td.col-action{width:110px;min-width:110px}}@media (max-width: 768px){.music-table-wrap{overflow:visible;width:100%;margin:0;padding:0}.music-table{width:100%;min-width:0;table-layout:fixed;font-size:13px}.music-table th.col-art,.music-table td.col-art{width:48px;min-width:48px;max-width:48px;padding:10px 8px 10px 12px}.music-table th.col-title-artist,.music-table td.col-title-artist{width:1%;min-width:0;padding:10px 8px;overflow:hidden}.music-table .music-track-meta{gap:1px}.music-table .music-track-meta .title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600}.music-table .music-track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#ffffffb3}.music-table th.col-duration,.music-table td.col-duration{width:44px;min-width:44px;max-width:44px;padding:10px 4px;font-size:12px;color:#fff9;font-variant-numeric:tabular-nums}.music-table th.col-plays-header,.music-table th.col-plays,.music-table td.col-plays{display:none}.music-table th.col-action,.music-table td.col-action{width:100px;min-width:100px;max-width:100px;padding:10px 8px 10px 4px}.music-table .music-table-art-wrap,.music-table .music-table-art{width:44px;height:44px;border-radius:8px}.music-table td.col-action .episode-btn{width:32px;height:32px;font-size:12px;border-radius:8px;margin:0 2px}}@media (max-width: 640px){.music-list{margin:0 -12px;border-radius:0;overflow:hidden}.music-table th,.music-table td{padding:8px 6px;font-size:12px}.music-table th.col-art,.music-table td.col-art{width:42px;min-width:42px;max-width:42px;padding:8px 6px 8px 10px}.music-table .music-table-art-wrap,.music-table .music-table-art{width:40px;height:40px}.music-table .music-track-meta .title-text{font-size:13px}.music-table .music-track-artist{font-size:12px}.music-table th.col-duration,.music-table td.col-duration{width:40px;min-width:40px;max-width:40px;padding:8px 2px;font-size:11px}.music-table th.col-action,.music-table td.col-action{width:88px;min-width:88px;max-width:88px;padding:8px 6px 8px 2px}.music-table td.col-action .episode-btn{width:28px;height:28px;font-size:11px}.music-table tbody tr:hover{transform:none}.music-table .music-table-art-play{font-size:12px}.music-table tbody td:before{display:none}}.music-list .col-duration{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:500}.col-type{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.col-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.artists-list{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.artists-list .list-header{display:grid;grid-template-columns:60px 1fr 100px 1fr 80px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-dark);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.artists-list .list-item{display:grid;grid-template-columns:60px 1fr 100px 1fr 80px;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease;align-items:center}.artists-list .list-item:hover{background:var(--background-light)}.artists-list .list-item:last-child{border-bottom:none}.col-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden}.col-avatar img{width:100%;height:100%;object-fit:cover}.featured-video{position:relative;width:100%;height:300px;overflow:hidden;border-radius:var(--border-radius-lg)}.featured-video img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-video:hover img{transform:scale(1.05)}.show-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-md);transition:transform .3s ease}.show-card:hover .show-thumbnail{transform:scale(1.05)}.playlists-content{padding:var(--spacing-lg)}.playlists-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.playlist-card{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:all .3s ease}.playlist-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.playlist-cover{position:relative;height:120px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.playlist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.playlist-actions{display:flex;gap:var(--spacing-sm)}.playlist-icon{font-size:var(--font-size-2xl);opacity:.8}.playlist-item-count{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#00000080;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600}.playlist-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.playlist-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.4}.playlist-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-tertiary)}.playlist-visibility{background:var(--background-dark);padding:2px 6px;border-radius:4px;font-weight:500}.color-picker{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px #6366f133}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:var(--spacing-xs)}.modal{background:var(--background-medium);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease}.modal-close-btn:hover{color:var(--text-primary);background:var(--background-light)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.modal-footer p{margin:0;color:var(--text-secondary)}.modal-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.modal-footer a:hover{text-decoration:underline}.video-theater-info{padding:var(--spacing-lg);background:var(--background-dark);border-top:1px solid var(--border-color)}.video-title-section{margin-bottom:var(--spacing-md)}.video-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.3}.video-stats{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.view-count{font-weight:500}.upload-date{color:var(--text-muted)}.video-actions{display:flex;align-items:center;gap:var(--spacing-md)}.video-actions .action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.video-actions .action-btn:hover{background:var(--background-medium);border-color:var(--primary-color);color:var(--primary-color)}.video-actions .action-btn.liked{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.video-actions .action-btn i{font-size:var(--font-size-sm)}.video-actions .action-btn span{font-size:var(--font-size-sm);font-weight:500}.settings-page{min-height:100vh;background:var(--background-dark);padding:var(--spacing-lg)}.settings-container{max-width:1200px;margin:0 auto}.settings-header{text-align:center;margin-bottom:var(--spacing-2xl)}.settings-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.settings-section{background:var(--background-medium);border-radius:12px;padding:var(--spacing-xl);border:1px solid var(--border-color)}.settings-section h2{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.setting-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.setting-item label{font-weight:600;color:var(--text-primary);text-align:center}.dial-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.dial{width:80px;height:80px;border:3px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer;background:var(--background-light);transition:all .2s ease}.dial:hover{border-color:var(--primary-color);transform:scale(1.05)}.dial-handle{position:absolute;top:5px;left:50%;width:4px;height:30px;background:var(--primary-color);border-radius:2px;transform:translate(-50%);transition:all .2s ease}.dial-value{font-weight:600;color:var(--text-primary);font-size:1.1rem}.settings-options{display:flex;flex-direction:column;gap:var(--spacing-lg)}.setting-option{display:flex;align-items:center;gap:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.settings-actions{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.profile-hero{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;margin-bottom:var(--spacing-2xl);overflow:hidden;min-height:300px}.profile-background{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.profile-content{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-2xl);min-height:300px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.profile-avatar-large{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.profile-avatar-large:hover{transform:scale(1.05);border-color:var(--primary-color)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.profile-avatar-large:hover .avatar-edit-overlay,.account-avatar:hover .avatar-edit-overlay{opacity:1;background:#00000080}.avatar-edit-overlay i{color:#fff;font-size:1.2rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.avatar-edit-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.avatar-edit-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.profile-info{flex:1;color:#fff}.profile-username{font-size:3rem;font-weight:800;margin:0 0 var(--spacing-sm) 0;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:-.02em}.profile-tagline{font-size:1.2rem;color:#fffc;margin:0 0 var(--spacing-lg) 0;font-weight:400}.profile-stats{display:flex;gap:var(--spacing-xl)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.stat-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.avatar-modal{max-width:500px;width:90%}.avatar-preview{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.avatar-preview-large{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color)}.preview-image{width:100%;height:100%;object-fit:cover}.avatar-options h4{margin-bottom:var(--spacing-lg);color:var(--text-primary);text-align:center}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.avatar-option{width:80px;height:100px;border-radius:12px;overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-light);padding:8px}.avatar-option:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.avatar-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f14d;background:#6366f11a}.avatar-option img{width:50px;height:50px;object-fit:contain;margin-bottom:4px}.color-name{font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center;margin-top:2px}.account-page{min-height:100vh;background:var(--background-dark);padding:var(--spacing-lg)}.account-header{background:linear-gradient(135deg,var(--primary-color) 0%,#e6005a 100%);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-2xl);overflow:hidden}.account-hero{display:flex;align-items:center;padding:var(--spacing-2xl);gap:var(--spacing-xl)}.account-avatar{position:relative;flex-shrink:0}.account-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2)}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--primary-color);border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.avatar-edit-btn:hover{background:#fff;color:var(--primary-color)}.account-info h1{font-size:var(--font-size-4xl);font-weight:700;color:#fff;margin:0 0 var(--spacing-xs) 0}.account-username{font-size:var(--font-size-lg);color:#fffc;margin:0 0 var(--spacing-xs) 0}.account-email{font-size:var(--font-size-md);color:#ffffffb3;margin:0 0 var(--spacing-lg) 0}.account-stats{display:flex;gap:var(--spacing-xl)}.stat-item{text-align:center;color:#fff}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:#fff}.stat-label{font-size:var(--font-size-sm);color:#fffc;text-transform:uppercase;letter-spacing:.5px}.account-content{max-width:1200px;margin:0 auto}.account-tabs{display:flex;background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color)}.account-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;border-radius:var(--border-radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.account-tab:hover{color:var(--text-primary);background:var(--background-dark)}.account-tab.active{color:var(--primary-color);background:var(--background-dark);box-shadow:0 2px 8px #0000001a}.tab-panel{background:var(--background-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);border:1px solid var(--border-color)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.overview-card{background:var(--background-dark);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-color)}.overview-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-medium);border-radius:var(--border-radius-md)}.activity-icon{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-details p{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-weight:500}.activity-time{font-size:var(--font-size-sm);color:var(--text-secondary)}.top-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.content-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-medium);border-radius:var(--border-radius-md)}.content-thumb{width:60px;height:60px;border-radius:var(--border-radius-md);object-fit:cover;flex-shrink:0}.content-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-md)}.content-info p{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.content-stats{font-size:var(--font-size-xs);color:var(--text-secondary)}.account-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.detail-label{font-weight:500;color:var(--text-secondary)}.account-type{background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.saves-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.save-stat{text-align:center}.save-stat .stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);display:block}.save-stat .stat-label{font-size:var(--font-size-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.saves-actions{text-align:center}.playlists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.playlists-header h3{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.playlist-card{background:var(--background-dark);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-color);transition:transform .2s ease}.playlist-card:hover{transform:translateY(-2px)}.playlist-cover{position:relative;aspect-ratio:1;overflow:hidden}.playlist-cover img{width:100%;height:100%;object-fit:cover}.playlist-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.playlist-card:hover .playlist-overlay{opacity:1}.play-btn{width:50px;height:50px;border-radius:50%;background:var(--primary-color);border:none;color:#fff;font-size:var(--font-size-lg);cursor:pointer;transition:transform .2s ease}.play-btn:hover{transform:scale(1.1)}.playlist-info{padding:var(--spacing-md)}.playlist-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.playlist-info p{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.playlist-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.settings-content h3{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.settings-form{max-width:600px}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.form-section h4{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--background-dark);color:var(--text-primary);font-size:var(--font-size-md);transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-start}.btn-full{width:100%}@media (max-width: 768px){.account-hero{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.account-stats{justify-content:center}.account-tabs{flex-wrap:wrap}.account-tab{flex:1 1 calc(50% - var(--spacing-xs));font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.overview-grid{grid-template-columns:1fr}.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.form-actions{flex-direction:column}}.auth-page-modern{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0a0a0f;padding:0;position:relative;overflow-x:hidden}.auth-hero{width:100%;height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0f2f,#3b1d74,#ff5864);background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.auth-hero-logo{height:48px;width:auto;filter:brightness(0) invert(1);animation:fadeInDown .6s ease-out}.auth-hero-subtitle{color:#ffffffe6;font-size:.875rem;font-weight:500;margin:0;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card{max-width:360px;width:100%;margin:-40px auto 0;padding:20px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;position:relative;z-index:2;animation:cardFadeIn .6s ease-out .3s both;transition:all .3s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card-success{transform:scale(.95);opacity:0}.auth-tabs-modern{display:flex;gap:8px;margin-bottom:20px;background:#ffffff0d;padding:4px;border-radius:10px}.auth-tab-modern{flex:1;padding:10px 16px;background:transparent;border:none;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease-in-out}.auth-tab-modern:hover{color:#fffc;background:#ffffff0d}.auth-tab-modern.active{color:#fff;background:#6366f14d;box-shadow:0 2px 8px #6366f133}.auth-form-modern{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-content{display:flex;flex-direction:column;gap:14px}.floating-input-group{position:relative;margin-bottom:4px;animation:slideUp .4s ease-out both}.floating-input{width:100%;padding:16px 14px 8px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9375rem;font-family:Inter,sans-serif;outline:none;transition:all .2s ease-out;box-sizing:border-box}.floating-input:focus{border-color:#6366f1;background:#ffffff1f;box-shadow:0 0 0 3px #6366f133;transform:scale(1.02)}.floating-label{position:absolute;left:14px;top:16px;color:#ffffff80;font-size:.9375rem;pointer-events:none;transition:all .2s ease-out;font-family:Inter,sans-serif}.floating-input-focused+.floating-label,.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{top:6px;font-size:.75rem;color:#6366f1e6;font-weight:500}.password-reveal-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;z-index:2}.password-reveal-btn:hover{color:#fffc;background:#ffffff1a}.input-emoji{position:absolute;right:45px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:0;transition:all .2s ease;pointer-events:none;z-index:2}.input-emoji-active{opacity:1;animation:emojiBounce .3s ease}@keyframes emojiBounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.auth-form-options{display:flex;justify-content:space-between;align-items:center;margin:4px 0;animation:slideUp .4s ease-out both}.checkbox-modern{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#ffffffb3;cursor:pointer}.checkbox-modern input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.checkbox-modern input[type=checkbox]:checked+.checkbox-custom{background:#6366f1;border-color:#6366f1}.checkbox-modern input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-modern a{color:#6366f1;text-decoration:none}.checkbox-modern a:hover{text-decoration:underline}.forgot-link{background:none;border:none;color:#a5aafff2;text-decoration:underline;text-underline-offset:3px;font-size:.9rem;font-weight:500;cursor:pointer;padding:6px 2px;transition:color .2s ease}.forgot-link:hover{color:#fff;text-decoration:underline}.auth-fade-in{animation:slideUp .4s ease-out both}.auth-submit-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease-in-out;margin-top:4px;animation:slideUp .4s ease-out both}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;filter:brightness(1.1)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-submit-loading{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.auth-submit-success{background:linear-gradient(135deg,#10b981,#059669)}.auth-submit-loading-text{display:flex;align-items:center;gap:6px}.loading-dot{width:6px;height:6px;background:#fffc;border-radius:50%;animation:loadingDots 1.4s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.auth-submit-success-text{font-size:1rem}.input-feedback{margin-top:6px;font-size:.75rem;animation:slideUp .3s ease-out both}.password-strength{margin-top:6px;animation:slideUp .3s ease-out both}.strength-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:6px}.strength-text{font-size:.75rem;font-weight:500;color:#fff9}.auth-footer-modern{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.back-to-home-link{display:inline-flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .2s ease}.back-to-home-link:hover{color:#ffffffe6}@media (max-width: 480px){.auth-card{max-width:calc(100% - 32px);margin:-40px 16px 0;padding:16px}.auth-hero{height:160px}.auth-hero-logo{height:40px}.auth-hero-subtitle{font-size:.8125rem}.auth-form-content{gap:14px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-dark) 0%,var(--background-medium) 100%);padding:var(--spacing-lg)}.fun-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color) 0%,#e6005a 100%);border-radius:15px;color:#fff}.fun-header h3{font-size:1.8rem;margin:0 0 var(--spacing-sm) 0;font-weight:700}.fun-header p{margin:0;opacity:.9;font-size:1.1rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;color:var(--text-secondary);z-index:2;transition:color .3s ease}.auth-input{width:100%;padding:15px 15px 15px 45px;border:2px solid var(--border-color);border-radius:12px;background:var(--background-light);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.auth-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.auth-input:focus+.input-icon{color:var(--primary-color)}.password-toggle{position:absolute;right:15px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:5px;transition:all .3s ease;z-index:2}.password-toggle:hover{color:var(--primary-color);background:#6366f11a}.input-feedback{margin-top:var(--spacing-xs);font-size:.9rem}.feedback-success{color:#10b981;font-weight:500}.feedback-error{color:#ef4444;font-weight:500}.password-strength{margin-top:var(--spacing-sm)}.strength-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-xs)}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-weak{background:#ef4444}.strength-fair{background:#f59e0b}.strength-good{background:#3b82f6}.strength-strong{background:#8b5cf6}.strength-excellent{background:#10b981}.strength-text{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.fun-button{background:linear-gradient(135deg,var(--primary-color) 0%,#e6005a 100%);border:none;color:#fff;font-weight:700;font-size:1.1rem;padding:15px 30px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.fun-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.fun-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.fun-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.fun-button:hover:before{left:100%}.auth-container{background:var(--background-medium);border-radius:var(--border-radius-xl);border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d;overflow:hidden;width:100%;max-width:500px}.auth-header{background:linear-gradient(135deg,var(--primary-color) 0%,#e6005a 100%);padding:var(--spacing-2xl);text-align:center;color:#fff}.auth-logo img{height:60px;width:auto;margin-bottom:var(--spacing-lg);filter:brightness(0) invert(1)}.auth-logo h1{font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-sm) 0;color:#fff}.auth-logo p{font-size:var(--font-size-lg);margin:0;opacity:.9;color:#fff}.auth-content{padding:var(--spacing-2xl)}.auth-form-container{margin-bottom:var(--spacing-lg)}.back-to-home{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color .2s ease}.back-to-home:hover{color:var(--primary-color)}.auth-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.signin-modal{max-width:450px;width:95%}.auth-tabs{display:flex;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.auth-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.auth-tab:hover{color:var(--text-primary);background:var(--background-light)}.auth-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--background-light)}.auth-form{margin-bottom:var(--spacing-lg)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);font-weight:500}.forgot-password:hover{text-decoration:underline}.btn-full{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);font-weight:600}.social-login{margin-top:var(--spacing-lg)}.divider{text-align:center;margin:var(--spacing-lg) 0;position:relative;color:var(--text-muted);font-size:var(--font-size-sm)}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color);z-index:1}.divider span{background:var(--background-medium);padding:0 var(--spacing-md);position:relative;z-index:2}.social-buttons{display:flex;gap:var(--spacing-sm)}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--background-light);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-social:hover{background:var(--background-medium);border-color:var(--primary-color)}.google-btn:hover{background:#4285f4;color:#fff;border-color:#4285f4}.apple-btn:hover{background:#000;color:#fff;border-color:#000}.signin-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--border-radius-md);font-weight:500;transition:all .2s ease}.signin-btn:hover{background:#e6005a;transform:translateY(-1px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-group input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--background-light);color:var(--text-primary);font-size:var(--font-size-md)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}@media (max-width: 768px){.video-theater-info{padding:var(--spacing-md)}.video-title{font-size:var(--font-size-xl)}.video-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.video-actions .action-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.video-stats{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.tv-hero,.unified-hero,.hero-section{height:56vh;min-height:360px;padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width: 1024px){.tv-hero,.unified-hero,.hero-section{height:52vh;min-height:340px}}@media (max-width: 768px){.tv-hero,.unified-hero,.hero-section{height:44vh;min-height:300px;padding:var(--spacing-lg) var(--spacing-md)}.hero-content h1{font-size:var(--font-size-2xl);line-height:1.2;margin-bottom:var(--spacing-xs)}.hero-content p{font-size:var(--font-size-base);line-height:1.4;margin-bottom:var(--spacing-md)}.hero-badge{padding:.2rem var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-xs)}.hero-play-btn{width:56px;height:56px;font-size:var(--font-size-lg);box-shadow:0 6px 18px #6366f173}.hero-nav{width:40px;height:40px;font-size:var(--font-size-base)}.hero-dot{width:8px;height:8px}.hero-item.active{transform:none}}@media (max-width: 480px){.tv-hero,.unified-hero,.hero-section{height:40vh;min-height:260px;padding:var(--spacing-md) var(--spacing-md)}.hero-content h1{font-size:var(--font-size-xl)}.hero-content p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.hero-play-btn{width:48px;height:48px;font-size:var(--font-size-base)}.hero-nav{width:36px;height:36px}.hero-dot{width:6px;height:6px}}@media (max-width: 768px){.accounts-grid,.tools-grid{grid-template-columns:1fr}.account-actions,.session-actions{flex-direction:column}.tool-actions .btn{width:100%}.music-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.track-cover{height:150px}.list-header,.list-item{grid-template-columns:50px 1fr 60px}.artists-list .list-header,.artists-list .list-item{grid-template-columns:50px 1fr 80px}.col-genre{display:none}.playlists-grid{grid-template-columns:1fr}.playlists-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}}.show-info h4{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin-bottom:var(--spacing-xs)}.show-card .show-info h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.6em}.featured-info .show-description{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;max-height:none;overflow:visible}.featured-section{padding:var(--spacing-2xl) 0;background:var(--background-light);border-radius:var(--border-radius-lg);margin:var(--spacing-xl) 0}.featured-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.featured-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.featured-header h2 i{color:var(--primary-color)}.refresh-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.refresh-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.featured-show{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.featured-image{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 8px 32px #0003}.featured-image img{width:100%;height:400px;object-fit:cover;display:block}.featured-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.featured-image:hover .featured-overlay{opacity:1}.play-btn-large{background:var(--primary-color);color:#fff;border:none;width:80px;height:80px;border-radius:50%;font-size:var(--font-size-xl);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6366f166}.play-btn-large:hover{background:var(--secondary-color);transform:scale(1.1);box-shadow:0 6px 20px #6366f199}.featured-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.featured-info h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.show-host{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.show-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.show-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.show-stats .stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.show-stats .stat i{color:var(--primary-color)}.featured-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.featured-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;border-radius:var(--border-radius-md);transition:all .3s ease}.featured-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.featured-show{grid-template-columns:1fr;gap:var(--spacing-lg)}.featured-image img{height:250px}.featured-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.featured-actions{justify-content:center}}.search-section{padding:var(--spacing-lg) 0;background:var(--background-light);border-radius:var(--border-radius-lg);margin:var(--spacing-lg) 0}.search-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.search-bar{position:relative;margin-bottom:var(--spacing-lg)}.search-bar i{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-md)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);background:var(--background-primary);color:var(--text-primary);transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .3s ease}.search-clear:hover{color:var(--text-primary);background:var(--background-light)}.search-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-tab{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);background:var(--background-primary);color:var(--text-secondary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.view-options{display:flex;gap:var(--spacing-xs)}.view-btn{padding:var(--spacing-sm);border:2px solid var(--border-color);background:var(--background-primary);color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.view-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.view-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width: 768px){.search-container{padding:0 var(--spacing-md)}.search-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-tabs{justify-content:center;gap:var(--spacing-xs)}.filter-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.view-options{justify-content:center}.search-input{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem}.search-bar i{left:var(--spacing-sm);font-size:var(--font-size-sm)}}@media (max-width: 480px){.filter-tabs{flex-wrap:wrap;justify-content:center}.filter-tab{flex:1;min-width:calc(50% - var(--spacing-xs));text-align:center}}.newhaven-promo-section{background:#f4c430;border-top:2px solid #000;border-bottom:2px solid #000;padding:var(--spacing-2xl) 0;margin:var(--spacing-xl) 0;position:relative;overflow:hidden}.newhaven-promo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#000}.promo-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.promo-content{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;text-align:center}.promo-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.promo-icon{width:80px;height:80px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f4c430;font-size:var(--font-size-3xl);border:3px solid #000;flex-shrink:0}.promo-title h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-3xl);color:#000;font-weight:700;text-shadow:1px 1px 0 #000}.promo-title p{margin:0;font-size:var(--font-size-lg);color:#000;line-height:1.6;font-weight:500}.beta-notice{margin:var(--spacing-sm) 0 0 0!important;font-size:var(--font-size-sm)!important;color:#000!important;font-weight:600!important;font-style:italic}.promo-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);width:100%;max-width:800px}.event-card{background:#000;border:3px solid #000;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#f4c430;transform:scaleX(0);transition:transform .3s ease}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d;border-color:#000}.event-card:hover:before{transform:scaleX(1)}.event-card.featured{background:#000;color:#f4c430;border-color:#000}.event-card.featured:before{background:#f4c430;transform:scaleX(1)}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:#f4c430;border-radius:var(--border-radius-lg);color:#000;flex-shrink:0;border:3px solid #000;transition:all .3s ease}.event-card:hover .event-date-badge{background:#000;color:#f4c430;border-color:#000;transform:scale(1.1)}.event-card.featured .event-date-badge{background:#f4c430;color:#000;border-color:#000}.event-day{font-size:var(--font-size-xl);font-weight:700;line-height:1}.event-month{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-info{flex:1;text-align:left}.event-info h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:#f4c430;font-weight:600}.event-card.featured .event-info h3{color:#f4c430}.event-venue{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#f4c430;font-weight:500}.event-card.featured .event-venue{color:#f4c430}.event-time{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#000;font-weight:600}.event-card.featured .event-time{color:#000}.event-description{margin:0;font-size:var(--font-size-xs);color:#000;font-weight:400;line-height:1.4}.event-card.featured .event-description{color:#fff}.promo-actions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.promo-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;min-width:200px;justify-content:center}.promo-btn.primary{background:#000;color:#f4c430;border:3px solid #000;box-shadow:0 4px 15px #0000004d}.promo-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006;background:#f4c430;color:#000}.promo-btn.secondary{background:transparent;color:#000;border:3px solid #000}.promo-btn.secondary:hover{background:#000;border-color:#000;color:#f4c430;transform:translateY(-2px)}.playlists-widget{background:var(--background-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.playlists-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.playlists-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;font-style:italic}.playlists-preview{display:flex;flex-direction:column;gap:var(--spacing-sm)}.playlist-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-primary);border-radius:var(--border-radius-md);transition:all .3s ease;cursor:pointer}.playlist-item:hover{background:var(--background-light);transform:translate(4px)}.playlist-cover{width:40px;height:40px;background:var(--primary-color);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-md)}.playlist-info h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px}.playlist-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.view-all-btn{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .3s ease;margin-top:var(--spacing-xs)}.view-all-btn:hover{background:var(--primary-color);color:#fff;transform:translate(4px)}@media (max-width: 768px){.newhaven-promo-section{padding:var(--spacing-xl) 0;margin:var(--spacing-lg) 0}.promo-container{padding:0 var(--spacing-md)}.promo-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.promo-icon{width:60px;height:60px;font-size:var(--font-size-2xl)}.promo-title h2{font-size:var(--font-size-2xl);color:#000}.promo-title p{font-size:var(--font-size-base);color:#000}.promo-events{grid-template-columns:1fr;gap:var(--spacing-md)}.event-card{padding:var(--spacing-md);flex-direction:column;text-align:center;gap:var(--spacing-sm)}.event-date-badge{width:50px;height:50px}.event-day{font-size:var(--font-size-lg)}.event-month{font-size:var(--font-size-xs)}.event-info{text-align:center}.event-info h3{font-size:var(--font-size-base)}.event-venue,.event-time,.event-description{font-size:var(--font-size-xs)}.promo-actions{flex-direction:column;gap:var(--spacing-md);width:100%}.promo-btn{width:100%;min-width:auto;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 768px){.playlists-widget{padding:var(--spacing-md)}.playlist-item{padding:var(--spacing-xs) var(--spacing-sm)}.playlist-cover{width:32px;height:32px;font-size:var(--font-size-sm)}}.artist-detail-page{min-height:100vh;background:var(--background-primary)}.artist-hero{position:relative;padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;overflow:hidden}.artist-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.2;filter:blur(10px)}.artist-hero-content{position:relative;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2xl);align-items:start}.artist-avatar-large{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 32px #0000004d}.artist-avatar-large img{width:100%;height:100%;object-fit:cover}.artist-info h1{font-size:var(--font-size-4xl);font-weight:700;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.artist-type{font-size:var(--font-size-lg);color:#fffc;margin:0 0 var(--spacing-xs) 0;font-weight:500}.artist-location{font-size:var(--font-size-md);color:#ffffffb3;margin:0 0 var(--spacing-md) 0}.artist-bio{font-size:var(--font-size-md);line-height:1.6;color:#ffffffe6;margin:0 0 var(--spacing-lg) 0;max-width:600px}.artist-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.artist-stats .stat-item{text-align:center}.artist-stats .stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:#fff}.artist-stats .stat-label{font-size:var(--font-size-sm);color:#fffc;text-transform:uppercase;letter-spacing:.5px}.artist-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.artist-actions .btn{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;border-radius:var(--border-radius-lg);transition:all .3s ease}.artist-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.artist-actions .btn.following{background:var(--success-color);border-color:var(--success-color)}.boost-jar-section{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl)}.boost-jar-container{max-width:600px;margin:0 auto;text-align:center}.boost-jar-header h2{font-size:var(--font-size-2xl);font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);letter-spacing:-.02em}.boost-jar-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;font-weight:400}.boost-jar-fee-note{font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 var(--spacing-xl) 0;font-weight:400}.boost-amount-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.boost-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:600;border:2px solid var(--border-color);background:var(--background-light);color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;min-width:80px}.boost-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.boost-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #667eea66}.boost-btn.custom{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none}.custom-amount-input{margin-bottom:var(--spacing-lg);text-align:left}.custom-amount-input label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.custom-amount-input input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-lg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--background-light);color:var(--text-primary);transition:all .3s ease}.custom-amount-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.boost-submit-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:500;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-lg)}.boost-submit-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40}.boost-submit-btn:disabled{opacity:.6;cursor:not-allowed}.supporter-badge{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border:2px solid rgba(255,215,0,.3);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);text-align:left}.badge-icon{font-size:var(--font-size-3xl);flex-shrink:0}.badge-text strong{display:block;font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.badge-text p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.tip-success-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000004d;z-index:9999;text-align:center;animation:tipSuccessPulse .5s ease-out}@keyframes tipSuccessPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.success-icon{font-size:4rem;margin-bottom:var(--spacing-md);animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.tip-success-animation p{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 768px){.boost-jar-section{padding:var(--spacing-lg) var(--spacing-md)}.boost-amount-buttons{gap:var(--spacing-sm)}.boost-btn{min-width:70px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md)}.supporter-badge{flex-direction:column;text-align:center}}.artist-content{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.content-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--border-color)}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{min-height:400px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.content-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0}.view-controls{display:flex;gap:var(--spacing-xs)}.music-grid,.shows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);width:100%}.music-grid .music-card,.shows-grid .show-card{min-width:0;width:100%}.music-card,.show-card{background:var(--background-light);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.music-card:hover,.show-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.music-cover,.show-thumbnail{position:relative;aspect-ratio:1;overflow:hidden}.music-cover img,.show-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.music-card:hover .play-overlay,.show-card:hover .play-overlay{opacity:1}.play-overlay i{color:#fff;font-size:var(--font-size-2xl)}.music-info,.show-info{padding:var(--spacing-md)}.music-info h4,.show-info h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.music-info p,.show-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.music-list,.shows-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.music-list-item,.show-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.music-list-item:hover,.show-list-item:hover{background:var(--background-primary);transform:translate(4px)}.music-list-item img,.show-list-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius-md)}.music-details,.show-details{flex:1}.music-details h4,.show-details h4{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.music-details p,.show-details p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.music-actions,.show-actions{display:flex;gap:var(--spacing-sm)}.play-btn{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-btn:hover{background:var(--secondary-color);transform:scale(1.1)}.about-content{max-width:800px}.about-section{margin-bottom:var(--spacing-2xl)}.about-section h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.about-section p{font-size:var(--font-size-md);line-height:1.6;color:var(--text-secondary);margin:0}.website-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.website-link:hover{color:var(--secondary-color);transform:translate(4px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.stat-card{text-align:center;padding:var(--spacing-lg);background:var(--background-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.stat-card i{font-size:var(--font-size-2xl);color:var(--primary-color);margin-bottom:var(--spacing-sm)}.stat-card .stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.artist-hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.artist-avatar-large{width:150px;height:150px;margin:0 auto}.artist-stats{justify-content:center;gap:var(--spacing-lg)}.artist-actions{justify-content:center}.content-tabs{flex-wrap:wrap;justify-content:center}.content-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.music-grid,.shows-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.stats-grid{grid-template-columns:1fr}}.avatar-anchor{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.avatar-anchor-preview{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;transition:all .3s ease;box-shadow:0 8px 24px #0003;margin:0 auto}.avatar-anchor.red,.avatar-anchor-preview.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.avatar-anchor.orange,.avatar-anchor-preview.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.avatar-anchor.yellow,.avatar-anchor-preview.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.avatar-anchor.green,.avatar-anchor-preview.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.avatar-anchor.cyan,.avatar-anchor-preview.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.avatar-anchor.indigo,.avatar-anchor-preview.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.avatar-anchor.purple,.avatar-anchor-preview.purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.avatar-anchor.pink,.avatar-anchor-preview.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.avatar-anchor.rose,.avatar-anchor-preview.rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.avatar-btn{cursor:pointer}.avatar-option:hover .avatar-anchor{transform:scale(1.1);box-shadow:0 6px 16px #00000040}.avatar-option.selected .avatar-anchor{transform:scale(1.15);box-shadow:0 8px 20px #0000004d;border:3px solid white}.account-avatar img,.profile-avatar-large img{display:none}.account-avatar:before,.profile-avatar-large:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-color);border-radius:inherit;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Free";font-weight:900;content:"";color:#fff;font-size:2rem}@media (max-width: 768px){.avatar-anchor{width:50px;height:50px;font-size:1.2rem}.avatar-anchor-preview{width:100px;height:100px;font-size:2.5rem}}.player-meta .media-type{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary);background:var(--background-light);padding:2px 8px;border-radius:12px;margin-top:4px}.player-meta .media-type i{font-size:.7rem}.debug-message{position:fixed;bottom:20px;right:20px;background:#000;color:#f4c430;padding:8px 12px;border-radius:4px;font-size:var(--font-size-xs);font-weight:600;z-index:1000;border:2px solid #F4C430;box-shadow:0 2px 8px #0000004d}.playlists-empty{text-align:center;padding:var(--spacing-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.empty-state i{font-size:3rem;color:var(--primary-color);opacity:.7}.empty-state h4{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.empty-state p{margin:0;color:var(--text-secondary);max-width:300px;line-height:1.5}.create-account-modal{max-width:500px}.save-warning-icon{text-align:center;margin-bottom:var(--spacing-lg)}.save-warning-icon i{font-size:3rem;color:#f59e0b}.benefits-list{margin-top:var(--spacing-lg);text-align:left}.benefit-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-hover);border-radius:var(--border-radius)}.benefit-item i{color:#10b981;font-size:var(--font-size-sm)}.benefit-item span{font-size:var(--font-size-sm);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--background-light);border-radius:var(--border-radius);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-btn:hover{background:var(--background-hover)}.modal-body{padding:var(--spacing-lg)}.modal-body h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);text-align:center}.modal-body p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);text-align:center;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.add-playlist-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.add-playlist-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.playlist-quick-create{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--background-hover);border-radius:var(--border-radius);border:1px solid var(--border-color)}.quick-create-form{display:flex;gap:var(--spacing-xs);align-items:center}.playlist-input-small{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-family:inherit;background:var(--background-light);color:var(--text-primary);transition:border-color .2s ease}.playlist-input-small:focus{outline:none;border-color:var(--primary-color)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.discovery-grid .grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.grid-item{min-height:280px;display:flex;flex-direction:column}.grid-item .item-header{flex-shrink:0;margin-bottom:var(--spacing-md)}.grid-item .item-content,.grid-item .playlists-content,.grid-item .new-playlist-content{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.discovery-grid .grid-container{grid-template-columns:1fr;padding:0 var(--spacing-md)}.modal-content{width:95%;margin:var(--spacing-md)}.modal-footer{flex-direction:column}.btn{width:100%;justify-content:center}.playlist-actions{flex-direction:column}.btn-small{width:100%}}.dashboard-page{padding:2rem;max-width:1400px;margin:0 auto;min-height:80vh}.dashboard-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-panel{background:#ffffff05;border-radius:1.5rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.panel-header h2{margin:0;font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;color:var(--primary-color)}.panel-header h2 i{color:gold}.btn-code-entry{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:2px solid rgba(99,102,241,.5);border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-code-entry:hover{background:linear-gradient(135deg,#6366f180,#8b5cf680);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.code-entry-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content-small{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:2.5rem;border-radius:1.5rem;max-width:450px;width:90%;border:2px solid rgba(99,102,241,.3);box-shadow:0 20px 60px #00000080}.modal-content-small h3{margin:0 0 1rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem;color:gold}.text-muted{color:#fff9;margin-bottom:1.5rem}.input-group{display:flex;gap:.75rem;margin-top:1.5rem}.input-field{flex:1;padding:1rem;border-radius:.75rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease}.input-field:focus{outline:none;border-color:#6366f180;background:#ffffff14}.error-message{color:var(--error-color);margin-top:.75rem;font-size:.875rem}.stats-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(99,102,241,.2)}.stat-row{display:flex;justify-content:space-around}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:#ffffffb3;margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.badges-section,.achievements-section,.listening-stats,.quests-section,.upcoming-section,.recommended-section{margin-bottom:2rem}.badges-section h3,.achievements-section h3,.quests-section h3,.upcoming-section h3,.recommended-section h3{font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:#ffffffe6}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1rem}.badge-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:1rem;padding:1.5rem;text-align:center;position:relative;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);cursor:pointer}.badge-card:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(135deg,#ffffff14,#ffffff0a);box-shadow:0 8px 24px #6366f133;border-color:#6366f14d}.badge-card.new-badge{border:2px solid #10b981;box-shadow:0 0 20px #10b9814d}.badge-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;opacity:.9;box-shadow:0 4px 12px #0003}.badge-bronze{background:linear-gradient(135deg,#8b6914,#6b5310);opacity:.7}.badge-silver{background:linear-gradient(135deg,gray,#6b6b6b);opacity:.7}.badge-info h4{margin:.75rem 0 .5rem;font-size:1rem;color:#fffffff2}.badge-info p{margin:0;font-size:.75rem;opacity:.7;color:#fff9}.new-badge-label{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;box-shadow:0 4px 8px #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empty-state{text-align:center;padding:3rem 2rem;opacity:.6;color:#ffffff80}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.3;color:#6366f180}.empty-state h4{margin:1rem 0 .5rem;font-size:1.25rem}.empty-state p{margin:0;font-size:.875rem}.quest-list{margin-top:1rem}.quest-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:1rem;padding:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.quest-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);transform:translate(4px);border-color:#6366f14d}.quest-item.completed{opacity:.6;background:#10b9811a;border-color:#10b9814d}.quest-icon{width:40px;height:40px;border-radius:.5rem;background:#6366f11a;display:flex;align-items:center;justify-content:center;color:#6366f1b3;font-size:1.25rem;flex-shrink:0}.quest-details{flex:1}.quest-details h4{margin:0 0 .5rem;font-size:1rem;color:#fffffff2}.quest-details p{margin:0;font-size:.875rem;opacity:.7;color:#fff9}.quest-progress{margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.progress-bar-small{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .5s ease;border-radius:3px}.quest-progress span{font-size:.875rem;color:#ffffffb3;min-width:60px;text-align:right}.quest-reward{color:#10b981;font-weight:700;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.event-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:1rem;padding:1.5rem;margin-bottom:1.25rem;display:flex;gap:1.25rem;align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.event-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);transform:translate(4px);border-color:#6366f14d;box-shadow:0 4px 12px #0003}.event-date{text-align:center;min-width:70px;flex-shrink:0}.event-day{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.event-month{font-size:.875rem;opacity:.7;margin-top:.25rem;text-transform:uppercase;letter-spacing:1px}.event-info{flex:1}.event-info h4{margin:0 0 .5rem;font-size:1rem;color:#fffffff2}.event-venue,.event-time{margin:.25rem 0;font-size:.875rem;opacity:.7;color:#fff9}.event-code-badge{background:linear-gradient(135deg,#10b98133,#05966933);color:#10b981;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(16,185,129,.3);flex-shrink:0}.recommended-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:1rem;padding:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.recommended-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);transform:translate(4px);border-color:#6366f14d}.recommended-item i:first-child{font-size:2rem;color:#6366f1;flex-shrink:0}.recommended-item>div{flex:1}.recommended-item h4{margin:0 0 .25rem;font-size:1rem;color:#fffffff2}.recommended-item p{margin:0;font-size:.875rem;opacity:.7;color:#fff9}.recommended-item i:last-child{opacity:.5;transition:all .3s ease}.recommended-item:hover i:last-child{opacity:1;transform:translate(4px);color:#6366f1}.achievement-list{margin-top:1rem}.achievement-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:1rem;padding:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.achievement-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.achievement-item.completed{background:#10b9811a;border-color:#10b9814d}.achievement-icon{width:40px;height:40px;border-radius:.5rem;background:#ffd7001a;display:flex;align-items:center;justify-content:center;color:#ffd700b3;font-size:1.25rem;flex-shrink:0}.achievement-details{flex:1}.achievement-details h4{margin:0 0 .5rem;font-size:1rem;color:#fffffff2}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:.5rem}.check-icon{color:#10b981;font-size:1.5rem;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:1rem;padding:1.5rem;text-align:center;border:1px solid rgba(99,102,241,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #6366f133}.stat-card i{font-size:2rem;color:#6366f1;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-title{font-size:.75rem;color:#fff9;margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-page{padding:1rem}.dashboard-panel{padding:1.5rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stats-grid{grid-template-columns:1fr}}.admin-layout{padding:16px}.admin-tabs a{margin-right:12px;text-decoration:none}.admin-content{margin-top:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #e5e7eb;padding:8px;text-align:left}.filters{margin:12px 0}.btn{padding:6px 10px;border:1px solid #ccc;background:#f9fafb;cursor:pointer}.btn-small{padding:4px 8px;font-size:12px}.badge{padding:2px 6px;border-radius:999px;font-size:11px}.badge-green{background:#10b981;color:#fff}.badge-red{background:#ef4444;color:#fff}.pagination{margin-top:12px}.pagination .page{margin-right:8px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.card{border:1px solid #e5e7eb;padding:12px;border-radius:8px}.card-title{font-size:12px;color:#6b7280}.card-value{font-size:20px;font-weight:600}.impersonation-banner{background:#fef3c7;border:1px solid #f59e0b;padding:8px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.now-playing-wrapper{position:fixed!important;bottom:0;left:0;right:0;width:100%;height:90px;z-index:10005;pointer-events:none}body.has-player{padding-bottom:90px}.now-playing-glass{position:relative;width:100%;height:100%;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);background:linear-gradient(135deg,#0a0a14bf,#140c23b3,#0a0a14bf);background-image:var(--glass-gradient, linear-gradient(135deg, rgba(67, 56, 202, .14) 0%, rgba(79, 70, 229, .1) 50%, rgba(55, 48, 163, .06) 100%));border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 30px #00000080,inset 0 1px #ffffff0d;pointer-events:auto;z-index:10;transition:all .3s ease}.now-playing-glass.now-playing-is-playing{border-top:1px solid rgba(79,70,229,.35);box-shadow:0 -4px 30px #00000080,0 0 0 1px #4f46e540,0 -2px 20px #4338ca1f,inset 0 1px #ffffff14}.now-playing-container{display:grid;grid-template-columns:1fr minmax(0,max-content) 1fr;align-items:center;gap:12px 24px;padding:10px 16px 28px;height:100%;max-width:1400px;margin:0 auto;position:relative}.now-playing-left{display:flex;align-items:center;gap:12px;min-width:0;grid-column:1;min-width:140px}.now-playing-transport{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;grid-column:2}.now-playing-actions-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0;grid-column:3;justify-self:end}.now-playing-actions{display:flex;align-items:center;gap:6px}.now-playing-volume-wrap{display:flex;align-items:center;gap:8px;min-width:0}.now-playing-volume-btn{flex-shrink:0}.now-playing-volume{width:84px;min-width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer}.now-playing-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ffffffe6;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.now-playing-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ffffffe6;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.now-playing-album-art{position:relative;width:50px;height:50px;flex-shrink:0;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.now-playing-album-art:hover{transform:scale(1.05)}.now-playing-album-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;box-shadow:0 0 20px #4f46e580;animation:pulse-glow 3s ease-in-out infinite}.now-playing-album-img.spinning{animation:spin 3s linear infinite,pulse-glow 3s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4f46e580}50%{box-shadow:0 0 30px #4338cacc}}.now-playing-album-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;transition:opacity .3s ease}.now-playing-album-art:hover .now-playing-album-overlay{opacity:1}.now-playing-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;min-width:80px}.now-playing-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;line-height:1.25}.now-playing-artist{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;line-height:1.25}.now-playing-secondary{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.now-playing-category{display:flex;gap:8px;margin-top:4px}.category-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff1a;border-radius:12px;font-size:11px;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.category-pill i{font-size:10px}.now-playing-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.now-playing-btn:hover{background:#fff3;transform:translateY(-2px);color:#fff}.now-playing-btn.active{background:var(--dominant-color, rgba(79, 70, 229, .35));color:var(--dominant-color, #4f46e5);box-shadow:0 0 12px #4f46e566}.now-playing-action-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;border-radius:8px;font-size:13px;width:32px;height:32px}.now-playing-action-btn:hover{background:#ffffff0f;border-color:#ffffff40;color:#ffffffe6;transform:translateY(-1px)}.now-playing-action-btn.active{background:#ec48991f;border-color:#ec489959;color:#ec4899;box-shadow:none}.now-playing-action-btn.disabled,.now-playing-action-btn:disabled{opacity:.3;border-color:#ffffff0f}.now-playing-play-btn{width:40px;height:40px;background:linear-gradient(135deg,#5b21b6,#4f46e5);color:#fff;font-size:16px;border-radius:50%;box-shadow:0 2px 12px #4f46e580}.now-playing-play-btn:hover{background:linear-gradient(135deg,#6d28d9,#6366f1);transform:scale(1.08);box-shadow:0 4px 18px #4f46e599}.now-playing-seek-btn .seek-5-label{font-size:12px;font-weight:700;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.now-playing-empty-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4338ca38,#4f46e529);border-radius:10px;color:#fff6;font-size:20px}.now-playing-empty-title{color:#fff9!important;font-weight:500!important}.now-playing-empty-artist{color:#fff6!important;font-size:12px!important}.now-playing-empty-link{color:#ffffff80;text-decoration:none}.now-playing-empty-link:hover{color:#ffffffd9;text-decoration:underline}.now-playing-btn.disabled,.now-playing-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.now-playing-btn.disabled:hover,.now-playing-btn:disabled:hover{transform:none;background:#ffffff1a}.now-playing-play-btn.disabled,.now-playing-play-btn:disabled{background:#4f46e54d;box-shadow:none}.now-playing-progress-bar.disabled{opacity:.3;cursor:not-allowed}.now-playing-btn.active.liked,.now-playing-btn.active.favorited{background:#ec48994d;color:#ec4899;box-shadow:0 0 12px #ec489966}.now-playing-fullscreen-btn{margin-left:8px}.now-playing-fullscreen-btn.active{background:var(--accent-color, rgba(236, 72, 153, .3));color:var(--accent-color, #ec4899)}.now-playing-progress{position:absolute;bottom:0;left:0;right:0;padding:0 16px 8px;display:flex;flex-direction:column;gap:3px}.now-playing-progress-bar{width:100%;height:3px;background:#ffffff2e;border-radius:2px;cursor:pointer;position:relative;transition:height .2s ease;touch-action:none;user-select:none;-webkit-user-select:none}.now-playing-progress-bar:hover{height:4px}.now-playing-progress-fill{height:100%;background:linear-gradient(90deg,var(--dominant-color, #4f46e5),var(--secondary-color, #5b21b6));border-radius:2px;transition:width .1s ease;position:relative;box-shadow:0 0 8px #4f46e580}.now-playing-progress-handle{position:absolute;top:50%;width:12px;height:12px;background:#fff;border:2px solid var(--dominant-color, #4f46e5);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;box-shadow:0 2px 6px #0000004d}.now-playing-progress-bar:hover .now-playing-progress-handle{opacity:1}.now-playing-progress-bar.scrubbing{height:6px}.now-playing-progress-bar.scrubbing .now-playing-progress-handle{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.now-playing-progress-bar.scrubbing .now-playing-progress-fill{transition:none}.now-playing-progress-bar.loading{position:relative;overflow:hidden}.now-playing-progress-bar.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.now-playing-play-btn.loading{opacity:.7}.now-playing-time{display:flex;justify-content:space-between;font-size:11px;color:#fff9;font-variant-numeric:tabular-nums;font-weight:500}.now-playing-queue-btn{position:relative}.queue-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-color, #00d4ff);color:#0d0d1a;animation:queueBadgePop .3s ease-out;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.now-playing-queue-panel{position:absolute;bottom:100%;right:16px;width:320px;max-height:400px;background:linear-gradient(180deg,#141423fa,#0f0f1cfa);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 -8px 32px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:12px;overflow:hidden;z-index:1000}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.queue-header h4{margin:0;font-size:14px;font-weight:600;color:#fff}.queue-header-left{display:flex;flex-direction:column;gap:6px}.queue-header-actions{display:flex;gap:8px;flex-wrap:wrap}.queue-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffd9;font-size:12px;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.queue-add-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.queue-empty-actions{margin-top:10px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.queue-clear-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:6px;transition:color .2s,background .2s}.queue-clear-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.queue-list{max-height:300px;overflow-y:auto;padding:8px}.queue-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:background .2s}.queue-item:hover{background:#ffffff0f}.queue-item-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.queue-item-info{flex:1;min-width:0}.queue-item-title{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-artist{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-remove{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:6px;border-radius:6px;opacity:0;transition:opacity .2s,color .2s}.queue-item:hover .queue-item-remove{opacity:1}.queue-item-remove:hover{color:#ff6b6b}.queue-empty{padding:40px 20px;text-align:center;color:#fff6}.queue-empty i{font-size:32px;margin-bottom:12px;opacity:.5}.queue-empty p{margin:0 0 4px;font-size:14px;color:#fff9}.queue-empty span{font-size:12px}.queue-enter{animation:queueSlideUp .2s ease-out}.queue-leave{animation:queueSlideDown .15s ease-in}@keyframes queueSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes queueSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes queueBadgePop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){body.has-player{padding-bottom:80px}.now-playing-wrapper{position:fixed!important;left:0;right:0;bottom:0;transform:translateZ(0)}.now-playing-wrapper{height:80px}.now-playing-container{padding:10px 16px 8px;gap:12px}.now-playing-album-art{width:50px;height:50px}.now-playing-info{flex:1;min-width:0}.now-playing-title{font-size:14px}.now-playing-artist{font-size:12px}.now-playing-transport{gap:6px}.now-playing-actions{gap:2px}.now-playing-actions .now-playing-btn:nth-child(1),.now-playing-actions .now-playing-btn:nth-child(2){display:none}.now-playing-btn{width:32px;height:32px;font-size:13px}.now-playing-action-btn{width:28px;height:28px;font-size:11px}.now-playing-play-btn{width:40px;height:40px;font-size:15px}.now-playing-category{display:none}.now-playing-progress{padding:0 16px 6px}.now-playing-time{font-size:10px}.now-playing-queue-panel{width:calc(100vw - 32px);right:16px;left:16px;max-height:60vh}}@media (max-width: 480px){body.has-player{padding-bottom:72px}.now-playing-wrapper{height:72px}.now-playing-container{padding:6px 10px;gap:8px}.now-playing-album-art{width:40px;height:40px;border-radius:8px}.now-playing-info{min-width:80px}.now-playing-title{font-size:12px}.now-playing-artist{font-size:10px}.now-playing-transport,.now-playing-actions{gap:1px}.now-playing-btn{width:28px;height:28px;font-size:11px;border-radius:6px}.now-playing-action-btn{width:24px;height:24px;font-size:10px;border-radius:6px}.now-playing-play-btn{width:34px;height:34px;font-size:13px}.now-playing-volume{width:64px;min-width:48px}.now-playing-actions .now-playing-btn:nth-child(3){display:none}.category-pill{font-size:10px;padding:3px 6px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.now-playing-title,.now-playing-artist{animation:fadeIn .3s ease}.now-playing-glass,.now-playing-progress-fill,.now-playing-album-img{transition:all .35s ease}.ahoy-subheader{display:inline-block;padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#ff006026;border:1px solid rgba(255,0,96,.35);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 2px 6px #00000040,inset 0 0 0 1px #ffffff26;transition:background .2s ease,box-shadow .2s ease}.ahoy-subheader:hover{background:#ff006038;box-shadow:0 4px 12px #ff006040,inset 0 0 0 1px #fff3}.card{background:#11182799;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hover-raise{transition:transform .2s ease,box-shadow .2s ease}.hover-raise:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card-header{padding:12px 16px;font-weight:700;font-size:.95rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ec489914,#6366f114)}.card-header.subtle{background:transparent;color:#ffffffe6}.card-body{padding:16px;color:#ffffffe6}.stat-lg{font-size:1.8rem;font-weight:800}.section-title{font-weight:700;margin:12px 0;color:#fff}.table{border-radius:12px;overflow:hidden}.table .table-header,.table .table-row{display:grid;gap:12px;padding:12px 16px}.table .table-header{background:#ffffff0f;font-weight:700}.grid-5{grid-template-columns:1.2fr 1.6fr 1fr 1fr 1fr}.badge{padding:2px 8px;border-radius:999px;font-size:12px}.badge-success{background:#10b98133;color:#10b981}.row.between{display:flex;align-items:center;justify-content:space-between}.trend.up{color:#22c55e}.trend.down{color:#ef4444}.mt-lg{margin-top:20px}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 80px);gap:0}.admin-sidebar{position:sticky;top:0;align-self:start;height:100%;padding:20px 16px;background:#111827cc;border-right:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-sidebar .sidebar-title{font-weight:800;color:#fff;margin-bottom:16px}.admin-sidebar .nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#ffffffd9;text-decoration:none;transition:background .2s ease}.admin-sidebar .nav-item:hover{background:#ffffff0f}.admin-main{padding:20px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:8px}.status-dot.ok{background:#10b981}@media (max-width: 900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:8px;overflow-x:auto}}.show-card.now-playing,.list-item.now-playing{border-color:#ff0060!important;box-shadow:0 0 12px #ff006066,inset 0 0 0 1px #ff006033!important}.show-card.now-playing:after,.list-item.now-playing:after{content:"NOW PLAYING";position:absolute;top:8px;right:8px;background:#ff0060;color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.05em;z-index:5;animation:nowPlayingPulse 2s ease-in-out infinite}.list-item.now-playing{position:relative;background:#ff00600d!important}@keyframes nowPlayingPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){body.has-player.player-collapsed{padding-bottom:24px!important}}@media (max-width: 480px){body.has-player.player-collapsed{padding-bottom:20px!important}}@media (min-width: 769px){.minimize-btn.mobile-only,.dock-minimize-btn.mobile-only{display:none!important}}.app-header{position:relative;-webkit-app-region:drag;isolation:isolate;contain:layout style;pointer-events:auto}.app-header *{-webkit-app-region:no-drag}.app-header .ds-statusbar__right,.app-header .account-menu-container,.app-header button,.app-header a{-webkit-app-region:no-drag;pointer-events:auto}@media (max-width: 768px){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}a,button,input,select,textarea,[role=button]{touch-action:manipulation}.upgrade-prompt{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.app-header,.mobile-dock{transform:translateZ(0);will-change:transform}}.mobile-hamburger{display:none;-webkit-app-region:no-drag;align-items:center;justify-content:center;width:40px;height:40px;color:#fffc;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.mobile-hamburger:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.mobile-hamburger.active{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa40}.offcanvas-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10002}.offcanvas-panel{position:fixed;top:0;height:100%;width:288px;background:#f9fafb;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px #0003;padding:20px;z-index:10003;transform:translate(0);transition:transform .3s ease;-webkit-overflow-scrolling:touch}.offcanvas-left{left:0;transform:translate(-100%)}.offcanvas-right{right:0;transform:translate(100%)}.offcanvas-panel.open.offcanvas-left,.offcanvas-panel.open.offcanvas-right{transform:translate(0)}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.offcanvas-header h2{font-size:16px;font-weight:700;margin:0}.offcanvas-close{color:#111827cc;background:transparent;border:1px solid rgba(17,24,39,.12);border-radius:8px;padding:6px 10px;cursor:pointer}.offcanvas-close:hover{background:#1118270f}.offcanvas-user-summary{margin:6px 0 10px}.offcanvas-user-summary .name{font-weight:700}.offcanvas-user-summary .meta{font-size:12px;color:#111827b3}.offcanvas-nav{display:flex;flex-direction:column;gap:8px;padding-top:8px}.offcanvas-nav a,.offcanvas-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#1118270a;border:1px solid rgba(17,24,39,.08);color:#111827e6;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease}.offcanvas-nav a:hover,.offcanvas-action:hover{background:#11182714;border-color:#1118271f}.offcanvas-action.danger{color:#fecaca;border-color:#ef444459;background:#ef444414}.offcanvas-nav i{width:18px;text-align:center}.sheet-panel{position:fixed;left:0;right:0;bottom:0;height:75vh;background:#fff;color:#0f172a;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -20px 40px #00000026;z-index:10004;transform:translateY(100%);transition:transform .3s ease;-webkit-overflow-scrolling:touch}.sheet-panel.open{transform:translateY(0)}.sheet-header{position:sticky;top:0;background:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.sheet-handle{position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:#00000026}.sheet-title{font-weight:700}.sheet-close{color:#111827cc;background:transparent;border:1px solid rgba(17,24,39,.12);border-radius:8px;padding:6px 10px;cursor:pointer}.sheet-user{padding:8px 14px}.sheet-user .name{font-weight:700}.sheet-user .meta{font-size:12px;color:#111827a6}.sheet-nav{display:flex;flex-direction:column;gap:8px;padding:8px 14px 16px}.sheet-nav a,.sheet-action{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#1118270a;border:1px solid rgba(17,24,39,.08);color:#111827e6;text-decoration:none}.sheet-action.danger{color:#b91c1c;border-color:#ef444459;background:#ef444414}.sheet-nav i{width:18px;text-align:center}@media (max-width: 768px){.mobile-hamburger{display:inline-flex}.nav-features{display:none}}.portfolio-widget-container{position:relative}.portfolio-widget-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:8px;transition:background .2s}.portfolio-widget-btn:hover{background:#ffffff1a}.portfolio-widget-btn.has-investment{background:#ec489933}.portfolio-icon{font-size:1.2rem}.portfolio-amount{font-weight:600;font-size:.9rem}.portfolio-label{font-size:.875rem}.portfolio-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;min-width:300px;max-width:400px;z-index:1000;overflow:hidden}.portfolio-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.portfolio-dropdown-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.portfolio-view-all{color:#667eea;text-decoration:none;font-size:.875rem;font-weight:500}.portfolio-view-all:hover{text-decoration:underline}.portfolio-empty{padding:2rem;text-align:center;color:#6b7280}.portfolio-empty p{margin:.5rem 0}.portfolio-empty .text-muted{font-size:.875rem;opacity:.7}.portfolio-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.portfolio-total-label{font-size:.875rem;color:#6b7280}.portfolio-total-amount{font-size:1.25rem;font-weight:700;color:#059669}.portfolio-artists-list{padding:.5rem}.portfolio-artist-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;transition:background .2s}.portfolio-artist-item:hover{background:#f9fafb}.portfolio-artist-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.portfolio-artist-name{font-weight:600;color:#1f2937;font-size:.875rem}.portfolio-artist-amount{font-size:.75rem;color:#059669;font-weight:500}.portfolio-boost-btn{padding:.375rem .75rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.portfolio-boost-btn:hover{background:#5568d3}@media (max-width: 768px){.portfolio-dropdown{right:auto;left:0;min-width:280px}}img[data-src]{opacity:0;transition:opacity .3s ease}img[data-src].loaded,img[data-src].error{opacity:1}.image-placeholder{background:#f0f0f0;min-height:200px;display:flex;align-items:center;justify-content:center}.image-placeholder:not([src]){background:#e0e0e0}.image-placeholder[src]{background:none}img[src*="default-cover.jpg"]{max-width:100%;height:auto}[data-collection-badge]{background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;padding:3px 8px;font-weight:600}@media (max-width: 768px){:root{--mobile-padding: 14px;--mobile-gap: 12px;--mobile-radius: 12px;--mobile-accent: #1B6CFF;--mobile-bg: #0A0A0A;--mobile-text: #ffffff;--mobile-muted: #a1a1aa;--mobile-border: rgba(255, 255, 255, .12);--mobile-card: rgba(255, 255, 255, .05);--mobile-card-strong: rgba(255, 255, 255, .08)}html{height:auto!important;min-height:100%;overflow-x:hidden;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}body{background:var(--mobile-bg);color:var(--mobile-text);min-height:100vh;min-height:100dvh;height:auto!important;overflow-x:hidden!important;overflow-y:scroll!important;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}body.overflow-x-hidden{overflow-y:scroll!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}.content-area,.app-content,main{overflow:visible!important;height:auto!important;min-height:auto;touch-action:pan-x pan-y}.mobile-status-bar,.app-header,.mobile-dock,.now-playing-wrapper{touch-action:manipulation;pointer-events:auto}main,.content-area{padding-left:var(--mobile-padding)!important;padding-right:var(--mobile-padding)!important;gap:var(--mobile-gap)}section,.section,.block,.panel{margin-top:16px;margin-bottom:16px}.card,.item-mini,.queue-item,.recent-mini .item-mini,.now-playing-container{width:100%!important;border-radius:14px!important;overflow:hidden;background:linear-gradient(180deg,var(--mobile-card) 0%,rgba(255,255,255,.03) 100%);border:1px solid var(--mobile-border);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}button,input,select,textarea{width:100%;font-size:16px;padding:12px;border-radius:10px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.18);color:var(--mobile-text)}input::placeholder,textarea::placeholder{color:var(--mobile-muted)}.dashboard-sidebar,.sidebar-left,.sidebar-right,.account-sidebar,.radio-sidebar,.mobile-sheet,.mobile-sheet-overlay,.offcanvas-overlay,.offcanvas-panel,.desktop-only{display:none!important}.mobile-dock{display:flex!important}*{-webkit-tap-highlight-color:transparent}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}img{max-width:100%;height:auto}button,a,input,select,textarea{min-height:44px;min-width:44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}.artists-page .unified-header.artists-subheader{width:100%;margin-top:10px;margin-bottom:12px}.artists-page .artists-subheader .header-content{width:100%;margin-left:auto;margin-right:auto;padding:10px 24px;text-align:left;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 26px #0000004d,inset 0 1px #ffffff2e;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}.artists-page .artists-subheader .title-text h1{font-size:1.45rem;line-height:1.18;font-weight:800;margin-bottom:4px;display:block;color:#fff;letter-spacing:.2px;text-align:left}.artists-page .artists-subheader .title-text h1:after{content:"";display:block;width:48px;height:3px;margin:6px 0 0;border-radius:999px;background:linear-gradient(90deg,#ec489926,#ec4899a6,#ec489926);box-shadow:0 0 20px #ec489959}.artists-page .artists-subheader .title-text p{color:#b0b3bb;max-width:420px;margin:6px 0 0;font-weight:400;font-size:.95rem}.artists-page .artists-subheader .header-search .search-bar{max-width:560px;margin:10px auto 0;background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:6px 10px;display:flex;align-items:center;gap:8px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px)}.artists-page .artists-subheader .header-search .search-bar:focus-within{border-color:#ec4899;box-shadow:0 0 0 2px #ec489959,inset 0 1px #ffffff2e;background:linear-gradient(180deg,#ffffff1a,#ffffff0f)}.artists-page .artists-subheader .header-search .search-bar i{color:#e7e7e7;font-size:13px}.artists-page .artists-subheader .header-search .search-input{background:transparent;border:0;outline:none;color:#f3f4f6;width:100%}.artists-page .artists-subheader .header-search .search-input::placeholder{color:#c0c4cc}.artists-page .artists-subheader .filter-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.artists-page .artists-subheader .filter-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9999px;background:linear-gradient(180deg,#ec48991f,#ec48990f);border:1px solid rgba(236,72,153,.55);color:#f8fafc;font-weight:600;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .1s ease;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);box-shadow:inset 0 1px #ffffff26}.artists-page .artists-subheader .filter-tab:hover{color:#fff;border-color:#ec4899;background:linear-gradient(180deg,#ec48992e,#ec48991a)}.artists-page .artists-subheader .filter-tab:active{transform:translateY(1px)}.artists-page .artists-subheader .filter-tab.active{color:#fff;border-color:#ec4899;background:linear-gradient(180deg,#ec48993d,#ec48991f);box-shadow:inset 0 1px #ffffff38,0 6px 18px #00000038}.artists-page .artists-subheader .filter-tab i{font-size:12px;line-height:1;color:currentColor}.artists-page .artists-subheader .header-actions{margin-top:10px;gap:8px}.artists-page .artists-subheader .header-actions .view-btn,.artists-page .artists-subheader .header-actions .btn{padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.18);color:#f8fafc;box-shadow:inset 0 1px #ffffff2e}.artists-page .artists-subheader .header-actions .btn-primary{border-color:#ec4899;background:linear-gradient(180deg,#ec489938,#ec48991f);box-shadow:0 8px 22px #ec48992e,inset 0 1px #ffffff38}@media (max-width: 768px){.artists-page .unified-header.artists-subheader{margin-top:12px;margin-bottom:10px}.artists-page .artists-subheader .header-content{padding:8px 16px;border-radius:14px}.artists-page .artists-subheader .title-text h1{font-size:1.3rem;margin-bottom:2px;letter-spacing:.15px}.artists-page .artists-subheader .title-text h1:after{width:40px;height:2px;margin-top:4px;box-shadow:0 0 14px #ec489947}.artists-page .artists-subheader .title-text p{font-size:.9rem;margin-top:4px}.artists-page .artists-subheader .header-search .search-bar{max-width:520px;margin-top:8px;padding:6px 8px;border-radius:10px}.artists-page .artists-subheader .header-search .search-bar i{font-size:12px}.artists-page .artists-subheader .filter-tabs{gap:6px;margin-top:8px}.artists-page .artists-subheader .filter-tab{padding:6px 10px;font-size:.875rem;border-radius:9999px}.artists-page .artists-subheader .filter-tab i{font-size:11px}.artists-page .artists-subheader .header-actions{margin-top:8px;gap:6px}.artists-page .artists-subheader .header-actions .view-btn,.artists-page .artists-subheader .header-actions .btn{padding:7px 10px;border-radius:10px}}.music-subheader,.shows-subheader,.bookmarks-subheader{width:100%;margin-top:10px;margin-bottom:12px}.shows-subheader{position:sticky;top:0;z-index:100}.music-subheader .header-content,.shows-subheader .header-content,.bookmarks-subheader .header-content{width:100%;margin-left:auto;margin-right:auto;padding:10px 24px;text-align:left;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 26px #0000004d,inset 0 1px #ffffff2e;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}.music-subheader .title-text h1,.shows-subheader .title-text h1,.bookmarks-subheader .title-text h1{font-size:1.45rem;line-height:1.18;font-weight:800;margin-bottom:4px;display:block;color:#fff;letter-spacing:.2px;text-align:left}.music-subheader .title-text h1:after,.shows-subheader .title-text h1:after,.bookmarks-subheader .title-text h1:after{content:"";display:block;width:48px;height:3px;margin:6px 0 0;border-radius:999px;background:linear-gradient(90deg,#ec489926,#ec4899a6,#ec489926);box-shadow:0 0 20px #ec489959}.music-subheader .title-text p,.shows-subheader .title-text p,.bookmarks-subheader .title-text p{color:#b0b3bb;max-width:420px;margin:6px 0 0;font-weight:400;font-size:.95rem}.music-subheader .header-search .search-bar,.shows-subheader .header-search .search-bar,.bookmarks-subheader .header-search .search-bar{max-width:560px;margin:10px 0 0;background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:6px 10px;display:flex;align-items:center;gap:8px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px)}.music-subheader .header-search .search-bar:focus-within,.shows-subheader .header-search .search-bar:focus-within,.bookmarks-subheader .header-search .search-bar:focus-within{border-color:#ec4899;box-shadow:0 0 0 2px #ec489959,inset 0 1px #ffffff2e;background:linear-gradient(180deg,#ffffff1a,#ffffff0f)}.music-subheader .header-search .search-bar i,.shows-subheader .header-search .search-bar i,.bookmarks-subheader .header-search .search-bar i{color:#e7e7e7;font-size:13px}.music-subheader .header-search .search-input,.shows-subheader .header-search .search-input,.bookmarks-subheader .header-search .search-input{background:transparent;border:0;outline:none;color:#f3f4f6;width:100%}.music-subheader .header-search .search-input::placeholder,.shows-subheader .header-search .search-input::placeholder,.bookmarks-subheader .header-search .search-input::placeholder{color:#c0c4cc}.shows-subheader .filter-tabs,.bookmarks-subheader .filter-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.shows-subheader .filter-tab,.bookmarks-subheader .filter-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9999px;background:linear-gradient(180deg,#ec48991f,#ec48990f);border:1px solid rgba(236,72,153,.55);color:#f8fafc;font-weight:600;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .1s ease;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);box-shadow:inset 0 1px #ffffff26}.shows-subheader .filter-tab:hover,.bookmarks-subheader .filter-tab:hover{color:#fff;border-color:#ec4899;background:linear-gradient(180deg,#ec48992e,#ec48991a)}.shows-subheader .filter-tab.active,.bookmarks-subheader .filter-tab.active{color:#fff;border-color:#ec4899;background:linear-gradient(180deg,#ec48993d,#ec48991f);box-shadow:inset 0 1px #ffffff38,0 6px 18px #00000038}.shows-subheader .filter-tab i,.bookmarks-subheader .filter-tab i{font-size:12px;line-height:1;color:currentColor}.music-subheader .header-actions,.shows-subheader .header-actions,.bookmarks-subheader .header-actions{margin-top:10px;gap:8px}.music-subheader .header-actions .view-btn,.music-subheader .header-actions .btn,.shows-subheader .header-actions .view-btn,.shows-subheader .header-actions .btn,.bookmarks-subheader .header-actions .view-btn,.bookmarks-subheader .header-actions .btn{padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.18);color:#f8fafc;box-shadow:inset 0 1px #ffffff2e}.music-subheader .header-actions .btn-primary,.shows-subheader .header-actions .btn-primary,.bookmarks-subheader .header-actions .btn-primary{border-color:#ec4899;background:linear-gradient(180deg,#ec489938,#ec48991f);box-shadow:0 8px 22px #ec48992e,inset 0 1px #ffffff38}@media (max-width: 768px){.music-subheader,.shows-subheader,.bookmarks-subheader{margin-top:12px;margin-bottom:10px}.music-subheader .header-content,.shows-subheader .header-content,.bookmarks-subheader .header-content{padding:8px 16px;border-radius:14px}.music-subheader .title-text h1,.shows-subheader .title-text h1,.bookmarks-subheader .title-text h1{font-size:1.3rem;margin-bottom:2px;letter-spacing:.15px}.music-subheader .title-text h1:after,.shows-subheader .title-text h1:after,.bookmarks-subheader .title-text h1:after{width:40px;height:2px;margin-top:4px;box-shadow:0 0 14px #ec489947}.music-subheader .title-text p,.shows-subheader .title-text p,.bookmarks-subheader .title-text p{font-size:.9rem;margin-top:4px}.music-subheader .header-search .search-bar,.shows-subheader .header-search .search-bar,.bookmarks-subheader .header-search .search-bar{max-width:520px;margin-top:8px;padding:6px 8px;border-radius:10px}.shows-subheader .filter-tabs,.bookmarks-subheader .filter-tabs{gap:6px;margin-top:8px}.shows-subheader .filter-tab,.bookmarks-subheader .filter-tab{padding:6px 10px;font-size:.875rem}}@media (max-width: 768px){html{height:auto!important;min-height:100%;overflow-y:scroll!important;overflow-x:hidden!important;position:relative!important;-webkit-overflow-scrolling:touch!important}body{overflow-y:scroll!important;overflow-x:hidden!important;height:auto!important;min-height:100vh;min-height:100dvh;position:relative!important;-webkit-overflow-scrolling:touch!important}.app-main,.content-area,.app-content,main,.main-content,.app-shell{overflow:visible!important;height:auto!important;min-height:auto!important;position:relative!important;touch-action:pan-y!important}}.mobile-only{display:none}@media (max-width: 767px){.mobile-auth-bar{display:none!important;position:fixed;top:calc(32px + env(safe-area-inset-top));left:0;right:0;z-index:10004;background:#111111f2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);padding:.625rem 1rem;align-items:center;justify-content:flex-end;min-height:48px;box-shadow:0 2px 12px #0003}.auth-bar-guest{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-end}.auth-login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.auth-login-btn:active{transform:scale(.95);background:#ffffff14}.auth-login-btn i{font-size:.875rem;color:#a855f7}.auth-signup-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:12px;color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #a855f74d;transition:all .2s ease}.auth-signup-btn:active{transform:scale(.95);box-shadow:0 2px 8px #a855f766}.auth-bar-user{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:flex-end}.auth-user-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.auth-user-link:active{transform:scale(.95);background:#ffffff14}.auth-user-link i{font-size:1rem;color:#a855f7}.auth-settings-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#9ca3af;text-decoration:none;transition:all .2s ease}.auth-settings-link:active{transform:scale(.95);background:#ffffff14;color:#a855f7}.auth-settings-link i{font-size:1rem}body.mobile-auth-active{padding-top:calc(80px + env(safe-area-inset-top))}.search-page-header,.unified-header.artists-subheader{top:calc(80px + env(safe-area-inset-top))!important}.mobile-dock{bottom:calc(118px + env(safe-area-inset-bottom))!important}}@media (max-width: 1023px){.mobile-top-nav{display:none!important}}@media (min-width: 768px){.offcanvas-panel,.offcanvas-overlay,.offcanvas-nav{display:none!important}}@media (max-width: 1023px){.desktop-only{display:none!important}}@media (min-width: 1024px){.desktop-only{display:block!important}.desktop-only.inline,.desktop-only.flex,.desktop-only.grid{display:inline-block!important}.desktop-only.flex{display:flex!important}.desktop-only.grid{display:grid!important}}@media (max-width: 768px){.mobile-dock.mobile-only,.mobile-dock{display:flex!important;visibility:visible!important;opacity:1!important}.podcasts-hero h1 i{display:none!important}.podcasts-hero,.page-header{margin-top:36px!important}}@media (max-width: 768px){.tv-container{min-height:auto!important}.video-spotlight{padding-bottom:0!important}.spotlight-grid{grid-template-columns:1fr!important;max-width:none!important;margin:0!important;gap:12px!important;padding:0!important}.panelstream-player.hero-player{width:100%;max-height:52vh;border-radius:14px}.video-header{left:10px;top:10px}.tv-container .video-header{max-width:calc(100% - 20px);flex-wrap:wrap;gap:8px}.tv-container .now-playing-label,.tv-container #channelNameLabel{padding:6px 10px;border-radius:999px;font-size:12px;line-height:1.1;background:#0000008c;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-container #channelNameLabel{max-width:min(72vw,360px)}.channel-remote.remote-below{padding:8px 0;justify-content:center;gap:10px}.remote-btn{min-width:88px;padding:10px 12px;font-size:14px;border-radius:10px}#playing-now{display:grid!important;grid-template-columns:1fr!important;gap:10px;padding:12px}#playing-now img{width:100%;height:auto;aspect-ratio:16/9;border-radius:10px}#channel-selector{display:flex!important;gap:10px;overflow-x:auto;padding:10px 2px 12px!important;margin:0!important;background:transparent!important;max-width:none!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}#channel-selector::-webkit-scrollbar{display:none}#channel-selector .channel-button{scroll-snap-align:start;flex:0 0 auto;min-width:220px;padding:14px;border-radius:14px;text-align:left;transform:none!important;box-shadow:none!important}#channel-selector .channel-button-name{font-size:14px;margin-bottom:6px}#channel-selector .channel-button-next{font-size:12px}}@media (max-width: 767px){.desktop-nav,.top-nav-links,.top-nav-search,.top-nav-boost,.account-menu-desktop,.left-sidebar,.right-sidebar,.desktop-only,.hidden-mobile,.nav-search,.sidebar-panel[data-sidebar-section=search],.collection-add-btn,.mobile-action-bar{display:none!important}.mobile-action-bar,.mobile-action-bar+*{display:none!important}main,.main-content,.content,.content-area,.music-list,.radio-content,.grid,.collections-wrapper,.dashboard-sidebars{padding-top:0!important;margin-top:0!important}.dashboard-sidebars{display:block!important;grid-template-columns:1fr!important}}@media (max-width: 768px){.mobile-nav{display:flex;align-items:center;justify-content:space-between;background:#0e0e10;padding:12px;color:#fff;border-bottom:1px solid #222;position:fixed;top:0;width:100%;z-index:9999}.mobile-logo{font-weight:700;font-size:1.1rem}body{padding-top:0!important}}@media (max-width: 768px){.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0e0e10;color:#fff;padding:20px;z-index:10000;display:flex;flex-direction:column;gap:20px;font-size:1.4rem}.close-btn{margin-left:auto;font-size:2rem;background:none;border:none;color:#fff}}@media (max-width: 767px){.mobile-top-nav{display:none!important}.mobile-top-nav{position:fixed;left:0;right:0;top:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 12px;background:radial-gradient(120% 180% at 50% 100%,#54ff8f1a,#54ff8f00 55%),linear-gradient(180deg,#111111d9,#0a0a0ac7);backdrop-filter:saturate(180%) blur(18px) contrast(1.05);-webkit-backdrop-filter:saturate(180%) blur(18px) contrast(1.05);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #00000073,inset 0 -1px #ffffff0f;z-index:10021}.mobile-top-nav .mobile-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px;color:#d4d4d4;text-decoration:none;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);font-size:11px;line-height:1;transition:transform .12s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;will-change:transform,filter}.mobile-top-nav .mobile-tab i{font-size:18px;line-height:1}.mobile-top-nav .mobile-tab:active{transform:translateY(1px) scale(.985)}.mobile-top-nav .mobile-tab.active{color:#f1f5f9;background:linear-gradient(180deg,#ffffff17,#ffffff0d);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff3d,0 10px 28px #00000047}}@media (max-width: 768px){.mobile-search-panel,.mobile-boost-panel{background:#1a1a1d;padding:12px;border-bottom:1px solid #333}.mobile-actions button{background:none;border:none;color:#fff;font-size:1.4rem;margin-right:8px}}@media (max-width: 768px){.menu,.dropdown,.account-menu,.mobile-menu-overlay{background:#0e0e10!important;color:#fff!important}}@media (max-width: 768px){img[alt="Ahoy Indie Media"]{display:none!important}}@media (max-width: 1024px){.tip-jar-card{display:none!important}}.hidden-mobile{display:initial}@media (max-width: 768px){.mobile-only{display:initial}.hidden-mobile{display:none!important}}@media (max-width: 768px){.music-container{padding:18px 18px calc(40px + env(safe-area-inset-bottom)) 18px}.music-container .unified-hero.tv-hero,.music-container .unified-header.music-subheader{display:none!important}.music-mobile-controls{display:grid;gap:10px;margin:10px 2px 12px}.music-mobile-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.music-mobile-row select{flex:1 1 160px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffeb;outline:none}.bm-btn,.save-btn,.action-btn.bm-btn{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,212,255,.3);display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:18px!important;padding:0!important}.bm-btn[aria-pressed=true],.save-btn.bookmarked,.bm-btn.bookmarked{background:#00d4ff40!important;border:2px solid var(--accent-color)!important;color:var(--accent-color)!important;box-shadow:0 0 12px #00d4ff66!important}.bm-btn[aria-pressed=true] i,.save-btn.bookmarked i,.bm-btn.bookmarked i{color:var(--accent-color)!important;font-weight:900!important}.bm-btn:active,.save-btn:active{transform:scale(.9)!important;background:#00d4ff59!important}.bm-btn i,.save-btn i{font-size:18px!important}.bm-btn[aria-pressed=true] .fas.fa-bookmark,.save-btn.bookmarked .fas.fa-bookmark,.bm-btn.bookmarked .fas.fa-bookmark{display:block!important;opacity:1!important;color:var(--accent-color)!important}.bm-btn[aria-pressed=true] .far.fa-bookmark,.save-btn.bookmarked .far.fa-bookmark,.bm-btn.bookmarked .far.fa-bookmark{display:none!important}.bm-btn[aria-pressed=false] .far.fa-bookmark,.save-btn:not(.bookmarked) .far.fa-bookmark,.bm-btn:not(.bookmarked) .far.fa-bookmark{display:block!important}.bm-btn[aria-pressed=false] .fas.fa-bookmark,.save-btn:not(.bookmarked) .fas.fa-bookmark,.bm-btn:not(.bookmarked) .fas.fa-bookmark{display:none!important}.bookmarks-container{padding:18px 18px calc(40px + env(safe-area-inset-bottom)) 18px;min-height:auto}.bookmarks-container .unified-header.bookmarks-subheader{display:none!important}.bookmarks-container .filter-section,.bookmarks-container .bookmarks-grid-section{padding:0!important;margin:12px 0!important}.bookmarks-container .bookmarks-grid{grid-template-columns:1fr;gap:12px}.performances-page{padding:18px 18px calc(40px + env(safe-area-inset-bottom)) 18px}.performances-mobile-controls{display:grid;gap:10px;margin:10px 2px 12px}.performances-mobile-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.performances-page .performances-grid-section .section-header{display:none!important}}@media (max-width: 768px){.h-mobile{font-size:1.125rem;font-weight:600}.label-mobile{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.body-mobile{font-size:.875rem}.input-mobile{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.section-mobile{padding:.5rem .75rem}}@media (max-width: 768px){.h-scroll{display:flex;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}.h-card{min-width:180px;scroll-snap-align:start}}@media (max-width: 768px){.mobile-tabs{display:flex;overflow-x:auto;gap:.75rem;padding:.5rem}.mobile-tab{white-space:nowrap;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;border-radius:9999px;padding:.375rem .625rem;font-size:.75rem}}@media (max-width: 768px){.mobile-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10010}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;height:72vh;background:#0a0a0a;color:#e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #374151;box-shadow:0 -20px 40px #00000059;transform:translateY(100%);transition:transform .3s ease;z-index:10011;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.mobile-sheet.open{transform:translateY(0)}.mobile-sheet .sheet-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0a0a0a;border-bottom:1px solid #374151;border-top-left-radius:16px;border-top-right-radius:16px}.mobile-sheet .sheet-title{font-weight:700;font-size:.875rem}.mobile-sheet .sheet-handle{position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:#ffffff40}.mobile-sheet .sheet-nav{display:flex;flex-direction:column;gap:8px;padding:10px 14px 16px}.mobile-sheet .sheet-item{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;text-decoration:none}.mobile-sheet .sheet-item.danger{color:#fca5a5;border-color:#ef444459;background:#ef444414}.mobile-sheet .sheet-item i{width:18px;text-align:center}}@media (max-width: 768px){:root{--mobile-dock-height: 140px;--footer-glass-blur: blur(28px) saturate(140%);--footer-glass-bg: rgba(6, 6, 12, .78);--footer-glass-gradient: linear-gradient(180deg, rgba(14, 12, 22, .92) 0%, rgba(6, 6, 12, .85) 50%, rgba(4, 4, 10, .88) 100%);--footer-glass-border: 1px solid rgba(255, 255, 255, .06);--footer-glass-divider: rgba(255, 255, 255, .04);--footer-glass-sheen: rgba(255, 255, 255, .04);--footer-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 -8px 24px rgba(0, 0, 0, .55)}.now-playing-wrapper,.now-playing-sticky{z-index:10007!important}.now-playing-sticky{position:fixed;left:0;right:0;bottom:0;background:var(--footer-glass-gradient);backdrop-filter:var(--footer-glass-blur);-webkit-backdrop-filter:var(--footer-glass-blur);color:#e5e7eb;border-top:none;border-bottom:var(--footer-glass-border);padding-bottom:0;box-shadow:var(--footer-glass-shadow);border-radius:0}.now-playing-glass.now-playing-sticky{border-radius:0}.now-playing-wrapper{height:112px!important;max-height:112px!important;overflow:visible!important}body.has-player{padding-bottom:calc(var(--mobile-dock-height, 140px) + 112px + env(safe-area-inset-bottom))!important}.now-playing-sticky{max-height:none!important;overflow:visible!important}.now-playing-expanded,.player-fullscreen{display:none!important}.now-playing-container{padding:8px 12px!important;gap:10px!important;height:100%!important}.now-playing-album-art{width:50px!important;height:50px!important;flex-shrink:0}.now-playing-info{flex:1;min-width:0;overflow:hidden}.now-playing-title{font-size:13px!important;font-weight:600;line-height:1.2;margin-bottom:2px}.now-playing-artist{font-size:11px!important;opacity:.8;line-height:1.2}.now-playing-secondary .category-pill{display:none}.now-playing-transport{gap:6px!important}.now-playing-actions{gap:6px!important;flex-shrink:0}.now-playing-btn{width:36px!important;height:36px!important;font-size:14px!important}.now-playing-play-btn{width:40px!important;height:40px!important;font-size:16px!important}.now-playing-actions .now-playing-btn:nth-child(1),.now-playing-actions .now-playing-btn:nth-child(2){display:none!important}.now-playing-volume{width:64px!important;min-width:48px!important}.queue-badge{min-width:14px!important;height:14px!important;font-size:9px!important;top:-2px!important;right:-2px!important}.now-playing-queue-panel{left:8px!important;right:8px!important;width:auto!important;max-height:50vh!important}.queue-list{max-height:calc(50vh - 80px)!important}.now-playing-progress{position:absolute;bottom:0;left:0;right:0;padding:0 12px 6px!important;display:flex;flex-direction:column;gap:2px}.now-playing-progress-bar{height:3px!important;cursor:pointer;padding:10px 0;margin:-10px 0;-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:none}.now-playing-progress-bar:hover,.now-playing-progress-bar:active,.now-playing-progress-bar.scrubbing{height:4px!important}.now-playing-progress-bar.scrubbing .now-playing-progress-handle{opacity:1;transform:translate(-50%,-50%) scale(1.3)}.now-playing-time{font-size:9px!important;display:flex;justify-content:space-between;margin-top:2px}.content-pad-bottom{padding-bottom:calc(var(--bottom-nav-h, 60px) + var(--secondary-nav-h, 48px) + env(safe-area-inset-bottom) + var(--section-gap, 20px))}body.has-player .content-pad-bottom,.content-pad-bottom{padding-bottom:calc(var(--bottom-nav-h, 60px) + var(--secondary-nav-h, 48px) + env(safe-area-inset-bottom) + 80px + var(--section-gap, 20px))}body.has-player{padding-bottom:calc(var(--mobile-dock-height, 140px) + 70px + env(safe-area-inset-bottom))}.now-playing-empty-art{width:50px!important;height:50px!important;font-size:18px!important;border-radius:8px!important}.now-playing-empty-title{font-size:13px!important}.now-playing-empty-artist{font-size:10px!important}}@media (max-width: 768px){.mobile-status-bar.mobile-only{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10025}:root{--player-h: 70px;--bottom-nav-h: calc(50px + env(safe-area-inset-bottom)) ;--secondary-nav-h: 40px;--footer-logo-h: 0px;--footer-stack-h: calc(var(--bottom-nav-h) + var(--secondary-nav-h));--bottombar-h: var(--footer-stack-h);--mobile-nav-offset: 8px;--mobile-nav-max-w: 520px;--mobile-nav-radius: 18px}html{scroll-padding-top:calc(84px + env(safe-area-inset-top));scroll-padding-bottom:calc(var(--footer-stack-h, calc(90px + env(safe-area-inset-bottom)) ) + 70px + 8px);touch-action:pan-y;overscroll-behavior-y:contain}.content-area.app-content{padding-left:max(var(--gutter, 14px),env(safe-area-inset-left))!important;padding-right:max(var(--gutter, 14px),env(safe-area-inset-right))!important;padding-top:4px!important;max-width:var(--content-max, 680px);margin-left:auto;margin-right:auto;touch-action:pan-y}.app-content>section{margin-top:var(--section-gap, 20px)!important;margin-bottom:0!important}.app-content>section:first-child{margin-top:10px!important}.music-container,.shows-container{max-width:none!important;margin:0!important;padding:0!important}.music-container,.shows-page .shows-container{display:flex;flex-direction:column;gap:var(--section-gap, 20px)}.music-container .header-content,.shows-page .header-content{padding-left:0!important;padding-right:0!important}.music-container .unified-hero,.shows-page .unified-hero{padding-left:0!important;padding-right:0!important;border-radius:var(--card-radius, 16px);overflow:hidden}.unified-hero .hero-content{padding:var(--card-pad, 14px)!important;max-width:40rem}.unified-hero:before,.unified-hero:after{width:40px}.unified-hero .hero-controls{padding:0 var(--card-pad, 14px)}.music-container .music-grid{padding-left:0!important;padding-right:0!important;gap:var(--card-gap, 12px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.music-container .music-list{margin-left:0!important;margin-right:0!important}.shows-page .shows-grid{padding-left:0!important;padding-right:0!important;gap:var(--card-gap, 12px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.shows-page .shows-list{margin-left:0!important;margin-right:0!important}.home-page{display:flex;flex-direction:column;gap:var(--section-gap, 20px)}.home-page .podcasts-hero{margin-bottom:0!important}.home-page .live-dashboard{margin-top:0!important;margin-bottom:0!important}.home-page .dashboard-grid{height:auto!important;min-height:0!important}.home-page .dashboard-main,.home-page .dash-preview,.home-page .dash-bg{min-height:0!important}.discovery-grid .grid-container{grid-template-columns:1fr!important;gap:var(--card-gap, 12px)!important}.grid-item{height:auto!important;border-radius:var(--card-radius, 16px)!important}.item-header{padding:var(--card-pad, 14px)!important}.playing-list{display:flex!important;flex-direction:column!important;gap:var(--card-gap, 12px)!important;padding:var(--card-pad, 14px)!important;height:auto!important}}@media (max-width: 480px){.home-page .dash-overlay{padding:var(--card-pad, 14px)!important}.home-page .dash-content h2{font-size:1.45rem!important}.home-page .dash-content p{font-size:.95rem!important;margin-bottom:.9rem!important}.home-page .dash-play-btn{padding:.7rem 1.1rem!important;font-size:.9rem!important;box-shadow:none!important}.auth-login-btn.auth-cta,.auth-signup-btn.auth-cta{min-height:44px;border-radius:12px;font-size:.85rem;letter-spacing:0;box-shadow:none!important}.auth-login-btn.auth-cta{background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffd1!important;padding:.5rem .9rem!important}.auth-login-btn.auth-cta i{color:#ffffffb3!important}.auth-signup-btn.auth-cta{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.14)!important;color:#ffffffe6!important;font-weight:600!important;padding:.5rem .95rem!important}}@media (max-width: 768px){.mobile-hamburger{color:#e5e7ebe6;border-color:#37415199;background:#ffffff05}.account-dropdown-menu{background:#0a0a0a!important;color:#e5e7eb!important;border:1px solid #374151!important}.account-menu-item{background:#ffffff0a!important;border-color:#ffffff1f!important}}@media (max-width: 767px){.live-tv-sidebar{position:fixed!important;top:calc(80px + env(safe-area-inset-top));left:0;bottom:0;width:86vw;max-width:360px;transform:translate(-100%);transition:transform .25s ease,opacity .2s ease;background:#0f0f0f;border-right:1px solid rgba(255,255,255,.08);z-index:10018;padding:10px 10px 18px;box-sizing:border-box;overflow-y:auto}.live-tv-sidebar.open{transform:translate(0)}.ltv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:10017;display:none}.ltv-overlay.show{display:block}.channels-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;font-size:.9rem}.channels-btn i{font-size:14px}.channel-list li,.channel-list .channel-item{min-height:44px;padding:10px 8px;border-radius:10px;margin-bottom:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}}.unified-input{width:100%;border-radius:.5rem;background:#111;border:1px solid #1e1e1e;color:#e5e7eb;padding:.5rem .75rem}.unified-input:focus{outline:none;border-color:#a3e635}.unified-input[disabled]{opacity:.6}.unified-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#111;border-radius:.5rem;border:1px solid #1e1e1e;color:#e5e7eb;padding:.5rem 2rem .5rem .75rem;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.unified-select:focus{outline:none;border-color:#a3e635}@media (max-width: 768px){.offcanvas-panel,.sheet-panel{background:#0f0f0f!important;color:#e5e7eb!important;border-color:#a3e63533!important}}@media (max-width: 1024px){.dashboard-sidebar .sidebar-content{display:flex;flex-direction:column}.dashboard-sidebar [data-sidebar-section=search]{order:1}.dashboard-sidebar .tip-jar-card{order:2}.dashboard-sidebar [data-sidebar-section=bookmarks]{order:3}.dashboard-sidebar [data-sidebar-section=user]{order:4}.dashboard-sidebar [data-sidebar-section=merit-badges]{order:5}.dashboard-sidebar .sidebar-mini-player{order:6}}@media (max-width: 768px){.sidebar-search-container,.tip-jar-select,.tip-jar-amount-group{height:42px;min-height:42px;box-sizing:border-box}}@media (max-width: 767px){.mobile-only{display:block}.mobile-dock.mobile-only{display:flex!important}.nav-container{padding-left:8px!important;padding-right:8px!important}#mobile-explore{display:none!important}.app-header{padding-top:2px!important;padding-bottom:2px!important}.main-content{margin-top:4px}.navbar .nav-container{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.navbar .nav-features,.navbar .nav-search,.navbar .nav-menu{display:none!important}.navbar .nav-container>.mobile-hamburger:first-of-type{grid-column:1;justify-self:start}.navbar .nav-logo{grid-column:2;justify-self:center;display:flex;align-items:center;justify-content:center;min-width:0}.navbar .nav-item.mobile-only.mobile-hamburger{grid-column:3;justify-self:end}.nav-logo,.nav-logo img,.nav-title-mobile,.mobile-user-avatar{display:none!important}.mobile-user-name{display:inline-block;min-width:44px;line-height:44px;text-align:center;color:#e5e7eb;padding:0 8px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.dashboard-sidebar,.sidebar-left,.sidebar-right,.account-sidebar,.radio-sidebar{display:none!important}#mobile-explore{padding:8px 12px;border-top:1px solid #1f1f1f;background:#0f0f0f}#mobile-explore h2{font-size:1rem;font-weight:700;margin:4px 0 8px;color:#e5e7eb}.explore-grid-mobile{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.explore-grid-mobile a{display:block;text-align:center;padding:10px 8px;border-radius:10px;background:#111;color:#eee;border:1px solid #1f1f1f;text-decoration:none}.mobile-widget-stack{display:grid;grid-template-columns:1fr;gap:10px;padding:8px 12px}.mobile-widget-stack .widget{min-height:56px;border-radius:12px;background:#0f0f0f;border:1px solid #222}.offcanvas-overlay{background:#0009!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10012}.offcanvas-panel{background:#111!important;color:#eee!important;border-right:1px solid #2a2a2a!important;z-index:10013}.offcanvas-panel .offcanvas-header{border-bottom:1px solid #2a2a2a}.offcanvas-nav a{color:#eee;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px}.mobile-sheet{background:#111!important;color:#eee!important;border-top:1px solid #2a2a2a!important;z-index:10014}.mobile-sheet-overlay{background:#0009!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10013}.account-dropdown-menu{background:#111!important;color:#eee!important;border:1px solid #2a2a2a!important}.navbar .search-input,.tip-jar-amount-group input[type=number],.tip-jar-select select,.sheet-nav input,.sheet-nav select,.mobile-widget-stack input,.mobile-widget-stack select,.mobile-widget-stack textarea,.account-page input,.account-page select,.account-page textarea{background:#111;color:#eee;border:1px solid #1e1e1e;border-radius:8px;padding:10px 12px}.navbar .search-input::placeholder{color:#a3a3a3}.app-header{position:relative;z-index:10020}}@media (max-width: 767px){.mobile-widget-stack{display:none!important}}@media (max-width: 767px){.mobile-status-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:calc(32px + env(safe-area-inset-top));max-height:none;background:linear-gradient(180deg,#0a0a0afa,#0a0a0aeb);backdrop-filter:saturate(180%) blur(10px) contrast(1.05);-webkit-backdrop-filter:saturate(180%) blur(10px) contrast(1.05);border-bottom:1px solid rgba(255,255,255,.05);z-index:10025;display:flex;align-items:center;padding:env(safe-area-inset-top) 12px 0;box-sizing:border-box}.status-bar-content{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#e5e7eb}.status-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.status-home-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;text-decoration:none;transition:all .15s ease;flex-shrink:0}.status-home-btn:hover{background:#ffffff1a;border-color:#ffffff1f}.status-home-btn:active{transform:scale(.95)}.status-home-btn i{font-size:10px}.status-logo{display:flex;align-items:center;line-height:0;flex-shrink:0}.status-logo img{height:12px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(255,255,255,.25));opacity:.95}.status-time{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.status-weather{display:flex;align-items:center;gap:3px;padding:2px 6px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.weather-icon{font-size:12px;line-height:1}.weather-temp{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:#e5e7eb}.status-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.status-actions{display:flex;align-items:center;gap:6px}.status-action-btn{width:24px;height:24px;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;font-size:10px;cursor:pointer;transition:all .15s ease;position:relative;text-decoration:none;flex-shrink:0}.status-action-btn:hover{background:#ffffff1a;border-color:#ffffff1f}.status-action-btn:active{transform:scale(.95)}.status-action-btn .notification-badge{position:absolute;top:-4px;right:-4px;background:#dc3545;color:#fff;border-radius:50%;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;padding:0 3px;box-shadow:0 2px 4px #dc354566;line-height:1}.status-indicators{display:flex;gap:6px;align-items:center;font-size:10px;opacity:.85;flex-shrink:0;margin-left:auto}.status-indicators i{font-size:10px;width:12px;text-align:center}body.mobile-auth-active{padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:0}}@media (max-width: 767px){.mobile-account-bar,.mobile-top-nav{display:none!important}.mobile-account-bar .account-bar-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;min-height:80px;color:#d4d4d4;text-decoration:none;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);font-size:9px;line-height:1.1;transition:transform .12s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;will-change:transform,filter}.mobile-account-bar .account-bar-item i{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.mobile-account-bar .account-bar-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500}.mobile-account-bar .account-bar-item:active{transform:translateY(1px) scale(.985)}.mobile-account-bar .account-bar-item:hover,.mobile-account-bar .account-bar-item.active{color:#f1f5f9;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border-color:#ffffff26;box-shadow:inset 0 1px #fff3,0 8px 20px #00000040}}@media (max-width: 767px){.mobile-footer-logo,.mobile-footer-logo-img{display:none!important}.mobile-dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;z-index:10006!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;background:linear-gradient(180deg,#0a0810e0,#040408d1,#020206e0);border:none;border-top:1px solid rgba(255,255,255,.05);border-radius:0;box-shadow:inset 0 1px #ffffff0a,0 -4px 20px #0006;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);overflow:visible;padding:12px 8px calc(14px + env(safe-area-inset-bottom)) 8px}.mobile-dock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 45%);pointer-events:none;z-index:0}.mobile-dock-row{display:flex!important;justify-content:space-around!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;min-height:0!important;position:relative!important;z-index:1!important}.mobile-dock-row-secondary{padding:10px 6px 8px!important;min-height:44px}.mobile-dock-row-primary{padding:8px 6px 4px!important;min-height:52px}.mobile-dock .mobile-tab{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px 8px;flex:1;min-width:0;max-width:88px;min-height:44px;color:#ffffffe0;text-decoration:none;border:none;background:transparent;font-size:9px;line-height:1.1;border-radius:12px;transition:color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.mobile-dock .mobile-tab:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:radial-gradient(80% 80% at 50% 20%,rgba(255,255,255,.08) 0%,transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:-1}.mobile-dock .mobile-tab i{font-size:18px;line-height:1;position:relative;z-index:1;pointer-events:none}.mobile-dock .mobile-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:500;position:relative;z-index:1;pointer-events:none}.mobile-dock .mobile-tab:active:after{opacity:.4}.mobile-dock .mobile-tab.active{color:#f8fafc}.mobile-dock .mobile-tab.active:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:14px;background:#00000085;border:1px solid rgba(255,255,255,.04);box-shadow:0 2px 12px #00000040,inset 0 1px #ffffff0a;z-index:1}.mobile-dock .mobile-tab.active:after{opacity:0}.mobile-dock .mobile-tab.active i,.mobile-dock .mobile-tab.active span{color:#f8fafc;font-weight:600}@media (max-width: 420px){.mobile-dock .mobile-tab{max-width:64px;padding:8px 6px 6px;font-size:8px}.mobile-dock .mobile-tab i{font-size:17px}}}@media (max-width: 767px){.app-header{position:sticky;top:calc(32px + env(safe-area-inset-top));background:linear-gradient(180deg,#111111d9,#11111173);backdrop-filter:saturate(180%) blur(16px) contrast(1.03);-webkit-backdrop-filter:saturate(180%) blur(16px) contrast(1.03);border-bottom:1px solid rgba(255,255,255,.07);z-index:10020}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#fff0,#ffffff26,#fff0);pointer-events:none}.mobile-hamburger{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff38,0 6px 16px #00000040;color:#e5e7eb}.mobile-hamburger i{font-size:16px}.mobile-hamburger:hover{background:linear-gradient(180deg,#ffffff24,#ffffff14);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff47,0 8px 20px #00000047;transform:translateY(-1px);transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.mobile-hamburger:active{transform:translateY(0);box-shadow:inset 0 1px #fff3,0 4px 10px #00000038}}@media (max-width: 768px){.navbar .nav-container{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.navbar .nav-features,.navbar .nav-search,.navbar .nav-menu .hidden-mobile{display:none!important}.nav-logo{display:flex;align-items:center;min-width:0}.nav-title-mobile{display:none!important}.mobile-action-bar button{border-radius:12px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.18);color:#eef2ff}.mobile-menu,.mobile-account,.mobile-search,.mobile-boost{position:fixed;left:0;right:0;top:0;background:#0a0a0af0;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);z-index:10030;padding:12px var(--mobile-padding, 14px) 16px}.mobile-menu.hidden,.mobile-account.hidden,.mobile-search.hidden,.mobile-boost.hidden{display:none}.content-area .card,.recent-mini .item-mini,.queue-mini .item-mini,.actions-mini .action-mini,.now-playing-container{width:100%!important;padding-bottom:36px!important}body,html{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100vh}}@media (max-width: 767px){.search-container{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.14);border-radius:12px;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}.search-input{background:transparent!important;color:#eef2ff!important}.search-input::placeholder{color:#a1a1aa!important}.recent-mini .item-mini,.queue-mini .item-mini,.actions-mini .action-mini,.mobile-widget-stack .widget,.sidebar-panel,.tip-breakdown-card,.account-menu-item,.now-playing-container{background:linear-gradient(180deg,#ffffff0f,#ffffff08)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;backdrop-filter:saturate(140%) blur(12px)!important;-webkit-backdrop-filter:saturate(140%) blur(12px)!important}.section-title{margin:10px 8px;font-weight:700;color:#e5e7eb}button,.btn,.queue-add-btn,.queue-remove-btn,.tip-jar-submit,.account-menu-item,.now-playing-btn{border-radius:14px!important;background:linear-gradient(180deg,#ffffff17,#ffffff0d)!important;border:1px solid rgba(255,255,255,.18)!important;color:#f1f5f9!important;transition:transform .12s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}button:hover,.btn:hover,.now-playing-btn:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff12)!important;border-color:#ffffff3d!important;box-shadow:0 8px 22px #00000059}button:active,.btn:active{transform:translateY(1px);box-shadow:0 6px 16px #00000047}.mini-thumb,.mini-cover{border-radius:10px}}@media (max-width: 767px){.account-page{padding:0;margin:0;width:100%;overflow-x:hidden}.account-header{padding:1rem;margin:0}.account-hero{flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;gap:1rem}.account-avatar{margin:0 auto}.account-avatar img{width:100px;height:100px}.account-info{width:100%}.account-info h1{font-size:1.5rem;margin-bottom:.25rem}.account-username,.account-email{font-size:.875rem;margin-bottom:.5rem}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem;width:100%}.stat-item{padding:.5rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.account-content{padding:0 .75rem;max-width:100%}.account-tabs{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:.5rem;padding:.5rem;margin-bottom:1rem;border-radius:12px}.account-tab{flex:0 0 auto;min-width:100px;padding:.75rem 1rem;font-size:.875rem;white-space:nowrap;scroll-snap-align:start}.account-tab i{font-size:.875rem}.tab-panel{padding:1rem;margin:0;border-radius:12px}.overview-grid{grid-template-columns:1fr;gap:1rem}.overview-quick-stats.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.card{padding:1rem}.card-header{font-size:.75rem}.stat-lg{font-size:1.5rem}.overview-card{padding:1rem}.overview-card h3{font-size:1rem;margin-bottom:.75rem}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.activity-list{gap:.75rem}.activity-item{padding:.75rem}.activity-icon{width:32px;height:32px;font-size:.875rem}}@media (max-width: 767px){.mobile-search-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10030;display:flex;align-items:flex-end}.mobile-search-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-search-container{position:relative;width:100%;max-height:85vh;background:linear-gradient(180deg,#111111fa,#0a0a0af2);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -20px 60px #00000080;padding:0;display:flex;flex-direction:column;overflow:hidden}.mobile-search-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;margin-top:12px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-search-header h2{font-size:1.5rem;font-weight:700;color:#f0f0f7;margin:0}.mobile-search-close{width:40px;height:40px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-search-close:hover{background:#ffffff1f;transform:scale(1.05)}.mobile-search-input-wrapper{position:relative;margin:1.5rem 1.5rem 1rem}.mobile-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:18px;pointer-events:none;z-index:1}.mobile-search-input{width:100%;padding:16px 50px 16px 48px;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:16px;color:#f0f0f7;font-size:16px;font-weight:500;outline:none;transition:all .2s ease}.mobile-search-input:focus{background:#ffffff1f;border-color:#667eea99;box-shadow:0 0 0 4px #667eea26}.mobile-search-input::placeholder{color:#fff6}.mobile-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:none;color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-search-clear:hover{background:#ffffff26;transform:translateY(-50%) scale(1.1)}.mobile-search-suggestions,.mobile-search-recents{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 1.5rem 1.5rem}.suggestions-header,.recents-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.clear-recents-btn{background:none;border:none;color:#667eeacc;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.clear-recents-btn:hover{background:#667eea1a}.suggestions-list,.recents-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-item,.recent-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f0f0f7;text-align:left;width:100%;cursor:pointer;transition:all .2s ease}.suggestion-item:hover,.recent-item:hover{background:#ffffff1a;border-color:#667eea66;transform:translate(4px)}.suggestion-item i,.recent-item i{font-size:1.25rem;color:#667eeacc;width:24px;text-align:center}.suggestion-content{flex:1;min-width:0}.suggestion-title{font-size:.95rem;font-weight:600;color:#f0f0f7;margin-bottom:.25rem}.suggestion-subtitle{font-size:.8rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item span{flex:1;font-size:.9rem}}@media screen and (max-width: 1024px){html,html[class],html:root{height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:auto!important;position:relative!important;touch-action:pan-y!important}body,body[class],body.overflow-x-hidden{height:auto!important;min-height:100vh!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:auto!important;position:relative!important;touch-action:pan-y!important}.app-shell,.app-main,.main-content,.content-area,.app-content,main,#app,#root,[x-data]{height:auto!important;max-height:none!important;overflow:visible!important;position:relative!important;touch-action:pan-y!important}.mobile-status-bar,.app-header,.mobile-dock,.now-playing-wrapper,.now-playing-sticky{touch-action:manipulation!important}}.modal-overlay[style*="display: none"],.modal-overlay[style*="display:none"],.modal-overlay:not([style]),[x-cloak]{pointer-events:none!important;touch-action:auto!important}[x-cloak]{display:none!important}:root{--ui-density-gap: 4px;--ui-touch-padding: 6px;--ui-glass-opacity: .85;--np-bar-tint: .08;--np-bar-darken: .14;--dock-bar-blur: 28px;--dock-bar-tint: .08;--dock-bar-darken: .14;--mobile-dock-secondary-padding: 4px 8px;--mobile-dock-secondary-gap: 2px;--mobile-dock-secondary-min-height: 40px;--np-mobile-dock-height: 118px;--np-collapsed-strip-height: 40px;--np-height: 72px;--np-mobile-height: 135px;--np-bar-radius: 0;--np-container-padding: 8px 12px;--np-container-gap-col: 12px;--np-album-size: 42px;--np-album-radius: 10px;--np-title-size: 13px;--np-artist-size: 11px;--np-info-gap: 1px;--np-left-gap: 8px;--np-transport-gap: 4px;--np-btn-size: 30px;--np-play-btn-size: 36px;--np-actions-gap: 6px;--np-action-btn-size: 30px;--np-action-btn-radius: 8px;--np-volume-wrap-gap: 8px;--np-volume-width: 84px;--np-bar-bg: rgba(0, 0, 0, var(--np-bar-darken));--np-bar-blur: 28px;--np-bar-border: none;--np-bar-border-gloss: none;--np-bar-chromatic: none;--np-playing-glow: none;--np-title-color: var(--text-primary, #ffffff);--np-artist-color: var(--text-secondary, rgba(255, 255, 255, .85));--np-empty-title-color: rgba(255, 255, 255, .6);--np-empty-artist-color: rgba(255, 255, 255, .4);--np-empty-link-color: rgba(255, 255, 255, .5);--np-empty-link-hover: rgba(255, 255, 255, .85);--np-empty-art-bg: linear-gradient(135deg, rgba(67, 56, 202, .22) 0%, rgba(79, 70, 229, .16) 100%);--np-btn-bg: transparent;--np-btn-color: rgba(255, 255, 255, .9);--np-btn-hover-bg: rgba(255, 255, 255, .1);--np-btn-active-bg: rgba(79, 70, 229, .35);--np-btn-active-color: #4f46e5;--np-btn-shadow: none;--np-btn-shadow-active: none;--np-play-btn-bg: linear-gradient(135deg, #5b21b6, #4f46e5);--np-play-btn-hover-bg: linear-gradient(135deg, #6d28d9, #6366f1);--np-play-btn-shadow: none;--np-play-btn-shadow-active: inset 1px 1px 3px rgba(0, 0, 0, .2);--np-action-btn-border: 1px solid rgba(255, 255, 255, .1);--np-action-btn-color: rgba(255, 255, 255, .55);--np-action-btn-hover-bg: rgba(255, 255, 255, .06);--np-action-btn-hover-border: rgba(255, 255, 255, .25);--np-action-btn-hover-color: rgba(255, 255, 255, .9);--np-action-btn-shadow: none;--np-action-btn-shadow-active: none;--np-album-shadow: none;--np-empty-art-shadow: inset 2px 2px 6px rgba(0, 0, 0, .2);--dock-tab-inactive: rgba(255, 255, 255, .52);--dock-tab-active: rgba(129, 140, 248, .95);--dock-tab-active-bg: rgba(79, 70, 229, .14)}.now-playing-wrapper{height:var(--np-height);transition:height .3s cubic-bezier(.4,0,.2,1)}body.has-player{padding-bottom:var(--np-height)}.now-playing-glass{height:100%;min-height:100%;border-radius:var(--np-bar-radius);border:none;box-shadow:none;background:var(--np-bar-bg);backdrop-filter:blur(var(--np-bar-blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--np-bar-blur)) saturate(1.5)}.now-playing-glass.now-playing-is-playing{border:none;box-shadow:none}.now-playing-container{display:flex;align-items:center;height:100%;min-height:100%;padding:var(--np-container-padding);gap:var(--np-container-gap-col)}.now-playing-left{display:flex;align-items:center;gap:var(--np-left-gap);flex:1;min-width:0}.now-playing-info{gap:var(--np-info-gap)}.now-playing-title{font-size:var(--np-title-size);color:var(--np-title-color)}.now-playing-artist{font-size:var(--np-artist-size);color:var(--np-artist-color)}.now-playing-empty-title{color:var(--np-empty-title-color)!important}.now-playing-empty-artist{color:var(--np-empty-artist-color)!important}.now-playing-empty-link{color:var(--np-empty-link-color)}.now-playing-empty-link:hover{color:var(--np-empty-link-hover)}.now-playing-transport{gap:var(--np-transport-gap)}.now-playing-actions-wrap{gap:var(--np-volume-wrap-gap)}.now-playing-actions{gap:var(--np-actions-gap)}.now-playing-volume{width:var(--np-volume-width)}.now-playing-album-art{width:var(--np-album-size);height:var(--np-album-size);border-radius:var(--np-album-radius);box-shadow:var(--np-album-shadow)}.now-playing-empty-art{border-radius:var(--np-album-radius);background:var(--np-empty-art-bg);box-shadow:var(--np-empty-art-shadow)}.now-playing-btn{width:var(--np-btn-size);height:var(--np-btn-size);background:var(--np-btn-bg);color:var(--np-btn-color);box-shadow:var(--np-btn-shadow)}.now-playing-btn:hover{background:var(--np-btn-hover-bg)}.now-playing-btn:active{box-shadow:var(--np-btn-shadow-active)}.now-playing-btn.active{background:var(--np-btn-active-bg);color:var(--np-btn-active-color);box-shadow:var(--np-btn-shadow-active)}.now-playing-play-btn{width:var(--np-play-btn-size);height:var(--np-play-btn-size);border-radius:50%;background:var(--np-play-btn-bg);box-shadow:var(--np-play-btn-shadow)}.now-playing-play-btn:hover{background:var(--np-play-btn-hover-bg)}.now-playing-play-btn:active{box-shadow:var(--np-play-btn-shadow-active)}.now-playing-action-btn{width:var(--np-action-btn-size);height:var(--np-action-btn-size);border-radius:var(--np-action-btn-radius);border:var(--np-action-btn-border);color:var(--np-action-btn-color);box-shadow:var(--np-action-btn-shadow)}.now-playing-action-btn:hover{background:var(--np-action-btn-hover-bg);border-color:var(--np-action-btn-hover-border);color:var(--np-action-btn-hover-color)}.now-playing-action-btn:active{box-shadow:var(--np-action-btn-shadow-active)}@media (max-width: 768px){.now-playing-wrapper{min-height:var(--np-mobile-height)!important;height:auto!important;max-height:none!important;left:0!important;right:0!important}body.has-player{padding-bottom:calc(var(--np-mobile-height) + var(--np-mobile-dock-height) + env(safe-area-inset-bottom))!important}.now-playing-title,.now-playing-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.now-playing-container{padding:var(--np-container-padding)!important;border:none!important;box-shadow:none!important}.now-playing-album-art,.now-playing-empty-art{width:var(--np-album-size)!important;height:var(--np-album-size)!important}.now-playing-transport{gap:var(--np-transport-gap)!important}.now-playing-actions{gap:var(--np-actions-gap)!important}.now-playing-btn{width:var(--np-btn-size)!important;height:var(--np-btn-size)!important}.now-playing-play-btn{width:var(--np-play-btn-size)!important;height:var(--np-play-btn-size)!important}.now-playing-volume{width:64px!important;min-width:48px!important}.mobile-dock{background:rgba(0,0,0,var(--dock-bar-darken))!important;backdrop-filter:blur(var(--dock-bar-blur)) saturate(1.5)!important;-webkit-backdrop-filter:blur(var(--dock-bar-blur)) saturate(1.5)!important;border:none!important;box-shadow:none!important}.mobile-dock:before{display:none!important}.mobile-dock .mobile-tab{color:var(--dock-tab-inactive)!important;transition:color .2s ease,transform .12s ease!important}.mobile-dock .mobile-tab:active:after{opacity:0!important}.mobile-dock .mobile-tab:active{transform:scale(.94)!important}.mobile-dock .mobile-tab i,.mobile-dock .mobile-tab span{color:var(--dock-tab-inactive)!important}.mobile-dock .mobile-tab.active{color:var(--dock-tab-active)!important}.mobile-dock .mobile-tab.active:before{background:var(--dock-tab-active-bg)!important;border:none!important;box-shadow:none!important}.mobile-dock .mobile-tab.active i,.mobile-dock .mobile-tab.active span{color:var(--dock-tab-active)!important;font-weight:600}.mobile-dock-row-secondary{margin-top:-4px;background:transparent!important;border-top:1px solid rgba(255,255,255,.03)}.now-playing-queue-wrap,.queue-btn,.add-to-playlist-btn,.np-queue,.dashboard-right .queue-list,.dashboard-right .sidebar-empty,.dashboard-right .sidebar-see-all{display:none!important}}@media (max-width: 767px){.mobile-dock-row-secondary{padding:var(--mobile-dock-secondary-padding)!important;gap:var(--mobile-dock-secondary-gap)!important;min-height:var(--mobile-dock-secondary-min-height)!important}}:root{--snes-purple: #6b5b95;--snes-purple-bright: #8b7ba8;--snes-purple-dark: #5a4a7a;--snes-gray: #4a4550;--snes-gray-dark: #3a3540;--snes-radius: 16px;--snes-radius-sm: 12px}.now-playing-glass{border-radius:var(--snes-radius) var(--snes-radius) 0 0!important}@media (max-width: 768px){.now-playing-glass{border-radius:0!important;border-top:1px solid rgba(255,255,255,.08)!important}}.now-playing-glass.now-playing-is-playing{border-top:.8px solid var(--snes-purple-bright)!important;box-shadow:0 -2px 16px #6b5b9540,inset 0 1px #ffffff0f!important}.now-playing-play-btn{border-radius:50%!important;box-shadow:0 3px 0 var(--snes-purple-dark),0 4px 8px #00000059,inset 0 1px #ffffff40!important;border:.8px solid rgba(255,255,255,.12)!important}.now-playing-play-btn:hover{box-shadow:0 4px 0 var(--snes-purple-dark),0 5px 12px #0006,inset 0 1px #ffffff4d!important;transform:translateY(-1px)}.now-playing-play-btn:active{box-shadow:0 0 0 var(--snes-purple-dark),0 1px 4px #0006,inset 0 2px 4px #00000040!important;transform:translateY(2px)}.now-playing-glass.now-playing-is-playing .now-playing-play-btn:not(.loading){box-shadow:0 3px 0 var(--snes-purple-dark),0 4px 8px #00000059,0 0 20px #8b7ba859,inset 0 1px #ffffff40!important}.now-playing-transport .now-playing-btn:not(.now-playing-play-btn){border-radius:var(--snes-radius-sm)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0d!important}.app .now-playing-wrapper.collapsed .now-playing-glass{border-radius:14px 14px 0 0!important;border-top:1px solid rgba(255,255,255,.06)!important;box-shadow:inset 0 2px 4px #00000026!important}.app .now-playing-wrapper.collapsed .now-playing-glass:before{content:"";position:absolute;left:50%;top:10px;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:linear-gradient(180deg,#0006,#ffffff0f);pointer-events:none}.now-playing-wrapper.has-player .now-playing-album-art{box-shadow:0 0 0 2px var(--snes-gray),0 2px 8px #0000004d!important}.now-playing-wrapper.has-player .now-playing-album-img.spinning{box-shadow:0 0 0 2px var(--snes-purple-bright),0 0 20px #6b5b9566!important}@media (max-width: 768px){.app .mobile-dock,.mobile-dock{border-radius:0!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0d,0 -4px 20px #00000059!important}.app .mobile-dock .mobile-tab,.mobile-dock .mobile-tab{border-radius:var(--snes-radius-sm)!important}.app .mobile-dock .mobile-tab.active:before,.mobile-dock .mobile-tab.active:before{border-radius:10px!important;background:linear-gradient(180deg,#8b7ba833,#5a4a7a40)!important;border:1px solid rgba(139,123,168,.35)!important;box-shadow:0 2px #0003,inset 0 1px #ffffff1f!important}.app .mobile-dock .mobile-tab.active i,.app .mobile-dock .mobile-tab.active span,.mobile-dock .mobile-tab.active i,.mobile-dock .mobile-tab.active span{color:var(--snes-purple-bright)!important}}.app{--ds-topbar-height: 44px}.app .app-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,#08080cd1,#06060ac7,#050508bf);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff08 inset,0 4px 24px #00000059}.app .app-header .navbar{background:transparent;border-bottom:none;box-shadow:none}.app .app-header .mobile-status-bar,.app .app-header .mobile-nav-root,.app .app-header .mobile-top-nav{background:transparent}.app .main-content{padding-top:var(--ds-topbar-height);min-height:100vh}.app .app-shell{min-height:calc(100vh - var(--ds-topbar-height))}.app .app-main{display:flex;flex-direction:column;min-height:0}.app .content-area.app-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app .content-area .videos-page,.app .content-area .videos-page .shows-container,.app .content-area .videos-page .shows-grid-section{flex:none;min-height:min-content}.app .app-sidebar{top:var(--ds-topbar-height);height:calc(100vh - var(--ds-topbar-height))}.app .now-playing-volume-mobile-btn{display:none!important}@media (max-width: 768px){.app{--ds-topbar-height: calc(124px + env(safe-area-inset-top)) }.app .main-content{padding-top:var(--ds-topbar-height)}.app .app-sidebar{display:none!important}}@media (max-width: 768px){.app .now-playing-wrapper{bottom:calc(var(--np-mobile-dock-height, 118px) - 1px + env(safe-area-inset-bottom))!important;height:auto!important;min-height:var(--np-mobile-height, 92px)!important;max-height:none!important;overflow:visible!important;z-index:10020!important}.app .now-playing-wrapper.collapsed{bottom:calc(var(--np-mobile-dock-height, 118px) + env(safe-area-inset-bottom))!important;min-height:0!important;height:var(--np-collapsed-strip-height, 40px)!important;overflow:hidden!important;transition:bottom .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.app .now-playing-wrapper{transition:bottom .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.app .now-playing-wrapper.collapsed .now-playing-container{display:none!important}.app .now-playing-wrapper.collapsed .now-playing-glass{min-height:var(--np-collapsed-strip-height, 40px)!important;height:var(--np-collapsed-strip-height, 40px)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding-right:12px!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app .now-playing-wrapper.collapsed .minimize-btn{position:static!important;margin:0!important;width:20px!important;height:20px!important;font-size:9px!important;background:#ffffff0f!important;color:#ffffff4d!important}.app .now-playing-wrapper.collapsed .minimize-btn:hover,.app .now-playing-wrapper.collapsed .minimize-btn:active{background:#ffffff1a!important;color:#ffffff73!important}.app .now-playing-sticky,.app .now-playing-glass.now-playing-sticky{min-height:0!important;max-height:none!important;overflow:visible!important}.app .now-playing-container{display:grid!important;grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 12px!important;padding:10px 12px 12px!important;align-items:center!important}.app .now-playing-left{grid-column:1 / -1!important;grid-row:1!important;min-width:0!important}.app .now-playing-transport{grid-column:1!important;grid-row:2!important;justify-self:start!important;gap:6px!important}.app .now-playing-actions-wrap{grid-column:2!important;grid-row:2!important;justify-self:end!important;min-width:0!important}.app .now-playing-volume-wrap,.app .now-playing-add-to-playlist-btn{display:none!important}.app .now-playing-volume-mobile-btn{display:inline-flex!important}.app .now-playing-actions{flex-wrap:nowrap!important;min-width:0!important;gap:4px!important}.app .spa-main.has-player{padding-bottom:calc(var(--np-mobile-height, 92px) + var(--np-mobile-dock-height, 118px) + env(safe-area-inset-bottom,0px))!important}body.player-collapsed .app .spa-main.has-player{padding-bottom:calc(var(--np-mobile-dock-height, 118px) + var(--np-collapsed-strip-height, 40px) + env(safe-area-inset-bottom,0px))!important}.content-area.flush-content{padding-left:0!important;padding-right:0!important}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:99999;background:#ff6b35;color:#fff;text-align:center;padding:6px 12px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.offline-banner .dismiss{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.spa-main{padding-bottom:80px}.spa-main.has-player{padding-bottom:148px}.spa-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#000000eb;backdrop-filter:blur(var(--blur-strong, 24px));-webkit-backdrop-filter:blur(var(--blur-strong, 24px));border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08));display:flex;flex-wrap:wrap;justify-content:center;padding:6px 0 2px;padding-bottom:calc(2px + env(safe-area-inset-bottom))}.spa-mobile-nav .mobile-tab{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--text-secondary, rgba(255, 255, 255, .65));text-decoration:none;font-size:9px;padding:4px 6px 2px;min-width:52px;transition:color .2s}.spa-mobile-nav .mobile-tab i{font-size:18px;margin-bottom:1px}.spa-mobile-nav .mobile-tab.active{color:var(--text-primary, rgba(255, 255, 255, .92))}.spa-mini-player{position:fixed;bottom:74px;bottom:calc(74px + env(safe-area-inset-bottom));left:8px;right:8px;z-index:999;background:#0f0f14f2;backdrop-filter:blur(var(--blur-strong, 24px));-webkit-backdrop-filter:blur(var(--blur-strong, 24px));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 16px);padding:10px 14px;display:flex;align-items:center;gap:12px}.spa-mini-player .cover{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.spa-mini-player .track-info{flex:1;min-width:0}.spa-mini-player .track-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spa-mini-player .track-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spa-mini-player .controls{display:flex;gap:4px;align-items:center}.spa-mini-player .controls button{background:none;border:none;color:var(--text-primary);font-size:18px;cursor:pointer;padding:6px;border-radius:50%;transition:background .2s}.spa-mini-player .controls button:active{background:#ffffff1a}.spa-mini-player .progress-bar{position:absolute;bottom:0;left:14px;right:14px;height:3px;background:#ffffff1a;border-radius:2px}.spa-mini-player .progress-fill{height:100%;background:var(--accent-primary, #6ddcff);border-radius:2px;transition:width .3s linear}.spa-mini-player .track-time{font-size:10px;opacity:.5;margin-left:6px}.spa-mini-player .progress-bar{cursor:pointer}.track-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s;border-radius:inherit}.track-card:hover .track-overlay,.track-card.playing .track-overlay{opacity:1}.track-overlay .play-btn{background:#ffffff26;border:none;color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.track-cover{position:relative;cursor:pointer}.episode-row.playing{background:#6ddcff14;border-radius:8px}.episode-row .episode-btn{background:none;border:none;color:var(--text-primary, rgba(255, 255, 255, .92));font-size:16px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.episode-row .episode-btn:active{background:#ffffff1a}.scroll-row{display:flex;overflow-x:auto;gap:12px;padding:0 16px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.scroll-row .track-card,.scroll-row .show-card,.scroll-row .artist-card{flex-shrink:0;width:140px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}.section-header h2{font-size:18px;font-weight:700;color:var(--text-primary, rgba(255, 255, 255, .92))}.section-header .see-all{color:var(--accent-primary, #6ddcff);text-decoration:none;font-size:13px}.fade-enter-active{transition:opacity .15s ease}.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-down-enter-active{transition:all .3s ease}.slide-down-leave-active{transition:all .2s ease}.slide-down-enter-from,.slide-down-leave-to{transform:translateY(-100%);opacity:0}.now-playing-page{padding:20px 24px;padding-top:calc(20px + env(safe-area-inset-top));min-height:100vh;display:flex;flex-direction:column;align-items:center}.np-artwork-container{width:100%;max-width:340px;margin:8px auto 24px}.np-artwork{width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover;box-shadow:0 16px 48px #00000080}.np-info{text-align:center;width:100%;max-width:340px;margin-bottom:20px}.np-title{font-size:22px;font-weight:700;color:var(--text-primary, rgba(255, 255, 255, .95));margin:0 0 4px;line-height:1.3}.np-artist{font-size:16px;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0}.np-seek{width:100%;max-width:340px;margin-bottom:20px}.np-seek-bar{position:relative;width:100%;height:6px;background:#ffffff1f;border-radius:3px;cursor:pointer}.np-seek-fill{height:100%;background:var(--accent-primary, #6ddcff);border-radius:3px;transition:width .2s linear}.np-seek-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d;transition:left .2s linear}.action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.23,1,.32,1);white-space:nowrap}.action-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.btn-follow{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-follow.active{background:#0f0;color:#000;border-color:#0f0}.btn-boost{background:linear-gradient(135deg,#f0f,#7000ff);color:#fff;box-shadow:0 4px 15px #ff00ff4d}.btn-share{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.np-times{display:flex;justify-content:space-between;font-size:12px;color:#fff6;margin-top:6px}.np-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.np-btn{background:none;border:none;color:var(--text-primary, #fff);cursor:pointer;border-radius:50%;transition:background .2s,transform .1s}.np-btn:active{transform:scale(.92)}.np-btn-secondary{font-size:28px;padding:12px}.np-btn-play{font-size:32px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary, #6ddcff);color:#111}.np-btn-play:active{background:#5bc8e8}.np-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:28px}.np-action-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffff80;font-size:18px;cursor:pointer;padding:10px;border-radius:10px;transition:color .2s,background .2s,border-color .2s}.np-action-btn:hover{background:#ffffff0f;border-color:#ffffff40;color:#ffffffe6}.np-action-btn:active{background:#ffffff1a}.np-speed-label{font-size:13px;font-weight:700;padding:2px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px}.np-queue{width:100%;max-width:400px}.np-queue-title{font-size:15px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.np-queue-list{display:flex;flex-direction:column;gap:8px}.np-queue-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer;transition:background .2s}.np-queue-item:active{background:#ffffff0f}.np-queue-art{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.np-queue-info{flex:1;min-width:0}.np-queue-track{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-queue-artist{font-size:12px;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.track-card .track-info,.show-card .show-info,.artist-card .artist-info{padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem)}.track-card .track-info h3,.track-card .track-info h4,.show-card .show-info h3,.show-card .show-info h4,.artist-card .artist-info h3,.artist-card .artist-info h4{margin:0 0 var(--spacing-1, .25rem) 0;font-size:var(--font-size-base, .9rem);font-weight:600;line-height:1.25}.track-card .track-info p,.show-card .show-info p,.artist-card .artist-info p{margin:0;font-size:var(--font-size-sm, .875rem);color:var(--text-muted, rgba(255, 255, 255, .6));line-height:1.35}.artist-card .artist-info .artist-name,.artist-card .artist-info h4{font-size:var(--font-size-base, .9rem);font-weight:600;line-height:1.25;margin:0}.merch-shell{max-width:1100px;margin:0 auto}.merch-hero{border-radius:18px;padding:18px 16px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);margin-bottom:14px}.merch-hero h1{margin:0 0 6px;font-size:28px}.merch-hero p{margin:0;color:#ffffffb3}.merch-build{margin-top:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}.merch-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:12px 2px 14px}.merch-search{flex:1 1 260px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.merch-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#ffffffeb}.merch-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffffd9}.merch-pill select{border:0;background:transparent;color:inherit;outline:0}.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 980px){.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.merch-grid{grid-template-columns:1fr}}.merch-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease;position:relative}.merch-card:hover{transform:translateY(-2px);border-color:#ffffff24;background:#ffffff0b}.merch-card.sale-pending{opacity:.65;pointer-events:none}.merch-card.sale-pending:hover{transform:none}.sale-pending-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);color:#ffc107f2;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sale-pending-badge i{font-size:12px}.merch-media{aspect-ratio:4/3;background:#00000059;position:relative;overflow:hidden}.merch-media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.image-toggle-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:11px;font-weight:600;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:5}.image-toggle-hint i{font-size:10px;animation:spin-slow 3s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.merch-body{padding:12px}.merch-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.merch-title{font-weight:800;font-size:14px;color:#ffffffeb;margin:0}.merch-price{text-align:right}.merch-price .usd{font-weight:900}.merch-price .sub{font-size:11px;color:#ffffff8c}.merch-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.merch-chip{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fffc}.merch-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.merch-actions .qty{width:78px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#ffffffeb}.merch-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;text-decoration:none;font-weight:800;cursor:pointer}.merch-cta:hover{background:#ffffff1a}.merch-cta:disabled,.merch-cta.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.merch-empty{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:16px;color:#ffffffbf}@media (max-width: 768px){.content-area.flush-content,.music-container.flush-content{padding-left:0!important;padding-right:0!important;margin:0!important}.now-playing-wrapper,.now-playing-glass,.now-playing-container,.dock-wrapper,.mobile-dock{width:100%!important;max-width:100vw!important;left:0!important;right:0!important;margin:0!important;padding-left:0!important;padding-right:0!important;border-radius:0!important;border-left:none!important;border-right:none!important;box-shadow:none!important}.now-playing-glass{border-top:1px solid rgba(255,255,255,.1)!important}}