:root{--mobile-nav-height: 72px;--mobile-nav-item-size: 56px;--mobile-nav-icon-size: 24px;--mobile-nav-bg: rgba(10, 10, 10, .95);--mobile-nav-border: rgba(4, 202, 244, .25);--terminal-text-secondary: #cccccc;--home-primary: #3b00fd;--library-primary: #04caf4;--stats-primary: #00f92a;--profile-primary: #f906d6;--home-hover: rgba(59, 0, 253, .1);--library-hover: rgba(4, 202, 244, .1);--stats-hover: rgba(0, 249, 42, .1);--profile-hover: rgba(249, 6, 214, .1);--home-glow: rgba(59, 0, 253, .4);--library-glow: rgba(4, 202, 244, .4);--stats-glow: rgba(0, 249, 42, .4);--profile-glow: rgba(249, 6, 214, .4)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--mobile-nav-bg);backdrop-filter:blur(12px);border-top:1px solid var(--mobile-nav-border);z-index:50;transform:translateZ(0);will-change:transform;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-container{display:grid;grid-template-columns:repeat(4,1fr);height:var(--mobile-nav-height);max-width:100vw;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:8px 4px 12px;text-decoration:none;color:var(--terminal-text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform,color,background-color;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:var(--mobile-nav-icon-size);height:var(--mobile-nav-icon-size);margin-bottom:2px}.mobile-nav-icon-svg{width:var(--mobile-nav-icon-size);height:var(--mobile-nav-icon-size);transition:transform .2s cubic-bezier(.4,0,.2,1)}.mobile-nav-label{font-family:var(--font-terminal);font-size:10px;font-weight:500;line-height:12px;letter-spacing:.02em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-nav-item-blue:hover,.mobile-nav-item-blue:active{color:var(--home-primary);background:var(--home-hover);box-shadow:0 0 8px var(--home-glow)}.mobile-nav-item-cyan:hover,.mobile-nav-item-cyan:active{color:var(--library-primary);background:var(--library-hover);box-shadow:0 0 8px var(--library-glow)}.mobile-nav-item-green:hover,.mobile-nav-item-green:active{color:var(--stats-primary);background:var(--stats-hover);box-shadow:0 0 8px var(--stats-glow)}.mobile-nav-item-pink:hover,.mobile-nav-item-pink:active{color:var(--profile-primary);background:var(--profile-hover);box-shadow:0 0 8px var(--profile-glow)}.mobile-nav-item-active.mobile-nav-item-blue{color:var(--home-primary);background:#3b00fd14}.mobile-nav-item-active.mobile-nav-item-cyan{color:var(--library-primary);background:#04caf414}.mobile-nav-item-active.mobile-nav-item-green{color:var(--stats-primary);background:#00f92a14}.mobile-nav-item-active.mobile-nav-item-pink{color:var(--profile-primary);background:#f906d614}.mobile-nav-item-active .mobile-nav-icon-svg{filter:drop-shadow(0 0 2px currentColor)}.mobile-nav-item:active{transform:scale(.95);opacity:.8}.mobile-nav-item:active .mobile-nav-icon-svg{transform:scale(.9)}.mobile-nav-item:focus{outline:none;box-shadow:0 0 0 2px var(--library-primary),0 0 8px var(--library-glow)}@media (min-width: 768px){.mobile-nav{display:none}}@media (max-width: 767px) and (orientation: landscape) and (max-height: 500px){.mobile-nav{--mobile-nav-height: 60px;--mobile-nav-icon-size: 20px}.mobile-nav-label{font-size:9px;line-height:10px}.mobile-nav-item{padding:6px 4px 8px;gap:2px}}@media (max-width: 320px){.mobile-nav-label{font-size:9px;line-height:10px}.mobile-nav-item{padding:8px 2px 12px}}@media (prefers-reduced-motion: reduce){.mobile-nav-item,.mobile-nav-icon-svg{transition:none!important}.mobile-nav-item:active{transform:none!important}.mobile-nav-item-active .mobile-nav-icon-svg{filter:none!important}}@media (prefers-contrast: high){.mobile-nav{border-top-width:2px;background:#000}.mobile-nav-item{border:1px solid transparent}.mobile-nav-item-active{border-color:currentColor}}@media (min-height: 800px) and (max-width: 767px){.mobile-nav{--mobile-nav-height: 76px}.mobile-nav-item{padding:10px 4px 14px}}.compact-header{position:fixed;top:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,#2a2a2a,#1e1e1e);border-bottom:1px solid rgba(4,202,244,.3);z-index:40;user-select:none;font-family:var(--font-display, "JetBrains Mono", monospace)}.compact-header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 8px;max-width:100%}.compact-header-title-section{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.compact-header-icon{font-size:10px;color:var(--neon-cyan, #04caf4);flex-shrink:0}.compact-header-title{font-size:11px;font-weight:500;color:var(--neon-cyan, #04caf4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px;text-transform:uppercase}.compact-header-close-btn{width:20px;height:20px;background:transparent;border:1px solid rgba(255,107,107,.5);border-radius:0;font-family:var(--font-display, "JetBrains Mono", monospace);font-size:14px;font-weight:700;color:#ff6b6b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.compact-header-close-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff8a80;box-shadow:0 0 8px #ff6b6b66;transform:scale(1.1)}.compact-header-close-btn:active{background:#ff6b6b33;transform:scale(.95);box-shadow:0 0 4px #ff6b6b99}.compact-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(4,202,244,.2),transparent);opacity:.8}@media (max-width: 479px){.compact-header-content{padding:0 12px}.compact-header-close-btn{width:24px;height:22px;font-size:16px}}@media (min-width: 480px) and (max-width: 767px){.compact-header-title{font-size:10px}}@media (min-width: 768px){.compact-header-content{padding-left:68px}.app-container.no-sidebar .compact-header-content{padding-left:8px}}._playerContainer_11eu9_2{height:140px;width:100%;position:fixed;bottom:0;left:0;right:0;z-index:40;border-top:1px solid var(--neon-cyan);background:linear-gradient(180deg,var(--dark-bg) 0%,var(--darker-bg) 100%);display:grid;grid-template-columns:400px 1fr 400px;grid-template-areas:"info controls media";gap:var(--space-6);padding:0 var(--space-6);align-items:center}._trackInfo_11eu9_21{grid-area:info;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-2);min-width:300px;padding:0 var(--space-4)}._trackHeader_11eu9_32{display:flex;align-items:center;gap:var(--space-3)}._trackTitle_11eu9_38{font-family:var(--font-display);font-size:var(--text-xl);color:var(--neon-cyan);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;text-shadow:0 0 8px rgba(4,202,244,.3);display:flex;align-items:center;width:100%}._artistName_11eu9_54{font-family:var(--font-interface);font-size:var(--text-lg);color:var(--neon-orange);cursor:pointer;transition:all .2s ease;margin:0;width:100%}._artistName_11eu9_54:hover{color:var(--light-text);text-shadow:0 0 8px var(--neon-orange)}._socialContext_11eu9_69{font-family:var(--font-interface);font-size:var(--text-sm);color:var(--muted-text);display:flex;align-items:center;gap:var(--space-2);width:100%}._statusIndicator_11eu9_79{width:8px;height:8px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 12px var(--neon-green);animation:_pulse_11eu9_1 2s infinite;margin-right:var(--space-2)}@keyframes _pulse_11eu9_1{0%,to{box-shadow:0 0 8px var(--neon-green)}50%{box-shadow:0 0 16px var(--neon-green)}}._statusIndicator_11eu9_79._paused_11eu9_94{background:var(--muted-text);box-shadow:none}._platformBadge_11eu9_99{padding:2px var(--space-1);font-size:var(--text-xs);font-family:var(--font-monospace);border:1px solid var(--neon-orange);color:var(--neon-orange);text-transform:uppercase;letter-spacing:.05em}._controls_11eu9_110{grid-area:controls;display:flex;align-items:center;justify-content:center;gap:var(--space-4)}._controlButton_11eu9_119{width:44px;height:44px;border:2px solid var(--neon-cyan);background:var(--darker-bg);color:var(--neon-cyan);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease;position:relative}._controlButton_11eu9_119:hover{background:var(--neon-cyan);color:var(--darker-bg);box-shadow:0 0 12px #04caf466;transform:translateY(-1px)}._controlButton_11eu9_119:active{transform:translateY(0)}._controlButton_11eu9_119:disabled{opacity:.4;cursor:not-allowed;transform:none}._playButton_11eu9_152{width:56px;height:56px;border:3px solid var(--neon-blue);background:var(--neon-blue);color:var(--light-text);font-size:22px;position:relative;box-shadow:0 0 16px #3b00fd66}._playButton_11eu9_152:hover{background:var(--light-text);color:var(--neon-blue);box-shadow:0 0 16px #3b00fd99}._mediaSection_11eu9_170{grid-area:media;width:100%;height:120px;border:none;border-radius:4px;overflow:hidden;background:var(--darker-bg)}._mediaSection_11eu9_170._hidden_11eu9_180{display:none}._progressContainer_11eu9_185{position:absolute;bottom:0;left:0;right:0;height:3px;background:#1a1a1acc;cursor:pointer}._progressBar_11eu9_195{height:100%;background:linear-gradient(90deg,var(--neon-blue) 0%,var(--neon-cyan) 100%);position:relative;transition:width .2s ease}._progressHandle_11eu9_205{position:absolute;right:-6px;top:-3px;width:12px;height:12px;background:var(--neon-cyan);border-radius:50%;opacity:0;transition:opacity .2s ease;box-shadow:0 0 8px var(--neon-cyan)}._progressContainer_11eu9_185:hover ._progressHandle_11eu9_205{opacity:1}._shuffleButton_11eu9_223{border-color:var(--neon-pink);color:var(--neon-pink)}._shuffleButton_11eu9_223._active_11eu9_228{background:var(--neon-pink);color:var(--darker-bg);box-shadow:0 0 12px #f906d666}._repeatButton_11eu9_235{border-color:var(--neon-orange);color:var(--neon-orange)}._repeatButton_11eu9_235._active_11eu9_228{background:var(--neon-orange);color:var(--darker-bg);box-shadow:0 0 12px #ff9b0066}._repeatOne_11eu9_246{position:absolute;top:-4px;right:-4px;font-size:10px;font-weight:700;width:14px;height:14px;background:var(--neon-orange);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--darker-bg)}._chatButton_11eu9_263{border-color:var(--neon-green);color:var(--neon-green)}._chatButton_11eu9_263:hover{background:var(--neon-green);color:var(--darker-bg);box-shadow:0 0 12px #00f92a66}@media (max-width: 768px){._playerContainer_11eu9_2{height:140px;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"info" "controls";gap:var(--space-3);padding:var(--space-3) var(--space-4)}._trackInfo_11eu9_21{width:100%;text-align:center;gap:var(--space-1)}._controls_11eu9_110{justify-content:center;gap:var(--space-6)}._mediaSection_11eu9_170{display:none}._chatButton_11eu9_263{display:block}._playButton_11eu9_152{width:64px;height:64px;font-size:24px}._progressContainer_11eu9_185{position:static;height:2px;width:100%;border-radius:1px}}.app-container{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.retro-background{position:absolute;inset:0;background:#1a1a1a;z-index:1}.main-content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;overflow:hidden;background:#1a1a1a;box-sizing:border-box;margin:0;padding:0;transform:translateZ(0)}.main-content.compact-layout{top:24px}.content-wrapper{flex:1;overflow-y:auto;padding:16px 16px 24px}@media (min-width: 768px){.main-content{left:60px;width:calc(100vw - 60px)}.main-content.compact-layout{top:24px}.app-container.no-sidebar .main-content,.main-content.full-width-layout{left:0;width:100vw}.app-container.no-sidebar .main-content.compact-layout,.main-content.full-width-layout.compact-layout{top:24px}}@media (max-width: 767px){.main-content{bottom:64px}.main-content.compact-layout{top:24px}.main-content.has-player{bottom:144px}}.main-content.has-player .content-wrapper{padding-bottom:96px}.header-bar{position:fixed;top:0;left:0;right:0;height:48px;background:linear-gradient(to bottom,#f5f5f5,#e0e0e0);border-bottom:2px solid #d0d0d0;box-shadow:inset 1px 1px #fff,0 1px 3px #0003;z-index:40;user-select:none}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 12px;max-width:100%}.header-title-section{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.header-icon{font-size:16px;color:#333;flex-shrink:0}.header-title{font-family:var(--font-terminal, "JetBrains Mono", monospace);font-size:14px;font-weight:700;color:#333;text-shadow:1px 1px 0 #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{display:flex;gap:4px;flex-shrink:0}.win95-header-button{width:32px;height:24px;background:linear-gradient(to bottom,#f5f5f5,#d0d0d0);border:1px outset #e0e0e0;border-radius:0;font-family:var(--font-terminal, "JetBrains Mono", monospace);font-size:12px;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.win95-header-button:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#e0e0e0);box-shadow:inset 1px 1px #fff,0 0 8px #04caf466}.win95-header-button:active:not(:disabled){background:linear-gradient(to bottom,#d0d0d0,silver);border:1px inset #e0e0e0;transform:translate(1px,1px);box-shadow:inset -1px -1px #fff}.win95-header-button:disabled{opacity:.6;cursor:default;color:#999}.header-close-btn{background:linear-gradient(to bottom,#ff6b6b,#ff5252);border:1px outset #ff8a80;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.header-close-btn:hover{background:linear-gradient(to bottom,#ff8a80,#ff6b6b);box-shadow:inset 1px 1px #ffffff4d,0 0 12px #04caf499}.header-close-btn:active{background:linear-gradient(to bottom,#ff5252,#ff1744);border:1px inset #ff8a80}@media (max-width: 767px){.header-content{padding:0 16px}.header-title{font-size:12px}.win95-header-button{width:40px;height:32px;font-size:14px}}@media (min-width: 768px){.header-content{padding-left:72px;margin-left:0}}.header-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(4,202,244,.3),transparent);opacity:.7}.header-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none}:root{--neon-blue: #3b00fd;--neon-green: #00f92a;--neon-cyan: #04caf4;--neon-pink: #f906d6;--neon-orange: #ff9b00;--neon-yellow: #d1f60a;--dark-bg: #1a1a1a;--darker-bg: #0f0f0f;--terminal-bg: #0a0a0a;--terminal-border: #333333;--terminal-text: #00ff00;--terminal-prompt: #ffff00;--light-text: #ffffff;--muted-text: #999999;--text-3xl: 40px;--text-2xl: 32px;--text-xl: 24px;--text-lg: 20px;--text-base: 16px;--text-sm: 14px;--text-xs: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-xs: 8px;--space-sm: 13px;--space-md: 21px;--space-lg: 34px;--space-xl: 55px;--container-mobile: 100%;--container-tablet: 768px;--container-desktop: 1200px;--sidebar-collapsed: 60px;--sidebar-expanded: 280px;--font-mono: "Courier New", "Monaco", monospace;--font-display: "Inter", -apple-system, sans-serif}.home-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);color:#e0e0e0;font-family:var(--font-display);position:relative;overflow-x:hidden}.splash-content{min-height:100vh;display:flex;flex-direction:column;position:relative;padding:var(--space-xl) var(--space-md)}.hero-section{flex:1;display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;width:100%}.hero-content{text-align:center;max-width:800px}.terminal-window{background:var(--terminal-bg);border:2px solid var(--terminal-border);border-radius:8px;margin-bottom:var(--space-xl);box-shadow:0 0 20px #04caf44d}.terminal-header{background:#1a1a1a;border-bottom:1px solid var(--terminal-border);padding:var(--space-xs) var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.terminal-buttons{display:flex;gap:6px}.terminal-button{width:12px;height:12px;border-radius:50%}.terminal-button.close{background:#ff5f57}.terminal-button.minimize{background:#ffbd2e}.terminal-button.maximize{background:#28ca42}.terminal-title{color:#888;font-family:var(--font-mono);font-size:12px}.terminal-body{padding:var(--space-md);font-family:var(--font-mono);color:var(--terminal-text)}.terminal-prompt{color:var(--terminal-prompt);margin-right:var(--space-xs)}.headlines{margin-bottom:var(--space-xl)}.primary-headline{font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-md);text-shadow:0 0 10px var(--neon-cyan);line-height:1.1}.subheadline{font-size:1.5rem;color:#e0e0e0;margin-bottom:var(--space-sm);font-weight:300}.terminal-tagline{font-family:var(--font-mono);color:var(--terminal-text);font-size:1rem;margin-bottom:var(--space-lg)}.cta-section{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;margin-bottom:var(--space-xl)}.cta-primary,.cta-secondary{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:var(--space-md) var(--space-lg);border:2px solid;background:transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-xs);min-width:250px;justify-content:center}.cta-primary{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 10px #04caf44d}.cta-primary:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue);transform:translateY(-2px)}.cta-secondary{border-color:var(--neon-cyan);color:var(--neon-cyan)}.cta-secondary:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff4d}.cursor-blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.features-section{max-width:1200px;margin:0 auto;width:100%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-lg);text-align:center;transition:all .3s ease;backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-4px);border-color:var(--neon-cyan);box-shadow:0 8px 25px #0ff3}.feature-icon{font-family:var(--font-mono);font-size:1.5rem;color:var(--neon-green);font-weight:700;margin-bottom:var(--space-md)}.feature-content h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm);color:#fff}.feature-content p{color:#b0b0b0;line-height:1.6}.floating-elements{position:fixed;inset:0;pointer-events:none;z-index:1}.floating-vinyl,.floating-note,.floating-wave{position:absolute;font-size:2rem;color:#04caf44d;animation:float 6s ease-in-out infinite}.floating-vinyl{top:20%;left:10%;animation-delay:0s}.floating-note{top:60%;right:15%;animation-delay:-2s}.floating-wave{bottom:30%;left:20%;animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(-10px) rotate(-3deg)}}.personalized-content{min-height:100vh;padding:var(--space-lg) var(--space-md);position:relative}.welcome-section{max-width:1200px;margin:0 auto var(--space-xl) auto}.welcome-terminal{background:var(--terminal-bg);border:2px solid var(--terminal-border);border-radius:8px;box-shadow:0 0 15px #0f03;min-height:80px;max-height:80px;display:flex;flex-direction:column;justify-content:space-between}.terminal-header{background:#1a1a1a;border-bottom:1px solid var(--terminal-border);padding:var(--space-2) var(--space-4);height:32px;display:flex;justify-content:space-between;align-items:center}.terminal-status{display:flex;align-items:center;gap:var(--space-2)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.status-text{font-family:var(--font-mono);color:var(--neon-green);font-size:12px;font-weight:700}.terminal-timestamp{font-family:var(--font-mono);color:#888;font-size:11px}.terminal-content{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:14px;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.terminal-line{margin-bottom:0;display:inline-flex;align-items:center;gap:var(--space-2)}.terminal-timestamp-mobile{display:none;font-family:var(--font-mono);color:#888;font-size:10px;margin-left:auto}.stat-compact{display:flex;align-items:center;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--muted-text)}.welcome-terminal{cursor:pointer;user-select:none}.terminal-cycling-content{animation:none;min-height:20px;display:flex;align-items:center;justify-content:space-between;width:100%}.terminal-cycling-content.animating{animation:fadeInOut .3s ease}@keyframes fadeInOut{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.cycling-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator.paused{background:var(--neon-orange);box-shadow:0 0 8px var(--neon-orange);animation:pulse 2s infinite}.status-badges{display:flex;gap:var(--space-1);margin-left:var(--space-2)}.badge-new{background:var(--neon-green);color:var(--dark-bg);font-size:8px;font-weight:700;padding:2px 4px;border-radius:2px;font-family:var(--font-mono);text-transform:uppercase}.terminal-status .status-text{transition:color .3s ease}.welcome-terminal:hover .status-text{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.terminal-line{margin-bottom:var(--space-xs)}.welcome-text{color:var(--neon-cyan);font-weight:700}.stat-number{font-weight:700;text-shadow:0 0 8px currentColor}.neon-cyan{color:var(--neon-cyan)}.neon-green{color:var(--neon-green)}.loading-dots{color:var(--neon-green);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.main-content-grid{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.content-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:21px;backdrop-filter:blur(10px)}.section-header{margin-bottom:21px}.section-title{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.title-bracket{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.section-subtitle{color:#888;font-size:.9rem;font-style:italic}.tracks-grid{display:flex;gap:13px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.tracks-grid::-webkit-scrollbar{height:6px}.tracks-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.tracks-grid::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}.tracks-grid::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.track-item,.recently-played-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:var(--space-4);cursor:pointer;transition:all .2s ease;position:relative;width:160px;min-height:200px;flex-shrink:0;min-height:44px;-webkit-tap-highlight-color:rgba(4,202,244,.1);user-select:none}.track-item:hover,.recently-played-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--neon-cyan);box-shadow:0 8px 25px #04caf433,0 0 0 2px #04caf41a}.track-item:focus{outline:2px solid var(--neon-cyan);outline-offset:2px;box-shadow:0 0 8px #04caf466}.track-item:focus:not(:focus-visible){outline:none;box-shadow:none}.track-item.new-track{border-color:var(--neon-green);box-shadow:0 0 10px #39ff1433}.track-thumbnail{position:relative;margin-bottom:var(--space-3)}.track-thumbnail img{width:128px;height:128px;object-fit:cover;border-radius:6px}.play-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:6px;min-width:44px;min-height:44px}.track-item:hover .play-overlay{opacity:1}.play-icon{color:var(--neon-blue);font-size:2rem;text-shadow:0 0 10px var(--neon-blue)}.new-badge{position:absolute;top:8px;right:8px;background:var(--neon-green);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;font-family:var(--font-mono)}.track-info{padding:var(--space-2)}.track-title{font-size:var(--text-base);font-weight:600;color:var(--light-text);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-artist{font-size:var(--text-sm);color:var(--neon-cyan);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-source{font-size:var(--text-xs);color:var(--muted-text);font-family:var(--font-display);text-transform:uppercase;font-weight:700}.new-tracks-section{margin-bottom:var(--space-8)}.new-tracks-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.new-tracks-section .section-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--light-text);text-transform:uppercase}.terminal-prompt{color:var(--neon-green);font-family:var(--font-mono);text-shadow:0 0 8px var(--neon-green)}.track-count,.connections-count{font-size:var(--text-sm);color:var(--neon-cyan);font-family:var(--font-mono);font-weight:700}.new-tracks-grid{display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-green) transparent}.new-tracks-grid::-webkit-scrollbar{height:8px}.new-tracks-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.new-tracks-grid::-webkit-scrollbar-thumb{background:var(--neon-green);border-radius:4px}.new-track-card{width:180px;min-height:240px;scroll-snap-align:start;background:#ffffff0d;border-radius:8px;padding:var(--space-4);cursor:pointer;transition:all .2s ease;position:relative;border:2px solid var(--neon-green);background:linear-gradient(135deg,#00f92a0d,#00f92a03);box-shadow:0 0 15px #00f92a1a;min-height:44px;-webkit-tap-highlight-color:rgba(0,249,42,.1);user-select:none}.new-track-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #0000004d,0 0 0 2px #00f92a4d}.new-track-card:focus{outline:2px solid var(--neon-green);outline-offset:2px;box-shadow:0 0 8px #00f92a66}.new-track-card:focus:not(:focus-visible){outline:none;box-shadow:none}.new-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--neon-green);color:var(--dark-bg);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:3px;font-family:var(--font-display);text-transform:uppercase}.new-track-card .track-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2)}.discovery-source{font-size:var(--text-xs);color:var(--neon-green);font-family:var(--font-display)}.top-connections-section{margin-bottom:var(--space-8)}.top-connections-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.top-connections-section .section-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--light-text);text-transform:uppercase}.connections-grid{display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.connections-grid::-webkit-scrollbar{height:8px}.connections-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.connections-grid::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}.connection-card{width:200px;min-height:160px;padding:var(--space-4);scroll-snap-align:start;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;border-left:4px solid var(--neon-cyan);min-height:44px;-webkit-tap-highlight-color:rgba(4,202,244,.1);user-select:none}.connection-card.strong,.connection-card.strength-high{border-left-color:var(--neon-green);background:linear-gradient(135deg,#00f92a08,#00f92a03)}.connection-card.new,.connection-card.strength-new{border-left-color:var(--neon-pink);background:linear-gradient(135deg,#f906d608,#f906d603)}.connection-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #0000004d,0 0 0 2px #04caf433}.connection-card:focus{outline:2px solid var(--neon-cyan);outline-offset:2px;box-shadow:0 0 8px #04caf466}.connection-card:focus:not(:focus-visible){outline:none;box-shadow:none}.connection-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.connection-avatar{width:56px;height:56px;border-radius:50%;position:relative}.connection-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-indicator{position:absolute;bottom:0;right:0;width:16px;height:16px;background:var(--neon-green);border:2px solid var(--dark-bg);border-radius:50%;box-shadow:0 0 8px var(--neon-green)}.connection-info{flex:1}.connection-username{font-size:var(--text-base);font-weight:600;color:var(--light-text);margin-bottom:var(--space-1)}.music-match{font-size:var(--text-sm);color:var(--neon-cyan);font-family:var(--font-display);font-weight:700}.recently-played{font-size:var(--text-xs);color:var(--muted-text);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-icon{color:var(--neon-green);flex-shrink:0}.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-genres{display:flex;flex-wrap:wrap;gap:var(--space-1)}.genre-tag{font-size:10px;background:#04caf41a;color:var(--neon-cyan);padding:2px var(--space-1);border-radius:2px;font-family:var(--font-display)}.section-footer{margin-top:var(--space-6);text-align:center}.view-all-button{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-4);border-radius:4px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px}.view-all-button:hover{background:#04caf41a;box-shadow:0 0 10px #04caf44d;transform:translateY(-1px)}.button-arrow{font-size:var(--text-lg);transition:transform .3s ease}.view-all-button:hover .button-arrow{transform:translate(4px)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--muted-text)}.empty-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);opacity:.5}.empty-text{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--light-text)}.empty-subtext{font-size:var(--text-sm);color:var(--muted-text)}.new-track-card.skeleton,.connection-card.skeleton{background:#ffffff08;border:1px solid rgba(255,255,255,.05);animation:shimmer 2s infinite;cursor:default}.track-thumbnail-skeleton,.avatar-skeleton{width:100%;aspect-ratio:1;background:#ffffff1a;border-radius:6px;margin-bottom:var(--space-3)}.track-info-skeleton,.info-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.title-skeleton,.artist-skeleton,.username-skeleton,.track-skeleton,.genres-skeleton,.match-skeleton{height:12px;background:#ffffff1a;border-radius:2px}.title-skeleton{width:80%}.artist-skeleton{width:60%}.username-skeleton{width:70%}.track-skeleton{width:90%}.genres-skeleton{width:50%}.match-skeleton{width:40%}.connection-header-skeleton{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.connection-header-skeleton .avatar-skeleton{width:56px;height:56px;margin-bottom:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 2s infinite}.networks-grid,.artists-grid{display:flex;gap:13px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.networks-grid::-webkit-scrollbar,.artists-grid::-webkit-scrollbar{height:6px}.networks-grid::-webkit-scrollbar-track,.artists-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.networks-grid::-webkit-scrollbar-thumb,.artists-grid::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}.networks-grid::-webkit-scrollbar-thumb:hover,.artists-grid::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.network-badge,.network-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:var(--space-4);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-3);position:relative;width:200px;min-height:120px;flex-shrink:0;border-left:4px solid var(--neon-orange);min-height:44px;-webkit-tap-highlight-color:rgba(255,155,0,.1);user-select:none}.artist-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;width:100px;flex-shrink:0;text-align:center}.network-badge:hover,.network-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--neon-orange);box-shadow:0 8px 25px #ff9b0033,0 0 0 2px #ff9b001a}.artist-card:hover{transform:translate(4px);border-color:var(--neon-cyan);box-shadow:0 3px 10px #0ff3}.network-avatar,.artist-image{position:relative;flex-shrink:0}.network-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--neon-orange);box-shadow:0 0 8px #ff9b0033}.artist-image img{width:68px;height:68px;border-radius:50%;object-fit:cover}.activity-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #000}.activity-indicator.active .indicator-dot{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.activity-indicator.quiet .indicator-dot{background:#555}.indicator-dot{width:100%;height:100%;border-radius:50%}.network-info,.artist-info{flex:1}.network-name{font-weight:600;color:var(--light-text);margin-bottom:var(--space-1);font-size:16px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-count{color:var(--neon-orange);font-size:14px;font-family:var(--font-mono);font-weight:500}.artist-name{font-weight:500;color:#fff;margin-top:6px;margin-bottom:2px;font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.activity-status{color:var(--neon-green);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.suggestions-grid{display:flex;gap:13px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.suggestions-grid::-webkit-scrollbar{height:6px}.suggestions-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.suggestions-grid::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}.suggestions-grid::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.suggestion-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;width:280px;flex-shrink:0}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.suggestion-card.trending:hover{border-color:var(--neon-green);box-shadow:0 8px 25px #39ff1433}.suggestion-card.ai-curated:hover{border-color:var(--neon-purple);box-shadow:0 8px 25px #bf00ff33}.suggestion-header{margin-bottom:var(--space-md)}.suggestion-type{font-family:var(--font-mono);font-size:.8rem;font-weight:700;margin-bottom:var(--space-xs)}.suggestion-type.trending{color:var(--neon-green)}.suggestion-type.ai-curated{color:var(--neon-purple)}.suggestion-title{font-size:1.2rem;font-weight:600;color:#fff}.suggestion-description{color:#b0b0b0;margin-bottom:var(--space-md);line-height:1.5}.suggestion-reasoning{font-size:.85rem;color:#888;font-style:italic;margin-bottom:var(--space-md)}.reasoning-label{color:var(--neon-cyan);font-family:var(--font-mono);font-weight:700;font-style:normal}.suggestion-action{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);color:var(--neon-cyan);font-size:.9rem;font-weight:700}.action-arrow{margin-left:auto;font-size:1.2rem}.section-footer{margin-top:var(--space-lg);text-align:center}.view-all-button,.discover-button{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);font-size:.9rem;font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:4px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--space-xs)}.view-all-button:hover,.discover-button:hover{background:#00ffff1a;box-shadow:0 0 10px #00ffff4d;transform:translateY(-1px)}.loading-grid{display:flex;gap:var(--space-md);overflow-x:hidden}.track-skeleton,.network-skeleton,.artist-skeleton,.suggestion-skeleton{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:var(--space-md);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.track-skeleton{width:120px}.network-skeleton{width:180px;height:60px}.artist-skeleton{width:100px}.suggestion-skeleton{width:280px}.skeleton-thumbnail,.skeleton-avatar,.skeleton-image{width:100%;aspect-ratio:1;background:#ffffff1a;border-radius:6px;margin-bottom:var(--space-sm)}.skeleton-info{display:flex;flex-direction:column;gap:var(--space-xs)}.skeleton-title,.skeleton-artist,.skeleton-name,.skeleton-count,.skeleton-type,.skeleton-description,.skeleton-reasoning{height:12px;background:#ffffff1a;border-radius:2px}.skeleton-title{width:80%}.skeleton-artist{width:60%}.skeleton-name{width:70%}.skeleton-count{width:50%}.loading-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.loading-terminal{background:var(--terminal-bg);border:2px solid var(--terminal-border);border-radius:8px;padding:var(--space-lg);min-width:300px;text-align:center;box-shadow:0 0 20px #00ff004d}.loading-text{font-family:var(--font-mono);color:var(--neon-green);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.loading-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));width:0%;animation:loading-progress 2s ease-in-out infinite}@keyframes loading-progress{0%{width:0%}50%{width:70%}to{width:100%}}.enhanced-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:var(--space-4);cursor:pointer;transition:all .2s ease;position:relative;min-height:44px;user-select:none;-webkit-tap-highlight-color:transparent}.enhanced-card--sm{width:160px;min-height:200px}.enhanced-card--md{width:200px;min-height:160px}.enhanced-card--lg{width:220px;min-height:180px}.enhanced-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--section-accent, var(--neon-cyan));box-shadow:0 8px 25px var(--section-glow, rgba(4, 202, 244, .2)),0 0 0 2px #04caf41a}.enhanced-card:focus{outline:2px solid var(--neon-cyan);outline-offset:2px;box-shadow:0 0 8px #04caf466}.enhanced-card:focus:not(:focus-visible){outline:none;box-shadow:none}.recently-played-theme{--section-accent: var(--neon-cyan);--section-glow: rgba(4, 202, 244, .2)}.networks-theme{--section-accent: var(--neon-orange);--section-glow: rgba(255, 155, 0, .2)}.connections-theme{--section-accent: var(--neon-cyan);--section-glow: rgba(4, 202, 244, .2)}.new-tracks-theme{--section-accent: var(--neon-green);--section-glow: rgba(0, 249, 42, .2)}.enhanced-card .card-title{font-size:16px;font-weight:600;line-height:1.3;color:var(--light-text);margin-bottom:var(--space-1)}.enhanced-card .card-subtitle{font-size:14px;color:var(--section-accent, var(--neon-cyan));font-weight:500;margin-bottom:var(--space-1)}.enhanced-card .card-meta{font-size:12px;color:var(--muted-text);font-family:var(--font-mono)}.main-content-grid{display:grid;grid-template-rows:auto 1fr;gap:var(--space-6);padding:var(--space-4);max-width:var(--container-desktop);margin:0 auto}.main-content-grid .content-section{grid-column:1}@media (max-width: 640px){.welcome-terminal{min-height:60px;max-height:60px}.terminal-content{font-size:12px}.stats-line,.terminal-timestamp{display:none}.terminal-timestamp-mobile{display:block}.track-item,.recently-played-card{width:140px;min-height:180px}.new-track-card{width:160px;min-height:220px}.connection-card{width:180px;min-height:140px}.network-badge,.network-card{width:180px;min-height:100px}.track-thumbnail img{width:104px;height:104px}.network-badge{width:160px;height:56px}.content-section{padding:var(--space-4)}.section-title{font-size:var(--text-lg)}}@media (min-width: 480px){.track-item,.recently-played-card{width:150px;min-height:190px}.new-track-card{width:170px;min-height:230px}.connection-card{width:190px;min-height:150px}.network-badge,.network-card{width:190px;min-height:110px}}@media (min-width: 640px){.main-content-grid{padding:var(--space-6) var(--space-8);gap:var(--space-8)}.welcome-terminal{max-height:80px}.stats-line{display:flex}.terminal-timestamp{display:block}.terminal-timestamp-mobile{display:none}.features-grid{grid-template-columns:1fr}.cta-section{gap:var(--space-4)}.cta-primary,.cta-secondary{min-width:220px;font-size:1rem}}@media (min-width: 1024px){.main-content-grid{grid-template-columns:2fr 1fr;gap:var(--space-12)}.track-item,.recently-played-card{width:160px;min-height:200px}.new-track-card{width:180px;min-height:240px}.connection-card{width:200px;min-height:160px}.network-badge,.network-card{width:200px;min-height:120px}.track-thumbnail img{width:128px;height:128px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1280px){.main-content-grid{grid-template-columns:3fr 1fr}.track-item,.recently-played-card{width:180px;min-height:220px}.new-track-card{width:200px;min-height:260px}.connection-card{width:220px;min-height:180px}.network-badge,.network-card{width:220px;min-height:140px}}@media (max-width: 768px){.artist-card{width:90px}.artist-image img{width:60px;height:60px}.suggestion-card{width:240px}}*{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace}.retro-music-terminal{background:#0d0d0d;border:2px solid rgba(4,202,244,.3);box-shadow:0 4px 20px #0006,0 0 15px #04caf41a,inset 0 0 30px #04caf40d;overflow:hidden;position:relative}.retro-terminal-header{background:#1a1a1a;border-bottom:2px solid rgba(4,202,244,.3);padding:20px 24px;position:relative;overflow:hidden}.retro-terminal-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(4,202,244,.8),transparent);animation:headerScan 3s ease-in-out infinite}@keyframes headerScan{0%,to{left:-100%;opacity:0}50%{left:100%;opacity:1}}.retro-terminal-title{font-size:24px;font-weight:700;color:#04caf4;text-shadow:0 0 10px rgba(4,202,244,.5);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.retro-terminal-subtitle{color:#04caf4b3;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.retro-track-counter{background:#00f92a1a;border:2px solid rgba(0,249,42,.3);padding:12px 20px;color:#00f92a;text-shadow:0 0 8px rgba(0,249,42,.4);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.retro-track-counter:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(0,249,42,.1),transparent);animation:counterFlicker 2s ease-in-out infinite}@keyframes counterFlicker{0%,to{opacity:0}50%{opacity:1}}.retro-data-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:1000px;background:#0d0d0d;position:relative}.retro-data-grid th:nth-child(1),.retro-data-grid td:nth-child(1){width:50px;min-width:50px;text-align:center}.retro-data-grid th:nth-child(2),.retro-data-grid td:nth-child(2){width:240px;min-width:240px}.retro-data-grid th:nth-child(3),.retro-data-grid td:nth-child(3){width:148px;min-width:148px}.retro-data-grid th:nth-child(4),.retro-data-grid td:nth-child(4){width:280px;min-width:280px}.retro-data-grid th:nth-child(5),.retro-data-grid td:nth-child(5){width:70px!important;min-width:70px!important;max-width:70px!important}.retro-data-grid th:nth-child(6),.retro-data-grid td:nth-child(6){width:70px;min-width:70px}.retro-data-grid th:nth-child(7),.retro-data-grid td:nth-child(7){width:120px;min-width:120px}.retro-data-grid th:nth-child(8),.retro-data-grid td:nth-child(8){width:80px;min-width:80px;text-align:center}.retro-data-grid th:nth-child(9),.retro-data-grid td:nth-child(9){width:120px;min-width:120px}.retro-data-grid th:nth-child(10),.retro-data-grid td:nth-child(10){width:80px;min-width:80px;text-align:center}.retro-grid-header{background:#1a1a1a;border-bottom:2px solid rgba(4,202,244,.4);position:relative}.retro-grid-header:after{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,249,42,.8),transparent);animation:tableScan 4s ease-in-out infinite}@keyframes tableScan{0%,to{left:-100%;opacity:0}50%{left:100%;opacity:1}}.retro-grid-header-cell{padding:8px 16px;font-weight:700;font-size:10px;color:#04caf4;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px rgba(4,202,244,.4);border-right:1px solid rgba(4,202,244,.2);cursor:pointer;transition:all .3s ease;position:relative}.retro-grid-header-cell:hover{color:#fff;background:#04caf41a;text-shadow:0 0 12px rgba(4,202,244,.6)}.retro-sort-indicator{display:inline-block;margin-left:6px;color:#00f92a;font-size:10px;text-shadow:0 0 6px rgba(0,249,42,.6)}.retro-grid-row{background:linear-gradient(135deg,#0d0d0df2,#141414cc);border-bottom:2px solid rgba(4,202,244,.15);cursor:pointer;transition:all .3s ease;position:relative}.retro-grid-row:nth-child(2n){background:linear-gradient(135deg,#232323cc,#191919e6);border-left:3px solid rgba(4,202,244,.3);border-bottom:2px solid rgba(4,202,244,.08);box-shadow:inset 3px 0 #04caf41a;position:relative}.retro-grid-row:hover{background:linear-gradient(135deg,#04caf41f,#00f92a14);border-bottom-color:#04caf466;box-shadow:inset 0 0 25px #04caf426,0 2px 8px #04caf41a;transform:translateY(-1px)}.retro-grid-row.current-track{border-left:4px solid #00f92a;border-top:2px solid rgba(0,249,42,.3);border-bottom:2px solid rgba(0,249,42,.3);border-right:2px solid rgba(0,249,42,.1);background:linear-gradient(135deg,#00f92a26,#04caf414);box-shadow:inset 0 0 20px #00f92a1f,0 0 12px #00f92a33,0 4px 12px #0000004d;animation:currentTrackPulse 2s ease-in-out infinite}@keyframes currentTrackPulse{0%,to{box-shadow:inset 0 0 20px #00f92a1f,0 0 12px #00f92a33,0 4px 12px #0000004d}50%{box-shadow:inset 0 0 25px #00f92a2e,0 0 16px #00f92a4d,0 4px 12px #0000004d}}.retro-grid-cell{padding:6px 16px;border-right:1px solid rgba(4,202,244,.05);font-size:12px;line-height:1.2;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-track-title{font-size:12px;font-weight:600;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.3);margin-bottom:2px}.retro-track-artist{font-size:11px;color:#04caf4;text-shadow:0 0 6px rgba(4,202,244,.4);margin-bottom:0}.retro-track-duration{font-size:10px;color:#f906d6;font-weight:500;text-shadow:0 0 6px rgba(249,6,214,.4)}.retro-user-name{font-size:12px;color:#f906d6;font-weight:500;text-shadow:0 0 6px rgba(249,6,214,.4)}.retro-timestamp{font-size:11px;color:#fbbf24;font-weight:500;text-shadow:0 0 6px rgba(251,191,36,.4)}.retro-platform-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#0009;border:1px solid;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;border-radius:2px}.retro-platform-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s ease}.retro-platform-badge:hover:before{left:100%}.retro-platform-badge.youtube{border-color:#ff444480;color:#f44;text-shadow:0 0 6px rgba(255,68,68,.4)}.retro-platform-badge.spotify{border-color:#00f92a80;color:#00f92a;text-shadow:0 0 6px rgba(0,249,42,.4)}.retro-platform-badge.soundcloud{border-color:#ff660080;color:#f60;text-shadow:0 0 6px rgba(255,102,0,.4)}.retro-platform-badge.bandcamp{border-color:#04caf480;color:#04caf4;text-shadow:0 0 6px rgba(4,202,244,.4)}.retro-expand-button-container{display:flex;justify-content:center;padding:8px 0;background:#0003;border-top:1px solid rgba(4,202,244,.1)}.retro-expand-button{display:flex;align-items:center;background:#0d0d0d;border:2px solid rgba(4,202,244,.3);padding:6px 12px;color:#04caf4;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-shadow:0 0 6px rgba(4,202,244,.4)}.retro-expand-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(4,202,244,.2),transparent);transition:left .4s ease}.retro-expand-button:hover:before{left:100%}.retro-expand-button:hover{background:#04caf41a;border-color:#04caf499;box-shadow:0 0 12px #04caf44d;text-shadow:0 0 10px rgba(4,202,244,.6)}.retro-music-terminal.personal-library{border:2px solid rgba(249,6,214,.3);box-shadow:0 4px 20px #0006,0 0 15px #f906d61a,inset 0 0 30px #f906d60d}.personal-grid-header{border-bottom:2px solid rgba(249,6,214,.4)}.personal-grid-header .retro-grid-header-cell{color:#f906d6;text-shadow:0 0 8px rgba(249,6,214,.4);border-right:1px solid rgba(249,6,214,.2)}.personal-grid-header .retro-grid-header-cell:hover{color:#fff;background:#f906d61a;text-shadow:0 0 12px rgba(249,6,214,.6)}.personal-track-row:hover{background:linear-gradient(135deg,#f906d614,#a855f70d);border-bottom-color:#f906d64d;box-shadow:inset 0 0 20px #f906d61a}.personal-track-shared{border-left:3px solid rgba(249,6,214,.6);background:linear-gradient(90deg,rgba(249,6,214,.05) 0%,transparent 10%)}.personal-library .retro-track-counter{background:#f906d61a;border-color:#f906d64d;color:#f906d6;text-shadow:0 0 8px rgba(249,6,214,.4)}@keyframes terminalFlicker{0%,to{opacity:1}50%{opacity:.95}}.retro-music-terminal{animation:terminalFlicker 3s ease-in-out infinite}.retro-expanded-content{animation:expandIn .3s ease-out}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.retro-terminal-header{padding:16px 20px}.retro-terminal-title{font-size:18px}.retro-data-grid{min-width:auto}.retro-grid-cell{padding:8px 12px;font-size:12px}.retro-grid-header-cell{padding:12px 16px;font-size:10px}.retro-platform-badge{font-size:9px;padding:3px 6px}.retro-expand-button{padding:8px 12px;font-size:9px}.retro-data-grid th:nth-child(4),.retro-data-grid td:nth-child(4){display:none}}@media (min-width: 768px) and (max-width: 1023px){.retro-data-grid{min-width:900px}.retro-grid-cell{padding:8px 14px;font-size:12px}.retro-grid-header-cell{padding:8px 14px;font-size:10px}.retro-data-grid th:nth-child(2),.retro-data-grid td:nth-child(2){width:220px;min-width:220px}.retro-data-grid th:nth-child(3),.retro-data-grid td:nth-child(3){width:136px;min-width:136px}.retro-data-grid th:nth-child(4),.retro-data-grid td:nth-child(4){width:220px;min-width:220px}.retro-data-grid th:nth-child(5),.retro-data-grid td:nth-child(5){width:60px!important;min-width:60px!important;max-width:60px!important}.retro-data-grid th:nth-child(6),.retro-data-grid td:nth-child(6){width:60px;min-width:60px}}@media (min-width: 1024px){.retro-data-grid{min-width:1000px}}@media (min-width: 1280px){.retro-data-grid{min-width:1200px}}.retro-grid-cell .flex.flex-wrap span{opacity:0;transform:translateY(10px);animation:tagSlideIn .4s ease-out forwards}@keyframes tagSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.retro-grid-cell .flex.flex-wrap span:nth-child(1){animation-delay:0ms}.retro-grid-cell .flex.flex-wrap span:nth-child(2){animation-delay:.1s}.retro-grid-cell .flex.flex-wrap span:nth-child(3){animation-delay:.2s}.retro-grid-cell span[class*="bg-[#04caf4]"]{position:relative;overflow:hidden;font-size:10px;padding:1px 6px;border-radius:2px}.retro-grid-cell .line-clamp-2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;-webkit-box-orient:unset;line-height:1.2}.retro-grid-cell button{padding:4px 8px;font-size:11px;border-radius:3px}.retro-grid-cell span[class*="bg-[#04caf4]"]:hover{text-shadow:0 0 6px rgba(4,202,244,.8);box-shadow:0 0 8px #04caf466,inset 0 0 8px #04caf41a}.retro-grid-cell span[class*="bg-[#04caf4]"]: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 ease}.retro-grid-cell span[class*="bg-[#04caf4]"]:hover:before{left:100%}:root{--sidebar-bg: var(--darker-bg, #0f0f0f);--sidebar-border: rgba(4, 202, 244, .2);--sidebar-text: var(--light-text, #ffffff);--sidebar-accent: var(--neon-cyan, #04caf4);--sidebar-active: var(--neon-orange, #ff9b00);--content-bg: var(--dark-bg, #1a1a1a);--content-border: rgba(4, 202, 244, .1);--content-search-border: var(--neon-green, #00f92a);--content-table-border: rgba(4, 202, 244, .2);--light-text: var(--text-primary, #ffffff);--muted-text: rgba(255, 255, 255, .6);--darker-bg: var(--darker-bg, #0d0d0d);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: 10px;--text-sm: 14px;--text-base: 16px}.winamp-library{display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr;height:calc(100vh - 160px);gap:0;position:relative}.winamp-sidebar{background:var(--sidebar-bg);border-right:2px solid var(--sidebar-border);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease;z-index:40}.winamp-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--sidebar-border);background:#04caf40d;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-title{display:flex;align-items:center;gap:var(--space-2)}.title-icon{font-size:var(--text-base);color:var(--sidebar-accent)}.title-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--sidebar-accent);text-shadow:0 0 6px rgba(4,202,244,.4);text-transform:uppercase;letter-spacing:.1em}.header-add-track-btn{padding:8px 16px;background:#0d0d0de6;border:1px solid rgba(4,202,244,.4);border-radius:3px;color:#00f92a;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:2px;white-space:nowrap;height:32px;min-width:120px}.header-add-track-btn:hover{border-color:#00f92a99;color:#00ff41;box-shadow:0 0 8px #00f92a4d;transform:translateY(-1px)}.header-add-track-btn:active{transform:translateY(0)}.header-add-track-btn .add-icon{font-weight:700;color:inherit}.header-add-track-btn .add-text{color:inherit}.mobile-close-btn{display:none;background:transparent;border:none;color:var(--sidebar-text);font-size:24px;cursor:pointer;padding:var(--space-2);transition:color .2s ease}.mobile-close-btn:hover{color:var(--sidebar-accent)}.winamp-sidebar-content{flex:1;overflow-y:auto;padding:var(--space-4)}.winamp-sidebar-section{margin-bottom:var(--space-4)}.section-header{display:flex;align-items:center;padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--sidebar-accent);text-transform:uppercase;letter-spacing:.05em}.section-header:hover{background:#04caf41a;border-left-color:var(--sidebar-accent);transform:translate(2px)}.section-header:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.section-header-content{display:flex;align-items:center;gap:var(--space-2)}.expand-icon{font-size:12px;width:16px;text-align:center;transition:transform .2s ease}.section-header.expanded .expand-icon{transform:rotate(0)}.section-icon{font-size:var(--text-sm)}.section-label{font-weight:700}.section-items{margin-left:var(--space-4);border-left:1px solid var(--sidebar-border);padding-left:var(--space-3)}.sidebar-item{padding:var(--space-2) var(--space-3);border-left:3px solid transparent;transition:all .2s ease;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--sidebar-text)}.sidebar-item:hover{background:#04caf41a;border-left-color:var(--sidebar-accent);transform:translate(2px)}.sidebar-item.active{background:#ff9b0026;border-left-color:var(--sidebar-active);color:var(--sidebar-active);box-shadow:0 0 8px #ff9b004d}.sidebar-item:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.item-content{display:flex;align-items:center;gap:var(--space-2)}.item-icon{font-size:12px}.item-label{flex:1}.item-count{font-size:var(--text-xs);opacity:.7;color:var(--sidebar-accent)}.winamp-sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--sidebar-border);background:#04caf40d;display:flex;justify-content:center}.footer-status{display:flex;justify-content:center}.network-status{font-family:var(--font-mono);font-size:10px;color:#04caf4cc;letter-spacing:.5px;text-transform:uppercase}.winamp-main-content{background:var(--content-bg);border:1px solid var(--content-border);display:flex;flex-direction:column;overflow:hidden}.main-content-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--content-border);background:#04caf408;justify-content:space-between}.content-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--sidebar-accent);text-transform:uppercase;letter-spacing:.1em;margin:0;flex:1}.profile-access{display:flex;align-items:center;gap:var(--space-2)}.profile-button{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:2px solid var(--sidebar-border);padding:var(--space-2);cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);color:var(--sidebar-text);font-size:var(--text-sm);text-decoration:none}.profile-button:hover{border-color:var(--sidebar-accent);background:#04caf41a;transform:translateY(-1px);box-shadow:0 0 8px #04caf44d}.profile-avatar{position:relative;width:32px;height:32px}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:0}.avatar-border{position:absolute;inset:0;border:2px solid transparent;transition:border-color .2s ease;pointer-events:none}.profile-button:hover .avatar-border{border-color:var(--sidebar-accent);box-shadow:0 0 8px #04caf480}.profile-username{font-weight:700;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 640px){.profile-username{display:none}.profile-button{padding:var(--space-1)}.profile-avatar{width:28px;height:28px}}.mobile-sidebar-toggle{display:none;background:transparent;border:2px solid var(--sidebar-accent);padding:var(--space-2);cursor:pointer;transition:all .2s ease}.mobile-sidebar-toggle:hover{background:#04caf41a;box-shadow:0 0 8px #04caf44d}.hamburger-icon{display:flex;flex-direction:column;gap:3px;width:20px;height:14px}.hamburger-line{height:2px;background:var(--sidebar-accent);transition:all .3s ease;transform-origin:center}.mobile-sidebar-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-sidebar-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-sidebar-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.search-filters-wrapper{padding:0 var(--space-6);background:var(--content-bg)}.browse-sections-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--content-bg);border-bottom:1px solid var(--content-border)}.browse-section{background:var(--darker-bg);border:2px solid var(--sidebar-border);border-radius:0;height:200px;display:flex;flex-direction:column}.browse-section-header{padding:var(--space-2) var(--space-3);background:#04caf41a;border-bottom:1px solid var(--sidebar-border);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em}.browse-section-content{flex:1;overflow-y:auto;padding:var(--space-2)}.browse-item{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--light-text);cursor:pointer;border-left:3px solid transparent;transition:all .2s ease}.browse-item:hover{background:#04caf41a;border-left-color:var(--neon-cyan);transform:translate(2px)}.browse-item.selected{background:#ff9b0026;border-left-color:var(--neon-orange);color:var(--neon-orange);box-shadow:0 0 8px #ff9b004d}.browse-item-content{display:flex;justify-content:space-between;align-items:center}.browse-item-name{flex:1;text-align:left}.browse-item-count{font-size:var(--text-xs);opacity:.7;color:var(--neon-cyan)}.loading-state{display:flex;flex-direction:column;gap:var(--space-2)}.browse-item.loading{padding:var(--space-2) var(--space-3);cursor:default;border-left:3px solid transparent;animation:pulse 2s infinite}.loading-bar{height:12px;background:#04caf433;border-radius:2px;animation:pulse 2s infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;color:var(--muted-text);height:120px}.empty-icon{font-size:24px;margin-bottom:var(--space-2);opacity:.5}.empty-text{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.7}.table-wrapper{flex:1;padding:0 var(--space-6);overflow:auto}.pagination-wrapper{padding:var(--space-4) var(--space-6);border-top:1px solid var(--content-border);background:#04caf408}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 4px #00f92a}50%{opacity:.6;box-shadow:0 0 8px #00f92a,0 0 16px #00f92a4d}}.winamp-data-grid{width:100%;border-collapse:collapse;font-family:var(--font-mono);color:var(--sidebar-text)}.winamp-data-grid th{background:var(--sidebar-bg);border:1px solid var(--content-table-border);padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-xs);font-weight:700;color:var(--sidebar-accent);text-transform:uppercase;letter-spacing:.05em}.winamp-data-grid td{border:1px solid var(--content-table-border);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);transition:all .2s ease;vertical-align:middle}.winamp-data-grid tr:hover td{background:#04caf40d;box-shadow:0 0 10px #04caf41a}.winamp-data-grid th:first-child,.winamp-data-grid td:first-child{width:48px;text-align:center}.winamp-data-grid th:nth-child(2),.winamp-data-grid td:nth-child(2){text-align:left}.winamp-data-grid th:nth-child(3),.winamp-data-grid td:nth-child(3){text-align:left;color:var(--neon-cyan)}.winamp-data-grid th:nth-child(5),.winamp-data-grid td:nth-child(5),.winamp-data-grid th:nth-child(6),.winamp-data-grid td:nth-child(6){text-align:right}.winamp-data-grid th:nth-child(9),.winamp-data-grid td:nth-child(9){width:32px;text-align:center}.winamp-data-grid .track-title{font-size:var(--text-sm);color:var(--light-text);font-family:var(--font-mono)}.winamp-data-grid .artist-name{font-size:var(--text-sm);color:var(--neon-cyan);font-family:var(--font-mono)}.winamp-data-grid .metadata-text{font-size:var(--text-xs);color:var(--muted-text);font-family:var(--font-mono)}.mobile-cards{display:block}.desktop-table{display:none}.mobile-loading{display:flex;flex-direction:column;gap:var(--space-4)}.loading-card{background:#0d0d0dcc;border:1px solid rgba(4,202,244,.2);padding:var(--space-4);animation:pulse 2s infinite}.loading-content{display:flex;flex-direction:column;gap:var(--space-3)}.loading-header{display:flex;flex-direction:column;gap:var(--space-2)}.loading-title{height:16px;background:#04caf433;width:75%}.loading-subtitle{height:12px;background:#04caf41a;width:50%}.loading-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.loading-detail{height:12px;background:#04caf41a}.error-card,.empty-card{background:#0d0d0dcc;border:1px solid rgba(4,202,244,.2);padding:var(--space-6);text-align:center;color:var(--sidebar-text)}.error-icon,.empty-icon{font-size:32px;margin-bottom:var(--space-4)}.error-title,.empty-title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--sidebar-accent);margin-bottom:var(--space-2)}.error-message,.empty-subtitle{font-size:var(--text-sm);opacity:.7;margin-bottom:var(--space-4)}.error-retry-btn{background:#ff6b3533;border:1px solid #ff6b35;color:#ff6b35;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;cursor:pointer;transition:all .2s ease}.error-retry-btn:hover{background:#ff6b354d;box-shadow:0 0 10px #ff6b354d}.track-cards{display:flex;flex-direction:column;gap:var(--space-3)}.winamp-mobile-backdrop{display:none;position:fixed;inset:0;background:#000c;z-index:30}@media (max-width: 1023px){.winamp-library{grid-template-columns:1fr}.winamp-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:50;transition:left .3s ease}.winamp-sidebar.mobile-open{left:0}.winamp-mobile-backdrop{display:block}.mobile-sidebar-toggle{display:flex}.mobile-close-btn{display:block}.header-add-track-btn{font-size:10px;padding:6px 12px;min-width:100px;height:28px}.header-add-track-btn .add-text{display:inline}.header-add-track-btn .add-icon:last-child{display:inline}}@media (max-width: 767px){.winamp-sidebar.mobile-open{width:100%;left:0}.winamp-main-content{padding:0}.main-content-header{padding:var(--space-4)}.search-filters-wrapper{padding:0 var(--space-4)}.browse-sections-container{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-3)}.browse-section{height:150px}.table-wrapper{padding:0 var(--space-4)}.pagination-wrapper{padding:var(--space-4)}.mobile-cards{display:block}.desktop-table{display:none}}@media (max-width: 1023px) and (min-width: 768px){.browse-sections-container{grid-template-columns:1fr;gap:var(--space-3)}.browse-section{height:150px}}@media (max-width: 640px){.browse-sections-container{display:none}}@media (min-width: 768px){.mobile-cards{display:none}.desktop-table{display:block}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scan{0%{left:-100%}to{left:100%}}.winamp-sidebar-content:focus-within .sidebar-item:focus,.winamp-sidebar-content:focus-within .section-header:focus{outline:2px solid var(--sidebar-accent);outline-offset:2px}.browse-item:focus{outline:2px solid var(--neon-cyan);outline-offset:2px;background:#04caf41a;border-left-color:var(--neon-cyan)}.browse-item:focus:not(.selected){transform:translate(2px)}.browse-section-content::-webkit-scrollbar{width:4px}.browse-section-content::-webkit-scrollbar-track{background:#04caf41a}.browse-section-content::-webkit-scrollbar-thumb{background:#04caf44d;border-radius:2px}.browse-section-content::-webkit-scrollbar-thumb:hover{background:#04caf480}.winamp-sidebar *,.winamp-main-content *{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}