*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0e27;--bg-secondary: #141b36;--bg-tertiary: #1e2847;--text-primary: #e8eaf6;--text-secondary: #9fa8da;--accent-primary: #00e676;--accent-secondary: #76ff03;--accent-hover: #00c853;--border-color: #2c3e6f;--shadow: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5);--overlay: rgba(10, 14, 39, .95);--bg-hover: #253253;--text-inverse: #0a0e27;--text-muted: #6b7bb8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-primary: "Outfit", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: var(--radius-md);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--mobile-header-height: 56px;--mobile-bottom-nav-height: 60px;--mobile-mini-player-height: 70px}body.theme-light,body.light-theme{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #e8eaf6;--text-primary: #1a202c;--text-secondary: #4a5568;--accent-primary: #00c853;--accent-secondary: #00e676;--accent-hover: #00a344;--border-color: #cbd5e0;--shadow: rgba(0, 0, 0, .1);--overlay: rgba(255, 255, 255, .95);--bg-hover: #e8eaf6;--text-inverse: #f5f7fa;--text-muted: #4a5568;--shadow-lg: rgba(0, 0, 0, .2)}body.theme-midnight{--bg-primary: #0d1b2a;--bg-secondary: #1b263b;--bg-tertiary: #2d3e50;--text-primary: #e0e1dd;--text-secondary: #778da9;--accent-primary: #00b4d8;--accent-secondary: #48cae4;--accent-hover: #0096c7;--border-color: #415a77;--shadow: rgba(0, 0, 0, .5);--overlay: rgba(13, 27, 42, .95);--bg-hover: #2d3e50;--text-inverse: #0d1b2a;--text-muted: #778da9;--shadow-lg: rgba(0, 0, 0, .6)}body.theme-forest{--bg-primary: #1a2f1a;--bg-secondary: #2d4a2d;--bg-tertiary: #3d5c3d;--text-primary: #e8f5e9;--text-secondary: #bfe6c1;--accent-primary: #66bb6a;--accent-secondary: #81c784;--accent-hover: #4caf50;--border-color: #4a7c4a;--shadow: rgba(0, 0, 0, .4);--overlay: rgba(26, 47, 26, .95);--bg-hover: #3d5c3d;--text-inverse: #1a2f1a;--text-muted: #bfe6c1;--shadow-lg: rgba(0, 0, 0, .5)}body.theme-purple{--bg-primary: #1a1a2e;--bg-secondary: #2d2d4a;--bg-tertiary: #3d3d5c;--text-primary: #f3e5f5;--text-secondary: #ce93d8;--accent-primary: #ba68c8;--accent-secondary: #e1bee7;--accent-hover: #9c27b0;--border-color: #5c4a7c;--shadow: rgba(0, 0, 0, .4);--overlay: rgba(26, 26, 46, .95);--bg-hover: #3d3d5c;--text-inverse: #1a1a2e;--text-muted: #ce93d8;--shadow-lg: rgba(0, 0, 0, .5)}body.theme-sunset{--bg-primary: #2d1b1b;--bg-secondary: #4a2c2c;--bg-tertiary: #5c3d3d;--text-primary: #fff3e0;--text-secondary: #ffcc80;--accent-primary: #ff7043;--accent-secondary: #ffab91;--accent-hover: #f4511e;--border-color: #7c5a4a;--shadow: rgba(0, 0, 0, .4);--overlay: rgba(45, 27, 27, .95);--bg-hover: #5c3d3d;--text-inverse: #2d1b1b;--text-muted: #ffcc80;--shadow-lg: rgba(0, 0, 0, .5)}body.theme-ocean{--bg-primary: #0a192f;--bg-secondary: #112240;--bg-tertiary: #1d3557;--text-primary: #ccd6f6;--text-secondary: #8892b0;--accent-primary: #64ffda;--accent-secondary: #a8dadc;--accent-hover: #4cd5b8;--border-color: #233554;--shadow: rgba(0, 0, 0, .5);--overlay: rgba(10, 25, 47, .95);--bg-hover: #1d3557;--text-inverse: #0a192f;--text-muted: #8892b0;--shadow-lg: rgba(0, 0, 0, .6)}body.theme-rosegold{--bg-primary: #2d2024;--bg-secondary: #3d2a30;--bg-tertiary: #4d3a40;--text-primary: #fce4ec;--text-secondary: #f8bbd9;--accent-primary: #f48fb1;--accent-secondary: #f8bbd9;--accent-hover: #ec407a;--border-color: #6d5a5a;--shadow: rgba(0, 0, 0, .4);--overlay: rgba(45, 32, 36, .95);--bg-hover: #4d3a40;--text-inverse: #2d2024;--text-muted: #f8bbd9;--shadow-lg: rgba(0, 0, 0, .5)}body.theme-rathore{--bg-primary: #1a0a0a;--bg-secondary: #2d1515;--bg-tertiary: #4a2020;--text-primary: #f5e6c8;--text-secondary: #d4af37;--accent-primary: #d4af37;--accent-secondary: #f5d76e;--accent-hover: #b8960c;--border-color: #8b4513;--shadow: rgba(0, 0, 0, .5);--overlay: rgba(26, 10, 10, .95);--bg-hover: #4a2020;--text-inverse: #1a0a0a;--text-muted: #d4af37;--shadow-lg: rgba(0, 0, 0, .6)}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0e27,#1a1a2e,#16213e);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.logo-flip-container{perspective:1000px;width:200px;height:240px;margin-bottom:var(--spacing-xl)}.logo-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:logoFlip 3s ease-in-out infinite}.logo-flip-front,.logo-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.logo-flip-back{transform:rotateY(180deg)}.launch-logo{width:200px;height:auto;filter:drop-shadow(0 10px 30px rgba(184,134,11,.5));animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoFlip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes logoGlow{0%{filter:drop-shadow(0 10px 30px rgba(184,134,11,.4))}to{filter:drop-shadow(0 15px 40px rgba(184,134,11,.7))}}.loading-tagline{margin-top:var(--spacing-md);color:#d4af37;font-size:var(--font-size-lg);font-weight:500;letter-spacing:1px;text-transform:uppercase;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.loading-progress{width:200px;height:3px;background:#ffffff1a;border-radius:3px;margin-top:var(--spacing-lg);overflow:hidden}.loading-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#8b0000,#d4af37,#8b0000);background-size:200% 100%;border-radius:3px;animation:progressFill 2.5s ease-out forwards,progressShimmer 1s linear infinite}@keyframes progressFill{0%{width:0%}50%{width:60%}80%{width:85%}to{width:100%}}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-md)}.toast-container{position:fixed;bottom:90px;left:var(--spacing-lg);z-index:9998;display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);max-width:400px}.toast{background:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--accent-primary);box-shadow:0 4px 12px var(--shadow);display:flex;align-items:flex-start;gap:var(--spacing-sm);animation:slideInLeft var(--transition-normal);max-width:100%;cursor:default}.toast:hover{box-shadow:0 6px 16px var(--shadow)}.toast.error{border-left-color:#f44336}.toast.warning{border-left-color:#ff9800}.toast.success{border-left-color:var(--accent-primary)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;font-size:var(--font-size-sm)}.toast-title{font-weight:600;margin-bottom:var(--spacing-xs)}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center}.toast-action{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background .2s ease}.toast-action:hover{background:var(--accent-hover)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.app-container{width:100%;height:100%;display:flex;position:relative}.globe-container{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(0,230,118,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(118,255,3,.06) 0%,transparent 50%),radial-gradient(circle at center,#1a1f3a 0%,var(--bg-primary) 100%);width:100%}body.light-theme .globe-container{background:radial-gradient(ellipse at 30% 20%,rgba(0,200,83,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,230,118,.08) 0%,transparent 50%),radial-gradient(circle at center,#e8f5e9 0%,var(--bg-primary) 100%)}#globeCanvas{width:100%;height:100%;display:block;cursor:grab}#globeCanvas:active,#mapCanvas:active{cursor:grabbing}.map-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;cursor:grab}.view-toggle-container{position:absolute;top:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:20}.view-toggle{display:flex;background:var(--overlay);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px var(--shadow)}.view-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.view-toggle-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.view-toggle-btn.active:hover{background:var(--accent-hover)}.zoom-controls{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);right:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:10}.zoom-indicator{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);background:var(--overlay);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;pointer-events:none}@media (max-width: 768px){.zoom-controls{bottom:90px;left:var(--spacing-md);right:auto}.view-toggle-container{top:var(--spacing-md)}.view-toggle-btn{padding:var(--spacing-sm)}.view-toggle-btn svg{width:16px;height:16px}}@media (max-width: 768px) and (max-height: 480px){.zoom-controls{position:fixed;bottom:66px;flex-direction:row}}.globe-controls{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;gap:var(--spacing-sm);z-index:10}.control-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--overlay);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.station-tooltip{position:absolute;background:var(--overlay);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);white-space:nowrap;transform:translate(-50%,-100%) translateY(-10px)}.side-panel{width:400px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px var(--shadow);z-index:100;position:absolute;right:0;top:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.side-panel.collapsed,body.panel-collapsed .side-panel{transform:translate(100%);pointer-events:none}.expand-panel-btn{position:fixed;right:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none}.side-panel.collapsed~.expand-panel-btn,.side-panel.collapsed+.expand-panel-btn{opacity:1;pointer-events:auto}body.panel-collapsed .expand-panel-btn{opacity:1;pointer-events:auto}.expand-panel-btn:hover{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary);transform:translateY(-50%) scale(1.1)}.floating-logo-container{position:fixed;right:20px;top:20px;perspective:800px;width:90px;height:108px;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}body.panel-collapsed .floating-logo-container{opacity:1;pointer-events:auto}.floating-logo-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d}.floating-logo-front,.floating-logo-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.floating-logo-back{transform:rotateY(180deg)}.floating-logo{width:90px;height:auto;filter:drop-shadow(0 6px 20px rgba(184,134,11,.6))}.collapse-panel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.collapse-panel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.panel-header-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.panel-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.app-title{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);letter-spacing:-.02em}.app-title svg{color:var(--accent-primary)}.header-logo{width:36px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform var(--transition-fast)}.header-logo:hover{transform:scale(1.1)}.app-title-text{background:linear-gradient(135deg,#d4af37,#f4e4a6,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.close-panel-btn,.mobile-close-btn{display:none}.tab-nav{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.tab-btn{flex:1;padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);position:relative}.tab-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-primary);transform:scaleX(0);transition:transform var(--transition-fast)}.tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-btn.active{color:var(--accent-primary)}.tab-btn.active:after{transform:scaleX(1)}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden}.tab-pane{display:none;animation:fadeIn var(--transition-normal)}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-pane-content{padding:var(--spacing-lg)}.tab-pane-content h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.help-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.search-container{margin-bottom:var(--spacing-lg)}.search-box-row{width:100%;margin-bottom:var(--spacing-md)}.search-box-row .search-input-wrapper{width:100%}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;width:16px;height:16px}#searchInput{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);transition:all var(--transition-fast);height:40px;box-sizing:border-box}.search-controls{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.search-controls .filter-toggle-btn{height:40px}.search-controls .view-mode-toggle{margin-left:auto}.search-controls .clear-filters-btn{margin-left:var(--spacing-sm)}#searchInput:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}#searchInput::placeholder{color:var(--text-secondary)}.search-results{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:300px;overflow-y:auto;box-shadow:0 4px 12px var(--shadow);z-index:10}.search-result-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.active{background:var(--bg-tertiary)}.search-result-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.search-result-location{font-size:var(--font-size-sm);color:var(--text-secondary)}.filter-section{margin-bottom:var(--spacing-lg)}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.filter-toggle-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);height:40px;box-sizing:border-box}.filter-toggle-btn:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.filter-toggle-btn[aria-expanded=true]{border-color:var(--accent-primary);background:#00e6761a}.filter-toggle-btn[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.chevron-icon{transition:transform var(--transition-fast);margin-left:var(--spacing-xs)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);background:var(--accent-primary);color:var(--bg-primary);border-radius:10px;font-size:var(--font-size-xs);font-weight:600}.clear-filters-btn{padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.clear-filters-btn:hover{color:var(--accent-hover);text-decoration:underline}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);margin-top:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:var(--spacing-sm) var(--spacing-md);padding-right:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239fa8da' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:all var(--transition-fast);height:40px;box-sizing:border-box}.filter-select:hover{border-color:var(--accent-primary)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00e67633}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.searchable-dropdown{position:relative;width:100%}.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);height:40px;box-sizing:border-box;text-align:left}.dropdown-toggle:hover{border-color:var(--accent-primary)}.dropdown-toggle[aria-expanded=true]{border-color:var(--accent-primary);border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-toggle[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{flex-shrink:0;margin-left:var(--spacing-sm);transition:transform var(--transition-fast);color:var(--text-secondary)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--accent-primary);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:300px;overflow:hidden;z-index:100;box-shadow:0 4px 12px var(--shadow);display:flex;flex-direction:column}.dropdown-search{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.dropdown-search input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);box-sizing:border-box}.dropdown-search input:focus{outline:none;border-color:var(--accent-primary)}.dropdown-search input::placeholder{color:var(--text-secondary)}.dropdown-options{overflow-y:auto;max-height:250px}.dropdown-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.dropdown-option:hover{background:var(--bg-hover)}.dropdown-option.selected{background:#00e6761a;color:var(--accent-primary)}.option-icon{flex-shrink:0;font-size:1rem}.option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-count{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:10px}.dropdown-divider{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.dropdown-empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;text-align:center}.filter-group-genre{position:relative}.sort-controls{display:flex;align-items:center;gap:var(--spacing-xs);height:40px}.sort-field-select{min-width:100px;height:40px;box-sizing:border-box}.sort-order-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box}.sort-order-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sort-order-btn.desc svg{transform:rotate(180deg)}.sort-order-btn svg{transition:transform var(--transition-fast)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#00e67626;border:1px solid var(--accent-primary);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--accent-primary);animation:fadeIn .2s ease-out}.filter-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;color:var(--accent-primary);cursor:pointer;border-radius:50%;transition:all var(--transition-fast)}.filter-tag-remove:hover{background:var(--accent-primary);color:var(--bg-primary)}.results-info{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}#resultsCount{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.results-total{font-weight:700;color:var(--text-primary)}.results-breakdown{font-size:var(--font-size-xs);opacity:.8}.status-active-count{color:#22c55e}.status-inactive-count{color:#f59e0b}.more-results-info{padding:var(--spacing-md);text-align:center;border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}.station-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.station-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.station-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-primary);transform:scaleY(0);transition:transform var(--transition-fast)}.station-card:hover{border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 4px 12px var(--shadow)}.station-card:hover:before{transform:scaleY(1)}.station-card.playing{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(0,230,118,.1) 100%)}.station-card.playing:before{transform:scaleY(1)}.station-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.station-card-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.station-card-icon img{width:100%;height:100%;object-fit:cover}.station-card-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-lg);color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.station-card-info{flex:1;min-width:0}.station-card-name-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.station-card-name{font-weight:600;font-size:var(--font-size-md);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator{flex-shrink:0;width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.status-active{background:#22c55e;box-shadow:0 0 6px #22c55e99}.status-indicator.status-inactive{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.status-indicator.status-down{background:#ef4444;box-shadow:0 0 6px #ef444480}.status-indicator.status-unverified{background:#8b5cf6;box-shadow:0 0 6px #8b5cf680}.status-indicator.status-http{background:#fb923c;box-shadow:0 0 6px #fb923c99}.badge-http{background:#fb923c33;color:#fb923c;border-color:#fb923c4d}.badge-coords{font-size:.75rem;padding:.15rem .35rem}.badge-coords-precise{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.badge-coords-approximate{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.badge-coords-unknown{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.station-card.status-inactive,.station-card.status-down{opacity:.6;filter:grayscale(30%)}.station-card.status-inactive:hover,.station-card.status-down:hover{opacity:.8}.badge-active{background:#22c55e33;color:#22c55e}.badge-inactive{background:#f59e0b33;color:#f59e0b}.badge-down{background:#ef444433;color:#ef4444}.badge-unverified{background:#8b5cf633;color:#8b5cf6}.station-card-location{font-size:var(--font-size-sm);color:var(--text-secondary)}.station-card-actions{display:flex;gap:var(--spacing-xs)}.icon-btn{width:32px;height:32px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.icon-btn:hover{color:var(--accent-primary);background:var(--bg-secondary)}.icon-btn.active{color:var(--accent-primary)}.station-card-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;font-weight:500}.badge-genre{background:#00e6761a;border-color:#00e6764d;color:var(--accent-primary)}.badge-language{background:#6366f11a;border-color:#6366f14d;color:#818cf8}.badge-votes{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.badge-status{text-transform:capitalize}.badge-inactive{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.badge-down{background:#ef444426;border-color:#ef444466;color:#ef4444}.station-card.status-inactive{opacity:.85}.station-card.status-down{opacity:.7}.station-card.status-inactive:before,.station-card.status-down:before{background:var(--border-color)}.station-card.status-inactive:hover:before{background:#f59e0b}.station-card.status-down:hover:before{background:#ef4444}.now-playing-detail{text-align:center;animation:fadeIn var(--transition-normal)}.now-playing-visual{width:200px;height:200px;margin:var(--spacing-xl) auto;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 32px #00e6764d}.now-playing-visual.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px 32px #00e6764d}50%{box-shadow:0 8px 48px #00e67699}}.now-playing-visual svg{width:80px;height:80px;color:var(--bg-primary)}.now-playing-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.now-playing-location{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.now-playing-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.now-playing-share-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color)}.now-playing-favorite-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.now-playing-favorite-btn.active{color:var(--accent-primary);border-color:var(--accent-primary)}.play-pause-btn{width:64px;height:64px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 16px #00e67666}.play-pause-btn:hover{background:var(--accent-hover);transform:scale(1.1);box-shadow:0 6px 24px #00e67699}.play-pause-btn:active{transform:scale(.95)}.volume-control{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-xl)}.volume-control svg{color:var(--text-secondary);flex-shrink:0}.volume-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:var(--radius-sm);background:var(--bg-tertiary);outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none}.now-playing-info{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:left}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);align-items:center;gap:12px}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary);font-size:13px;flex-shrink:0}.info-value{color:var(--text-primary);text-align:right;font-size:14px;flex:1;line-height:1.4;word-break:break-word}.info-value a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.info-value a:hover{color:var(--accent-hover);text-decoration:underline}.no-station{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-station svg{margin-bottom:var(--spacing-lg);opacity:.5}.no-station p{margin-bottom:var(--spacing-sm)}.equalizer{display:inline-flex;align-items:flex-end;gap:3px;height:20px;margin-right:var(--spacing-sm)}.equalizer span{width:3px;background:var(--accent-primary);border-radius:2px;animation:equalize 1s ease-in-out infinite}.equalizer span:nth-child(1){animation-delay:0s}.equalizer span:nth-child(2){animation-delay:.2s}.equalizer span:nth-child(3){animation-delay:.4s}@keyframes equalize{0%,to{height:4px}50%{height:16px}}.equalizer.paused span{animation:none;height:4px}.mobile-player{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:200}.mobile-player-content{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.mobile-player-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.mobile-player-text{flex:1;min-width:0}.mobile-player-station{font-weight:600;font-size:16px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;margin-bottom:4px}.mobile-player-location{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.mobile-play-btn{width:52px;height:52px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:24px;transition:all var(--transition-fast)}.mobile-play-btn:active{transform:scale(.95)}.mobile-expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-nav-control-btn{width:44px;height:44px;border-radius:50%;background:none;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:20px;transition:all var(--transition-fast)}.mobile-nav-control-btn:active{transform:scale(.9)}@media (max-width: 768px){.side-panel{position:fixed;top:0;right:-100%;width:100%;max-width:100%;min-width:unset;transition:right var(--transition-normal);z-index:10000;height:100vh;height:100dvh}.side-panel.open{right:0}body.panel-open .mobile-header,body.panel-open .resume-banner{display:none!important}.side-panel .panel-header{padding-top:16px;padding-right:70px}.side-panel.collapsed{width:100%;min-width:unset;right:-100%}.side-panel.collapsed .panel-header,.side-panel.collapsed .tab-nav,.side-panel.collapsed .tab-content,.side-panel.collapsed .panel-header-controls{display:flex}.side-panel.collapsed .expand-panel-btn,.collapse-panel-btn{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.panel-header-controls{display:flex!important;align-items:center;gap:var(--spacing-sm)}.close-panel-btn{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:var(--accent-primary)!important;border:none;color:var(--bg-primary)!important;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #00e6764d;z-index:10}.close-panel-btn svg{width:20px;height:20px;stroke-width:3}.close-panel-btn:active{transform:scale(.95);background:var(--accent-hover)!important}.collapse-panel-btn{display:none!important}.mobile-close-btn{display:flex!important;position:absolute;top:12px;right:12px;z-index:100;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--bg-primary);cursor:pointer;box-shadow:0 2px 8px #0000004d}.mobile-close-btn:active{transform:scale(.9);background:var(--accent-hover)}.close-panel-btn{display:none!important}body.panel-open .globe-controls{display:none}.floating-logo-container{display:none!important}.mobile-player{display:block;bottom:var(--mobile-bottom-nav-height)}.toast-container{left:var(--spacing-md);right:var(--spacing-md);bottom:80px;top:auto}.globe-controls{top:auto;bottom:90px}}@media (max-width: 480px){.tab-btn{font-size:0;padding:var(--spacing-sm)}.tab-btn svg{width:24px;height:24px}.panel-header{padding:var(--spacing-md)}.app-title{font-size:var(--font-size-lg)}}@supports (padding: env(safe-area-inset-bottom)){.bottom-player-bar,.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px){.control-btn,.icon-btn{min-width:44px;min-height:44px}.tab-btn{min-height:48px}input[type=text],input[type=search],select{min-height:44px;font-size:16px}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;flex-wrap:nowrap}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab-btn{flex-shrink:0;min-width:max-content;padding:var(--spacing-sm) var(--spacing-md)}.modal-content{margin:var(--spacing-sm);max-height:calc(100vh - var(--spacing-md) * 2);max-width:calc(100vw - var(--spacing-md) * 2);overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-modal-tabbed{max-height:calc(100vh - var(--spacing-md) * 2)}.profile-tab-body{max-height:calc(100vh - 200px)}.station-card{padding:var(--spacing-md)}.station-card .station-name{font-size:var(--font-size-md)}.side-panel:before{content:"";position:absolute;top:50%;left:0;width:4px;height:60px;background:var(--accent-primary);border-radius:0 4px 4px 0;transform:translateY(-50%);opacity:.5}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:150;padding:2px 0}.mobile-bottom-nav-items{display:flex;justify-content:space-around;align-items:center}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-family:var(--font-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:80px;min-height:44px;flex:1;padding:4px}.mobile-nav-btn svg{width:18px;height:18px}.mobile-nav-btn.active{color:var(--accent-primary)}.mobile-nav-btn:active{transform:scale(.95)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:150;padding:0 var(--spacing-md);align-items:center;justify-content:space-between}.mobile-header-logo{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.mobile-header-logo img{width:28px;height:28px}.mobile-header-title{font-size:14px;font-weight:600;color:var(--text-primary);display:none}.mobile-header-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 360px){.mobile-header{padding:0 var(--spacing-sm)}.mobile-header-title{display:none}.mobile-header-actions{gap:2px}.mobile-header-actions .control-btn{min-width:38px;min-height:38px;width:38px;height:38px}}.mobile-mini-player{display:none;position:fixed;bottom:var(--mobile-bottom-nav-height);left:0;right:0;background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);z-index:140}.mobile-mini-player-content{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-mini-player-info{flex:1;min-width:0}.mobile-mini-player-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-mini-player-location{font-size:var(--font-size-xs);color:var(--text-secondary)}.mobile-mini-player-controls{display:flex;gap:var(--spacing-xs)}.mobile-mini-player-btn{width:44px;height:44px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 768px){.mobile-bottom-nav{display:block}.mobile-header{display:flex}.globe-container{top:var(--mobile-header-height);height:calc(100vh - var(--mobile-header-height) - var(--mobile-bottom-nav-height))}.expand-panel-btn,.floating-logo-container,.bottom-player-bar{display:none}.side-panel{top:0;bottom:var(--mobile-bottom-nav-height);height:auto;border-radius:0}.globe-controls{top:70px;right:var(--spacing-md);bottom:auto}.globe-controls #themeToggleBtn,.globe-controls #languageBtn,.globe-controls #shareAppBtn,.globe-controls #installAppBtn,.globe-controls #userProfileBtn{display:none}.zoom-controls{bottom:80px}.toast-container{bottom:130px}}@media (max-width: 768px) and (max-height: 480px){.zoom-controls{position:fixed;bottom:66px;flex-direction:row}body.player-active .zoom-controls{bottom:146px}}@media (max-width: 380px){.mobile-nav-btn{padding:var(--spacing-xs);min-width:50px}.mobile-nav-btn span{font-size:9px}.profile-tab-btn{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}}.hidden,[hidden]{display:none!important}.tab-content::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:var(--bg-tertiary)}.tab-content::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.tab-content::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible{outline-offset:4px}.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}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.share-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.share-btn:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.user-stat{text-align:center;padding:var(--spacing-sm)}.user-stat-value{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--accent-primary);line-height:1.2}.user-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.recommendations-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.recommendations-header{margin-bottom:var(--spacing-md)}.recommendations-header h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.recommendations-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.station-list.compact .station-card{padding:var(--spacing-sm) var(--spacing-md)}.station-list.compact .station-card-icon{width:32px;height:32px}.station-list.compact .station-card-meta{display:none}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 20px 40px var(--shadow);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}[dir=rtl] .modal-close{right:auto;left:var(--spacing-sm)}.language-modal{max-width:400px;padding:0}.language-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.language-modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.modal-close-btn:hover{color:var(--accent-primary)}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md)}.language-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.language-option:hover{background:var(--bg-hover);border-color:var(--border-color)}.language-option.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.language-option .lang-flag{font-size:1.25rem}.language-option .lang-name{font-size:.875rem;font-weight:500}.setup-language-selector{margin-bottom:var(--spacing-lg);text-align:left}.setup-language-selector label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.setup-language-selector .language-select{width:100%;height:44px;padding:0 var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box}.setup-language-selector .language-select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.setup-language-selector .language-select:hover{border-color:var(--text-secondary)}.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{font-size:var(--font-size-lg);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-body p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.ios-install-steps{color:var(--text-secondary);padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.ios-install-steps strong{color:var(--accent-primary)}.share-link-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.share-link-input{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:monospace}.copy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:background var(--transition-fast)}.copy-btn:hover{background:var(--accent-hover)}.share-options{display:flex;gap:var(--spacing-sm)}.share-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.share-social-btn.twitter{background:#000;color:#fff}.share-social-btn.twitter:hover{background:#333}.share-social-btn.whatsapp{background:#25d366;color:#fff}.share-social-btn.whatsapp:hover{background:#128c7e}.share-station-name{font-weight:600;color:var(--text-primary)!important}.share-qr-container{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.share-qr-hint{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)!important}.share-qr-canvas{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:var(--spacing-sm);border-radius:var(--radius-md);max-width:100%}.share-qr-wrapper{position:relative;display:inline-block}.share-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 0 0 3px #fff}.share-qr-logo-img{position:absolute;width:55px;height:55px;top:-2px;left:-5px}.resume-banner{position:fixed;top:0;left:50%;width:min(92vw,420px);box-sizing:border-box;transform:translate(-50%) translateY(-150%);z-index:10000;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,230,118,.15) 100%);border:1px solid var(--accent-primary);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 4px 20px #0000004d;transition:transform .3s ease-out,left .35s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){body:not(.panel-collapsed) .resume-banner{left:calc(50% - 200px)}}.resume-banner.show{transform:translate(-50%) translateY(0)}@media (max-width: 768px){.resume-banner{top:64px;border-top:1px solid var(--accent-primary);border-radius:var(--radius-lg);transform:translate(-50%) translateY(-30px);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.resume-banner.show{transform:translate(-50%) translateY(0);opacity:1}body:has(.resume-banner.show) .globe-controls{display:none}}.resume-banner-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.resume-banner-text{font-size:var(--font-size-sm);color:var(--text-primary);white-space:normal;min-width:0;overflow-wrap:anywhere}.resume-banner-text strong{color:var(--accent-primary)}.resume-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast)}.resume-btn:hover{background:var(--accent-hover)}.resume-dismiss-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.resume-dismiss-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-secondary)}.dismiss-btn{padding:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.dismiss-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-profile-btn{position:relative;overflow:visible!important}.user-avatar-initials{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:50%;font-size:12px;font-weight:700;color:var(--bg-primary);text-transform:uppercase}.user-setup-modal{text-align:center;padding:var(--spacing-xl);max-width:420px}.setup-header{margin-bottom:var(--spacing-lg)}.setup-icon{font-size:56px;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.setup-header h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:700}.setup-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.setup-form{max-width:100%;margin:0 auto}.setup-form .form-group{text-align:left;margin-bottom:var(--spacing-md)}.setup-form label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.setup-form input[type=text]{width:100%;height:44px;padding:0 var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-primary);transition:all var(--transition-fast);box-sizing:border-box}.setup-form input[type=text]:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.setup-form input[type=text]::placeholder{color:var(--text-muted)}.input-hint{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);opacity:.8}.setup-btn{width:100%;height:48px;padding:0 var(--spacing-lg);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.setup-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00e6764d}.setup-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.setup-skip-btn{width:100%;height:40px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.setup-skip-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--text-secondary)}@media (max-width: 768px){.user-setup-modal{padding:var(--spacing-lg)}.setup-icon{font-size:36px;margin-bottom:var(--spacing-xs)}.setup-header{margin-bottom:var(--spacing-md)}.setup-header h2{font-size:1.25rem}.setup-language-selector{margin-bottom:var(--spacing-md)}.setup-language-selector .language-select{height:40px}.setup-tabs{margin-bottom:var(--spacing-md)}.setup-tab-btn{height:36px}.setup-form .form-group{margin-bottom:var(--spacing-sm)}.setup-form input[type=text],.unique-id-display{height:40px}.setup-btn{height:44px;margin-top:var(--spacing-sm)}.setup-skip-btn{height:36px;margin-top:var(--spacing-xs)}}@media (max-width: 768px) and (max-height: 700px){.user-setup-modal{padding:var(--spacing-sm)}.setup-icon{display:none}.setup-header{margin-bottom:var(--spacing-sm)}.setup-header p,.input-hint{display:none}.setup-language-selector{margin-bottom:var(--spacing-sm)}.setup-language-selector label{margin-bottom:2px;font-size:.75rem}.setup-language-selector .language-select{height:36px}.setup-tabs{margin-bottom:var(--spacing-sm)}.setup-tab-btn{height:32px}.setup-form .form-group{margin-bottom:var(--spacing-xs)}.unique-id-display{height:36px;margin-bottom:2px}.custom-id-group{margin-top:var(--spacing-xs)}.checkbox-label{padding:var(--spacing-xs) 0}.setup-btn{height:40px;margin-top:var(--spacing-xs)}.setup-skip-btn{height:32px;margin-top:2px}}.profile-modal{max-width:400px}.profile-modal-tabbed{max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.profile-modal-tabbed .modal-body{flex:1;display:flex;flex-direction:column;min-height:0}.profile-modal-tabbed .modal-header{padding:var(--spacing-md) var(--spacing-lg)}.profile-tabs{display:flex;gap:2px;background:var(--bg-primary);padding:4px;border-radius:var(--radius-pill);margin:0 var(--spacing-md) var(--spacing-md);border:1px solid var(--border-color)}.profile-tab-btn{flex:1;padding:9px 6px;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;min-height:40px;overflow:hidden}.profile-tab-btn .tab-icon{font-size:15px;line-height:1;flex-shrink:0}.profile-tab-btn .tab-label{overflow:hidden;text-overflow:ellipsis;font-weight:500}.profile-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-tab-btn.active{background:var(--accent-primary);color:var(--bg-primary);font-weight:600;box-shadow:0 2px 8px #0003}.profile-tab-body{overflow-y:auto;max-height:calc(80vh - 130px);padding:4px var(--spacing-lg) var(--spacing-lg)}.profile-tab-content{animation:fadeIn .2s ease-out}.profile-tab-content[hidden]{display:none}.profile-modal-tabbed .profile-avatar-section,.profile-modal-tabbed .profile-id-section,.profile-modal-tabbed .profile-stats,.profile-modal-tabbed .profile-preferences,.profile-modal-tabbed .profile-data-management{margin-bottom:var(--spacing-md)}.profile-modal-tabbed .profile-member-info{margin-top:0;padding-top:0;border-top:none}.profile-tab-body::-webkit-scrollbar{width:6px}.profile-tab-body::-webkit-scrollbar-track{background:transparent}.profile-tab-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.profile-tab-body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.profile-avatar-large{width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:50%;font-size:26px;font-weight:700;color:var(--bg-primary);text-transform:uppercase;box-shadow:0 0 0 4px var(--bg-primary),0 4px 16px #00000040}.profile-name-edit{display:flex;gap:var(--spacing-xs);width:100%;max-width:100%}.profile-name-edit .save-name-btn{flex-shrink:0}@media (max-width: 420px){.profile-name-edit{flex-direction:column}.profile-name-edit .save-name-btn{width:100%}}.profile-name-edit input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.profile-name-edit input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);text-align:left}.save-name-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);border:none;border-radius:var(--radius-pill);color:var(--bg-primary);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.save-name-btn:hover{background:var(--accent-hover)}.save-name-btn:active{transform:scale(.96)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.profile-stat{text-align:center;padding:var(--spacing-md) var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.profile-stat:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.profile-stat .stat-icon{display:block;font-size:15px;margin-bottom:2px;opacity:.85}.profile-stat .stat-value{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--accent-primary);line-height:1.2}.profile-stat .stat-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.profile-preferences{margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.profile-preferences h4{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-md)}.pref-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);padding:var(--spacing-md) 0}.pref-item:not(:last-child){border-bottom:1px solid var(--border-color)}.pref-item>span:first-child{flex-shrink:0;white-space:nowrap}.pref-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-sm)}.pref-item-header>span:first-child{flex-shrink:0;white-space:nowrap}.pref-help-text{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;margin:var(--spacing-xs) 0 0;width:100%}.pref-item-vertical{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pref-item-vertical>span{font-weight:500;margin-bottom:var(--spacing-xs)}.genre-checkboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs);width:100%;max-height:200px;overflow-y:auto;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);box-sizing:border-box}.genre-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);min-width:0;overflow:hidden}.genre-checkbox:hover{background:var(--bg-hover)}.genre-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.genre-checkbox-label{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.genre-checkbox-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.genre-checkbox-actions .link-btn{background:none;border:none;color:var(--accent-primary);font-size:var(--font-size-xs);cursor:pointer;padding:0;text-decoration:underline}.genre-checkbox-actions .link-btn:hover{color:var(--accent-hover)}.genre-checkbox-actions .divider{color:var(--text-secondary);font-size:var(--font-size-xs)}.pref-item span{font-size:var(--font-size-sm);color:var(--text-secondary)}.pref-item select{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-primary);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:border-color var(--transition-fast)}.pref-item select:hover,.pref-item select:focus{border-color:var(--accent-primary);outline:none}.view-mode-toggle{display:flex;gap:2px;background:var(--bg-secondary);border-radius:var(--radius-md);padding:2px}.view-mode-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.view-mode-btn svg{width:14px;height:14px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;transition:all var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:all var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{background:var(--bg-primary);transform:translate(20px)}.profile-member-info{text-align:center;margin-bottom:0}.profile-member-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:var(--spacing-xs) 0;opacity:.8}.profile-member-info .user-id{font-family:monospace;font-size:var(--font-size-xs);opacity:.6}.profile-danger-zone{padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:3px solid #ef4444;border-radius:var(--radius-lg)}.profile-danger-zone h4{font-size:var(--font-size-sm);color:#ef4444;margin-bottom:var(--spacing-sm)}.profile-danger-zone p{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.reset-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid #ef4444;border-radius:var(--radius-pill);color:#ef4444;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.reset-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.reset-btn+.reset-btn{margin-top:var(--spacing-sm)}.reset-local-btn{border-color:#f59e0b;color:#f59e0b}.reset-local-btn:hover{background:#f59e0b;color:#fff}.sync-status-indicator{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-pill);background:var(--bg-tertiary);border:1px solid var(--border-color);margin-right:auto}.sync-status-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sync-status-indicator.sync-offline{color:var(--text-secondary)}.sync-status-indicator.sync-syncing{color:#3b82f6}.sync-status-indicator.sync-synced{color:var(--accent-primary)}.sync-status-indicator.sync-error{color:#ef4444}.profile-id-section{padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.id-display-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.id-display-row label{font-size:var(--font-size-sm);color:var(--text-secondary)}.id-display-value{display:flex;align-items:center;gap:var(--spacing-sm)}.id-display-value code,#profileIdDisplay{padding:6px var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-pill);font-family:monospace;font-size:var(--font-size-md);color:var(--accent-primary);font-weight:600;letter-spacing:.5px}.copy-id-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;font-size:var(--font-size-sm);border-radius:50%;transition:all var(--transition-fast)}.copy-id-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.id-original-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.id-original-hint code{font-size:var(--font-size-xs);opacity:.7}.id-change-section{margin-top:var(--spacing-sm)}.change-id-form,.import-profile-form{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.change-id-form input,.import-profile-form input{width:100%;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:monospace;font-size:var(--font-size-sm)}.change-id-form input:focus,.import-profile-form input:focus{outline:none;border-color:var(--accent-primary)}.change-id-actions,.import-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.id-status{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs);min-height:1.2em}.id-status.success{color:var(--accent-primary)}.id-status.error{color:#ef4444}.id-status.warning{color:#f59e0b}.id-status.checking{color:#3b82f6}.id-warning{display:flex;align-items:flex-start;gap:6px;font-size:var(--font-size-xs);color:#f59e0b;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f59e0b14;border-radius:var(--radius-md);line-height:1.4}.profile-data-management{padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:3px solid #3b82f6;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.profile-data-management h4{font-size:var(--font-size-sm);color:#3b82f6;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.app-version-badge{font-size:var(--font-size-xs);font-weight:400;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-pill);padding:1px var(--spacing-sm)}.data-management-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.data-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.data-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.data-btn:disabled{opacity:.5;cursor:not-allowed}.data-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-sm)}.setup-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.setup-tab-btn{flex:1;height:40px;padding:0 var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.setup-tab-btn:hover{color:var(--text-primary)}.setup-tab-btn.active{background:var(--accent-primary);color:var(--bg-primary);font-weight:600;box-shadow:0 2px 8px #00e6764d}.setup-tab-content{animation:fadeIn .2s ease-out}.setup-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.setup-divider:before,.setup-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.unique-id-display{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.unique-id-display code,#generatedIdDisplay{font-family:monospace;font-size:var(--font-size-lg);color:var(--accent-primary);font-weight:600;letter-spacing:1px}.custom-id-group{margin-top:var(--spacing-md)}.checkbox-label,.setup-form .checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm) 0;transition:color var(--transition-fast)}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.custom-id-section{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.custom-id-section input{width:100%;height:44px;padding:0 var(--spacing-md);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:monospace;font-size:var(--font-size-md);box-sizing:border-box}.custom-id-section input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.setup-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-md) 0}.setup-divider:before,.setup-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.setup-divider span{padding:0 var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.link-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-primary);text-decoration:underline;padding:0}.link-btn:hover{color:var(--accent-hover)}.bottom-player-bar{position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-stats-info{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9rem;letter-spacing:.5px;z-index:1}.bottom-stats-info .stats-ip-format{color:var(--text-secondary);font-weight:500;opacity:.8;cursor:help}.bottom-stats-info .stats-users-divider{color:var(--border-color);margin:0 var(--spacing-sm);opacity:.5}.bottom-stats-info .stats-users{color:var(--accent-primary);font-weight:600;cursor:help}.bottom-stats-info .user-stat.connected{color:var(--accent-primary)}.bottom-stats-info .user-stat.active{color:#4caf50}@media (max-width: 1200px){.bottom-stats-info{display:none!important}}.bottom-player-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);height:100%;padding:0 var(--spacing-lg);max-width:1400px;margin:0 auto}.bottom-player-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:200px;max-width:280px}.bottom-player-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.equalizer-mini{display:flex;align-items:flex-end;gap:3px;height:20px}.equalizer-mini span{width:4px;background:var(--accent-primary);border-radius:2px;animation:equalizerMini .5s ease-in-out infinite alternate}.equalizer-mini span:nth-child(1){height:40%;animation-delay:0s}.equalizer-mini span:nth-child(2){height:80%;animation-delay:.1s}.equalizer-mini span:nth-child(3){height:60%;animation-delay:.2s}@keyframes equalizerMini{to{height:100%}}.bottom-player-bar[data-playing=false] .equalizer-mini span{animation:none;height:30%}.bottom-player-text{min-width:0}.bottom-player-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-player-location{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-player-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.bottom-control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bottom-control-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bottom-control-btn.play-btn{width:52px;height:52px;background:var(--accent-primary);color:var(--bg-primary)}.bottom-control-btn.play-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.bottom-control-btn.play-btn .pause-icon{display:none}.bottom-control-btn.play-btn .play-icon{display:block}.bottom-control-btn.play-btn.is-playing .play-icon{display:none}.bottom-control-btn.play-btn.is-playing .pause-icon{display:block}.visualizer-btn.active{color:var(--accent-primary);background:#00e6761a}.bottom-favorite-btn.active{color:var(--accent-primary)}.bottom-player-volume{display:flex;align-items:center;gap:var(--spacing-sm)}.bottom-volume-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;cursor:pointer}.bottom-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.bottom-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@media (max-width: 768px){.bottom-player-bar{height:64px}.bottom-player-content{padding:0 var(--spacing-md)}.bottom-stats-info{font-size:.75rem;gap:var(--spacing-xs)}.bottom-stats-info .stat-divider{display:none}.bottom-stats-info .stat-item{flex-direction:column;gap:0;text-align:center}.bottom-player-volume{display:none}.bottom-control-btn{width:36px;height:36px}.bottom-control-btn.play-btn{width:44px;height:44px}.bottom-player-icon{width:40px;height:40px}}.visualizer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:15}.visualizer-canvas.active{opacity:1}.visualizer-overlay-msg{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-md);background:var(--overlay);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);z-index:16;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.player-active .globe-container,body.player-active .side-panel{height:calc(100vh - 70px)}@media (max-width: 768px){body.player-active .globe-container{height:calc(100vh - var(--mobile-header-height) - var(--mobile-bottom-nav-height) - var(--mobile-mini-player-height))}}[dir=rtl]{text-align:right}[dir=rtl] .app-container{flex-direction:row-reverse}[dir=rtl] .side-panel{right:auto;left:0;border-right:1px solid var(--border-color);border-left:none}[dir=rtl] .side-panel.collapsed,[dir=rtl] body.panel-collapsed .side-panel{transform:translate(-100%)}[dir=rtl] .collapse-panel-btn{right:auto;left:-44px;border-radius:0 var(--radius-md) var(--radius-md) 0}[dir=rtl] .collapse-panel-btn svg{transform:rotate(180deg)}[dir=rtl] .expand-panel-btn{right:auto;left:16px}[dir=rtl] .expand-panel-btn svg{transform:rotate(180deg)}[dir=rtl] .globe-controls,[dir=rtl] .zoom-controls{left:unset!important;right:var(--spacing-lg)!important}[dir=rtl] .view-toggle{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .zoom-controls{left:unset!important;right:var(--spacing-md)!important}[dir=rtl] .side-panel{right:auto;left:-100%}[dir=rtl] .side-panel.open{left:0;right:auto}[dir=rtl] .globe-controls{left:unset!important;right:var(--spacing-md)!important}}[dir=rtl] .floating-logo-container{right:auto;left:20px}[dir=rtl] .panel-header,[dir=rtl] .app-title,[dir=rtl] .tab-nav,[dir=rtl] .tab-btn,[dir=rtl] .search-container{flex-direction:row-reverse}[dir=rtl] .search-input-wrapper{direction:rtl}[dir=rtl] .search-input{padding-right:2.5rem;padding-left:var(--spacing-md);text-align:right}[dir=rtl] .search-icon{left:auto;right:var(--spacing-md)}[dir=rtl] .filter-header,[dir=rtl] .filter-toggle-btn{flex-direction:row-reverse}[dir=rtl] .filter-group{text-align:right}[dir=rtl] .filter-label,[dir=rtl] .station-item{flex-direction:row-reverse}[dir=rtl] .station-info{text-align:right}[dir=rtl] .station-actions,[dir=rtl] .favorites-header{flex-direction:row-reverse}[dir=rtl] .recommendations-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .profile-avatar-section{text-align:right}[dir=rtl] .profile-stats{flex-direction:row-reverse}[dir=rtl] .profile-preferences h4{text-align:right}[dir=rtl] .pref-item,[dir=rtl] .view-mode-toggle{flex-direction:row-reverse}[dir=rtl] .now-playing-info{text-align:right}[dir=rtl] .bottom-player-content,[dir=rtl] .bottom-player-info{flex-direction:row-reverse}[dir=rtl] .bottom-player-text{text-align:right}[dir=rtl] .bottom-player-controls,[dir=rtl] .bottom-player-volume,[dir=rtl] .resume-banner{flex-direction:row-reverse}[dir=rtl] .resume-banner-text,[dir=rtl] .setup-header,[dir=rtl] .setup-form,[dir=rtl] .form-group label,[dir=rtl] .form-group input,[dir=rtl] .toast,[dir=rtl] .help-text,[dir=rtl] .results-info{text-align:right}.station-picker{position:fixed;z-index:10000;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;width:280px;max-height:360px;display:flex;flex-direction:column;overflow:hidden}.station-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.station-picker-close{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 var(--spacing-xs)}.station-picker-close:hover{color:var(--text-primary)}.station-picker-list{overflow-y:auto;flex:1}.station-picker-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);text-align:left;cursor:pointer;transition:background .15s ease}.station-picker-item:last-child{border-bottom:none}.station-picker-item:hover,.station-picker-item:focus-visible{background:var(--bg-tertiary)}.station-picker-name{font-weight:600;font-size:.9rem}.station-picker-meta{font-size:.78rem;color:var(--text-secondary);margin-top:2px}@media (max-width: 480px){body{font-size:16px;line-height:1.6}h1{font-size:22px;line-height:1.3}h2{font-size:18px;line-height:1.3}h3{font-size:16px;line-height:1.3}h4{font-size:15px;line-height:1.3}p,span,li{font-size:14px;line-height:1.6}.modal-content{border-radius:12px;padding:20px;max-height:90vh}.modal-header{font-size:18px;margin-bottom:16px}.station-card{padding:12px}.station-card-header{margin-bottom:8px}.station-name{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:4px}.station-location{font-size:13px;line-height:1.4}.badge{font-size:11px;padding:4px 8px;min-height:24px;display:inline-flex;align-items:center}.pref-item{padding:12px;margin-bottom:8px}.pref-label{font-size:14px;margin-bottom:8px}.pref-description{font-size:12px;line-height:1.4}button:not(.control-btn):not(.mobile-nav-control-btn):not(.mobile-play-btn):not(.mobile-expand-btn):not(.icon-btn):not(.bottom-control-btn):not(.copy-id-btn),a.link-btn,.data-btn{min-height:44px;padding:10px 16px;font-size:14px;border-radius:6px}input:not([type=checkbox]):not([type=radio]),select,textarea{padding:12px;font-size:16px;min-height:44px;border-radius:6px}.profile-modal{border-radius:12px 12px 0 0;max-height:90vh}.profile-modal-tabbed{max-width:90vw;max-height:85vh}.profile-tabs{gap:2px;margin-bottom:12px;overflow-x:auto;padding:4px;margin:0 var(--spacing-sm) 12px}.profile-tab-btn{font-size:11px;padding:6px 4px;white-space:nowrap;min-height:38px}.profile-tab-body{padding:10px var(--spacing-sm);max-height:calc(85vh - 110px)}.profile-modal-tabbed .profile-avatar-section{margin-bottom:10px;padding-bottom:10px}.data-management-buttons{gap:8px;flex-wrap:wrap}.data-btn{flex:1;min-width:120px}.profile-data-management,.profile-danger-zone,.profile-preferences{margin-bottom:20px;padding:16px;border-radius:8px;background:var(--bg-tertiary)}.station-picker-name{font-size:15px}.station-picker-meta{font-size:12px;margin-top:4px}.panel-header h2{font-size:16px;margin-bottom:12px}input[type=checkbox],input[type=radio]{width:20px;height:20px;cursor:pointer}label{font-size:14px;line-height:1.5}.status-bar{padding:12px;font-size:14px}.toast{font-size:14px;padding:12px 16px;border-radius:8px;min-height:44px;display:flex;align-items:center}.profile-avatar-section{margin-bottom:20px;text-align:center}.profile-avatar-large{width:56px;height:56px;font-size:22px;margin:0 auto 12px}.id-display-value{font-size:13px;word-break:break-all}.copy-id-btn{padding:8px;min-width:36px;min-height:36px}.station-info-section{margin:16px 0}.station-info-section h4{margin-bottom:12px;font-size:15px}button:active{opacity:.8}select{padding:10px 12px;font-size:14px}input[type=text],input[type=email],input[type=number],textarea{padding:12px;font-size:16px;letter-spacing:normal}.profile-tab-btn{flex:1;padding:8px 4px;min-height:44px;min-width:44px;gap:0}.profile-tab-btn .tab-icon{font-size:20px}.profile-tab-btn .tab-label{display:none}}@media (max-width: 360px){.station-name{font-size:14px}.station-location{font-size:12px}.mobile-nav-btn{font-size:11px;min-width:70px}.profile-modal,.profile-modal-tabbed{max-width:100%!important;border-radius:12px 12px 0 0}.modal-content{padding:12px}button{font-size:13px}.profile-tab-btn{font-size:10px;padding:6px 2px;min-height:36px}.profile-tabs{padding:3px;margin:0 var(--spacing-sm) var(--spacing-xs)}.profile-tab-body{padding:8px var(--spacing-sm);max-height:calc(80vh - 100px)}.profile-avatar-large{width:48px;height:48px;font-size:20px}.profile-modal-tabbed .profile-avatar-section{margin-bottom:8px;padding-bottom:8px}.data-btn{min-width:100px}.badge{font-size:10px;padding:3px 6px}}.map-wrapper.svelte-55qwc9{width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-55qwc9{display:block;cursor:grab;width:100%;height:100%}.station-tooltip.svelte-55qwc9{position:fixed;background:#0a0e27eb;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:5000;white-space:nowrap;border:1px solid rgba(0,230,118,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:320px;overflow:hidden;text-overflow:ellipsis}.picker-backdrop.svelte-55qwc9{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5090;background:transparent}.station-picker.svelte-55qwc9{position:fixed;width:260px;max-height:260px;background:var(--color-panelBg, #2a1810);border:1px solid rgba(0,230,118,.3);border-radius:8px;z-index:5100;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000080;overflow:hidden}.picker-header.svelte-55qwc9{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:13px;font-weight:600;color:gold;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.picker-close.svelte-55qwc9{background:none;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:2px 4px}.picker-close.svelte-55qwc9:hover{color:#fff}.picker-list.svelte-55qwc9{overflow-y:auto;flex:1}.picker-item.svelte-55qwc9{padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06)}.picker-item.svelte-55qwc9:hover{background:#00e6761a}.picker-item.svelte-55qwc9:last-child{border-bottom:none}.picker-name.svelte-55qwc9{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-loc.svelte-55qwc9{font-size:11px;color:#d4a574;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrapper.svelte-1kkfjh5{width:100%;height:100%;position:relative;background:#050d1a;overflow:hidden}canvas.svelte-1kkfjh5{width:100%;height:100%;display:block}.ctrl-btn.svelte-1kkfjh5{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#0a0e27d1;border:1px solid rgba(0,230,118,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:background .15s,color .15s,border-color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ctrl-btn.svelte-1kkfjh5:hover{background:#00e67626;color:#fff;border-color:#00e67680}.ctrl-btn.active.svelte-1kkfjh5{background:#00e67633;color:#00e676;border-color:#00e67699}.globe-controls.svelte-1kkfjh5{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:10}.zoom-controls.svelte-1kkfjh5{position:absolute;bottom:38px;left:12px;display:flex;flex-direction:column;gap:4px;z-index:10}.count.svelte-1kkfjh5{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#00e676;padding:3px 8px;border-radius:4px;font-size:11px;pointer-events:none}.card.svelte-fnexoq.svelte-fnexoq{display:flex;flex-direction:column;padding:8px 10px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);transition:all .15s ease;border-radius:4px;margin:0 4px;position:relative}.card.svelte-fnexoq.svelte-fnexoq:hover{background:#ffffff14;box-shadow:0 2px 8px #00e6761a;transform:translate(2px)}.card.playing.svelte-fnexoq.svelte-fnexoq{background:#00e67612;border-left:2px solid var(--color-primary);box-shadow:0 0 12px #00e67626}.card-header.svelte-fnexoq.svelte-fnexoq{display:flex;align-items:center;gap:10px}.icon-wrap.svelte-fnexoq.svelte-fnexoq{position:relative;width:40px;height:40px;flex-shrink:0}.favicon.svelte-fnexoq.svelte-fnexoq{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#ffffff1a}.favicon-placeholder.svelte-fnexoq.svelte-fnexoq{width:40px;height:40px;border-radius:6px;background:#00e67626;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.equalizer.svelte-fnexoq.svelte-fnexoq{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px 8px}.equalizer.svelte-fnexoq span.svelte-fnexoq{width:4px;border-radius:2px;background:var(--color-primary);animation:svelte-fnexoq-eq .8s ease-in-out infinite alternate}.equalizer.svelte-fnexoq span.svelte-fnexoq:nth-child(1){height:60%;animation-delay:0s}.equalizer.svelte-fnexoq span.svelte-fnexoq:nth-child(2){height:100%;animation-delay:.2s}.equalizer.svelte-fnexoq span.svelte-fnexoq:nth-child(3){height:40%;animation-delay:.4s}@keyframes svelte-fnexoq-eq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.info.svelte-fnexoq.svelte-fnexoq{flex:1;min-width:0}.name-row.svelte-fnexoq.svelte-fnexoq{display:flex;align-items:center;gap:6px}.name.svelte-fnexoq.svelte-fnexoq{font-weight:600;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot.svelte-fnexoq.svelte-fnexoq{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-active.svelte-fnexoq.svelte-fnexoq{background:#00e676}.status-inactive.svelte-fnexoq.svelte-fnexoq{background:#ff5252}.status-http.svelte-fnexoq.svelte-fnexoq{background:#ffab40}.location.svelte-fnexoq.svelte-fnexoq{font-size:11px;color:#d4a574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coordinates.svelte-fnexoq.svelte-fnexoq{font-size:11px;color:#d4a574;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star.svelte-fnexoq.svelte-fnexoq{background:transparent;border:none;color:var(--color-textMuted);cursor:pointer;padding:4px;flex-shrink:0;display:flex;align-items:center}.star.svelte-fnexoq.svelte-fnexoq:hover{color:var(--color-text)}.star.filled.svelte-fnexoq.svelte-fnexoq{color:#fc0}.badges.svelte-fnexoq.svelte-fnexoq{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;padding-left:50px}.badge.svelte-fnexoq.svelte-fnexoq{font-size:10px;padding:1px 6px;border-radius:10px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.badge.playing.svelte-fnexoq.svelte-fnexoq{background:#4caf5033;color:#4caf50;font-weight:700}.badge.genre.svelte-fnexoq.svelte-fnexoq{background:#00e6761f;color:#00e676}.badge.lang.svelte-fnexoq.svelte-fnexoq{background:#9370db26;color:#9370db}.badge.votes.svelte-fnexoq.svelte-fnexoq{background:#ffcc001f;color:#fc0}.badge.http.svelte-fnexoq.svelte-fnexoq{background:#ffab4026;color:#ffab40}.edit-btn.svelte-fnexoq.svelte-fnexoq{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--color-textMuted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;opacity:0}.card.svelte-fnexoq:hover .edit-btn.svelte-fnexoq{opacity:1;background:#ffffff14}.edit-btn.svelte-fnexoq.svelte-fnexoq:hover{color:var(--color-text);background:#ffffff1f}.panel.svelte-1fp091d.svelte-1fp091d{display:flex;flex-direction:column;height:100%;gap:8px;overflow:hidden}.search-row.svelte-1fp091d.svelte-1fp091d{flex-shrink:0}.search-wrap.svelte-1fp091d.svelte-1fp091d{position:relative;display:flex;align-items:center}.search-icon.svelte-1fp091d.svelte-1fp091d{position:absolute;left:10px;color:var(--color-textMuted);pointer-events:none}.search-input.svelte-1fp091d.svelte-1fp091d{width:100%;padding:8px 32px;border-radius:6px;background:#ffffff12;color:var(--color-text);border:1px solid rgba(255,255,255,.12);font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.search-input.svelte-1fp091d.svelte-1fp091d:focus{border-color:#00e67666}.search-input.svelte-1fp091d.svelte-1fp091d::placeholder{color:var(--color-textMuted)}.clear-input.svelte-1fp091d.svelte-1fp091d{position:absolute;right:8px;background:none;border:none;color:var(--color-textMuted);cursor:pointer;font-size:11px;padding:2px 4px}.clear-input.svelte-1fp091d.svelte-1fp091d:hover{color:var(--color-text)}.controls-row.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;gap:4px;flex-shrink:0;flex-wrap:wrap}.ctrl-btn.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--color-textSecondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.ctrl-btn.svelte-1fp091d.svelte-1fp091d:hover{background:#ffffff1a;color:var(--color-text)}.ctrl-btn.active.svelte-1fp091d.svelte-1fp091d{background:#00e6761f;color:var(--color-primary);border-color:#00e67640}.sort-select.svelte-1fp091d.svelte-1fp091d{padding:5px 6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--color-textSecondary);border-radius:5px;font-size:12px;cursor:pointer;flex:1;min-width:70px}.sort-order.svelte-1fp091d.svelte-1fp091d,.view-btn.svelte-1fp091d.svelte-1fp091d{padding:5px 7px}.filter-count.svelte-1fp091d.svelte-1fp091d{background:var(--color-primary);color:#000;border-radius:10px;padding:0 5px;font-size:10px;font-weight:700;min-width:16px;text-align:center}.clear-all.svelte-1fp091d.svelte-1fp091d{margin-left:auto;padding:4px 8px;border-radius:5px;background:#ff52521f;border:1px solid rgba(255,82,82,.2);color:#ff6b6b;font-size:11px;cursor:pointer;white-space:nowrap}.clear-all.svelte-1fp091d.svelte-1fp091d:hover{background:#ff525233}.filters.svelte-1fp091d.svelte-1fp091d{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.filter-field.svelte-1fp091d.svelte-1fp091d{flex:1;min-width:130px;display:flex;flex-direction:column;gap:3px;position:relative}.filter-field.svelte-1fp091d label.svelte-1fp091d{font-size:10px;color:var(--color-textMuted);font-weight:600;letter-spacing:.3px}.filters.svelte-1fp091d select.svelte-1fp091d{width:100%;padding:6px 8px;background:#ffffff12;color:var(--color-text);border:1px solid rgba(255,255,255,.12);border-radius:5px;font-size:12px;box-sizing:border-box}.genre-select.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#ffffff12;color:var(--color-text);border:1px solid rgba(255,255,255,.12);border-radius:5px;font-size:12px;cursor:pointer}.genre-backdrop.svelte-1fp091d.svelte-1fp091d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400}.genre-dropdown.svelte-1fp091d.svelte-1fp091d{position:absolute;top:100%;left:0;margin-top:4px;width:220px;max-height:260px;background:var(--color-panelBg, #2a1810);border:1px solid rgba(0,230,118,.3);border-radius:8px;z-index:401;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000080;overflow:hidden}.genre-search.svelte-1fp091d.svelte-1fp091d{margin:8px;padding:6px 8px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:5px;color:var(--color-text);font-size:12px}.genre-list.svelte-1fp091d.svelte-1fp091d{overflow-y:auto;flex:1;padding-bottom:6px}.genre-section-label.svelte-1fp091d.svelte-1fp091d{font-size:10px;font-weight:700;color:var(--color-textMuted);letter-spacing:.5px;padding:6px 12px 2px}.genre-option.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:12px;color:var(--color-text);cursor:pointer}.genre-option.svelte-1fp091d.svelte-1fp091d:hover{background:#00e6761a}.genre-option.selected.svelte-1fp091d.svelte-1fp091d{background:#00e6762e;color:var(--color-primary)}.genre-count.svelte-1fp091d.svelte-1fp091d{font-size:10px;color:var(--color-textMuted);background:#ffffff14;border-radius:8px;padding:1px 6px}.filter-tags.svelte-1fp091d.svelte-1fp091d{display:flex;flex-wrap:wrap;gap:5px;flex-shrink:0}.tag.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#00e6761f;border:1px solid rgba(0,230,118,.25);color:var(--color-primary);font-size:11px;cursor:pointer}.tag.svelte-1fp091d.svelte-1fp091d:hover{background:#00e67633}.tag-x.svelte-1fp091d.svelte-1fp091d{font-size:9px;opacity:.7}.results-info.svelte-1fp091d.svelte-1fp091d{font-size:11px;color:var(--color-textMuted);flex-shrink:0}.loading-text.svelte-1fp091d.svelte-1fp091d{opacity:.6}.page-info.svelte-1fp091d.svelte-1fp091d{opacity:.7}.results.svelte-1fp091d.svelte-1fp091d{flex:1;overflow-y:auto;min-height:0}.empty.svelte-1fp091d.svelte-1fp091d{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0;color:var(--color-textMuted);font-size:13px}.skeleton-list.svelte-1fp091d.svelte-1fp091d{display:flex;flex-direction:column;gap:0}.skeleton-card.svelte-1fp091d.svelte-1fp091d{height:56px;margin:0;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:svelte-1fp091d-shimmer 1.4s infinite;border-bottom:1px solid rgba(255,255,255,.04)}@keyframes svelte-1fp091d-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 2px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.06)}.page-btn.svelte-1fp091d.svelte-1fp091d{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--color-textSecondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.page-btn.svelte-1fp091d.svelte-1fp091d:hover:not(:disabled){background:#00e6761f;color:var(--color-primary)}.page-btn.svelte-1fp091d.svelte-1fp091d:disabled{opacity:.35;cursor:not-allowed}.page-label.svelte-1fp091d.svelte-1fp091d{font-size:12px;color:var(--color-textMuted)}.bar.svelte-1ynwkpn.svelte-1ynwkpn{display:flex;align-items:center;gap:12px;padding:0;height:100%;width:100%;background:transparent;border:none}.info.svelte-1ynwkpn.svelte-1ynwkpn{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.icon-wrap.svelte-1ynwkpn.svelte-1ynwkpn{position:relative;width:34px;height:34px;flex-shrink:0}.fav.svelte-1ynwkpn.svelte-1ynwkpn{width:34px;height:34px;border-radius:5px;object-fit:cover}.fav.placeholder.svelte-1ynwkpn.svelte-1ynwkpn{display:flex;align-items:center;justify-content:center;background:#00e67626;color:var(--color-primary);font-weight:700;font-size:14px;border-radius:5px}.eq.svelte-1ynwkpn.svelte-1ynwkpn{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:5px 8px}.eq.svelte-1ynwkpn span.svelte-1ynwkpn{width:4px;border-radius:2px;background:var(--color-primary);animation:svelte-1ynwkpn-eq .8s ease-in-out infinite alternate}.eq.svelte-1ynwkpn span.svelte-1ynwkpn:nth-child(1){height:40%;animation-delay:0s}.eq.svelte-1ynwkpn span.svelte-1ynwkpn:nth-child(2){height:100%;animation-delay:.15s}.eq.svelte-1ynwkpn span.svelte-1ynwkpn:nth-child(3){height:60%;animation-delay:.3s}@keyframes svelte-1ynwkpn-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.text.svelte-1ynwkpn.svelte-1ynwkpn{min-width:0}.name.svelte-1ynwkpn.svelte-1ynwkpn{font-weight:600;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc.svelte-1ynwkpn.svelte-1ynwkpn{font-size:11px;color:var(--color-textMuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls.svelte-1ynwkpn.svelte-1ynwkpn{display:flex;align-items:center;gap:4px;flex-shrink:0}.ctrl.svelte-1ynwkpn.svelte-1ynwkpn{background:none;border:none;color:var(--color-textSecondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.ctrl.svelte-1ynwkpn.svelte-1ynwkpn:hover{color:var(--color-text);background:#ffffff12}.ctrl.play.svelte-1ynwkpn.svelte-1ynwkpn{width:40px;height:40px;background:var(--color-primary);color:#000;border-radius:50%;margin:0 4px}.ctrl.play.svelte-1ynwkpn.svelte-1ynwkpn:hover{background:var(--color-primaryLight)}.ctrl.fav-btn.svelte-1ynwkpn.svelte-1ynwkpn{color:var(--color-textMuted)}.ctrl.fav-btn.active.svelte-1ynwkpn.svelte-1ynwkpn,.ctrl.fav-btn.svelte-1ynwkpn.svelte-1ynwkpn:hover{color:#fc0}.ctrl.mute.svelte-1ynwkpn.svelte-1ynwkpn{color:var(--color-textMuted)}.ctrl.mute.svelte-1ynwkpn.svelte-1ynwkpn:hover{color:var(--color-text)}.volume.svelte-1ynwkpn.svelte-1ynwkpn{display:flex;align-items:center;gap:6px;flex-shrink:0}.slider.svelte-1ynwkpn.svelte-1ynwkpn{width:90px;accent-color:var(--color-primary);cursor:pointer}@media (max-width: 640px){.loc.svelte-1ynwkpn.svelte-1ynwkpn{display:none}.slider.svelte-1ynwkpn.svelte-1ynwkpn{width:60px}.bar.svelte-1ynwkpn.svelte-1ynwkpn{padding:8px 12px;gap:10px}}@media (max-width: 420px){.volume.svelte-1ynwkpn.svelte-1ynwkpn{display:none}}.view.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;flex-direction:column;gap:24px;padding:12px;overflow-y:auto;height:100%}.now-playing-section.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;flex-direction:column;gap:16px}.section-title.svelte-1xf7hmw.svelte-1xf7hmw{font-size:12px;font-weight:700;color:var(--color-textMuted);text-transform:uppercase;letter-spacing:.5px;margin:0;padding:0}.current-card.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;gap:12px;padding:12px;background:#00e67614;border:1px solid rgba(0,230,118,.15);border-radius:8px;position:relative}.icon-wrap.svelte-1xf7hmw.svelte-1xf7hmw{position:relative;width:48px;height:48px;flex-shrink:0}.fav.svelte-1xf7hmw.svelte-1xf7hmw{width:48px;height:48px;border-radius:6px;object-fit:cover}.fav.placeholder.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;align-items:center;justify-content:center;background:#00e67626;color:var(--color-primary);font-weight:700;font-size:18px;border-radius:6px}.eq.svelte-1xf7hmw.svelte-1xf7hmw{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px 8px}.eq.svelte-1xf7hmw span.svelte-1xf7hmw{width:4px;border-radius:2px;background:var(--color-primary);animation:svelte-1xf7hmw-eq .8s ease-in-out infinite alternate}.eq.svelte-1xf7hmw span.svelte-1xf7hmw:nth-child(1){height:40%;animation-delay:0s}.eq.svelte-1xf7hmw span.svelte-1xf7hmw:nth-child(2){height:100%;animation-delay:.15s}.eq.svelte-1xf7hmw span.svelte-1xf7hmw:nth-child(3){height:60%;animation-delay:.3s}@keyframes svelte-1xf7hmw-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.info.svelte-1xf7hmw.svelte-1xf7hmw{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.name.svelte-1xf7hmw.svelte-1xf7hmw{font-weight:600;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location.svelte-1xf7hmw.svelte-1xf7hmw{font-size:12px;color:#d4a574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coordinates.svelte-1xf7hmw.svelte-1xf7hmw{font-size:11px;color:#d4a574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-btn.svelte-1xf7hmw.svelte-1xf7hmw{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--color-textMuted);cursor:pointer;padding:4px;display:flex;align-items:center}.fav-btn.svelte-1xf7hmw.svelte-1xf7hmw:hover,.fav-btn.active.svelte-1xf7hmw.svelte-1xf7hmw{color:#fc0}.controls.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;align-items:center;justify-content:center;gap:8px}.ctrl.svelte-1xf7hmw.svelte-1xf7hmw{background:none;border:none;color:var(--color-textSecondary);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.ctrl.svelte-1xf7hmw.svelte-1xf7hmw:hover{color:var(--color-text);background:#ffffff12}.ctrl.play.svelte-1xf7hmw.svelte-1xf7hmw{width:56px;height:56px;background:var(--color-primary);color:#000;border-radius:50%;margin:0 12px;box-shadow:0 0 20px #00e6764d;transition:box-shadow .3s,transform .15s}.ctrl.play.svelte-1xf7hmw.svelte-1xf7hmw:hover{background:var(--color-primaryLight);box-shadow:0 0 30px #00e67680;transform:scale(1.05)}.volume.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;align-items:center;gap:8px;justify-content:center}.slider.svelte-1xf7hmw.svelte-1xf7hmw{width:100px;accent-color:var(--color-primary);cursor:pointer}.empty-now-playing.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;opacity:.5}.history-section.svelte-1xf7hmw.svelte-1xf7hmw{display:flex;flex-direction:column;gap:12px}.empty.svelte-1xf7hmw.svelte-1xf7hmw{text-align:center;opacity:.6;padding:16px;font-size:13px}.history-list.svelte-1xf7hmw.svelte-1xf7hmw{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.history-row.svelte-1xf7hmw.svelte-1xf7hmw{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.history-row.svelte-1xf7hmw.svelte-1xf7hmw:last-child{border-bottom:none}.history-row.svelte-1xf7hmw .name.svelte-1xf7hmw{font-weight:600;font-size:.9em;overflow:hidden;text-overflow:ellipsis}.history-row.svelte-1xf7hmw .meta.svelte-1xf7hmw{font-size:11px;color:var(--color-textMuted);margin-top:2px}.stats-row.svelte-37cw3u{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 10px 0}.stat-box.svelte-37cw3u,.top-genre-box.svelte-37cw3u{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px}.top-genre-box.svelte-37cw3u{margin:8px 10px 4px}.stat-value.svelte-37cw3u{font-size:16px;font-weight:700;color:gold}.stat-label.svelte-37cw3u{font-size:10px;color:var(--color-textMuted);letter-spacing:.4px}.empty.svelte-37cw3u{padding:24px;text-align:center;opacity:.7}.hint.svelte-37cw3u{font-size:12px;opacity:.8}.list.svelte-37cw3u{display:flex;flex-direction:column}.empty.svelte-k2vmzd{padding:24px;text-align:center;opacity:.7}.hint.svelte-k2vmzd{font-size:12px;opacity:.8}.list.svelte-k2vmzd{list-style:none;padding:0;margin:0}.row.svelte-k2vmzd{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.name.svelte-k2vmzd{font-weight:600}.meta.svelte-k2vmzd{font-size:12px;opacity:.7}.container.svelte-ix6haq.svelte-ix6haq{position:fixed;bottom:80px;right:16px;z-index:9000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:340px;width:calc(100vw - 32px)}.toast.svelte-ix6haq.svelte-ix6haq{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;border-left:3px solid transparent;background:#14162df7;box-shadow:0 4px 20px #00000073;pointer-events:all;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:240px}.toast.success.svelte-ix6haq.svelte-ix6haq{border-left-color:#00e676}.toast.success.svelte-ix6haq .icon.svelte-ix6haq{color:#00e676}.toast.error.svelte-ix6haq.svelte-ix6haq{border-left-color:#ff5252}.toast.error.svelte-ix6haq .icon.svelte-ix6haq{color:#ff5252}.toast.warning.svelte-ix6haq.svelte-ix6haq{border-left-color:#ffab40}.toast.warning.svelte-ix6haq .icon.svelte-ix6haq{color:#ffab40}.toast.info.svelte-ix6haq.svelte-ix6haq{border-left-color:#64b5f6}.toast.info.svelte-ix6haq .icon.svelte-ix6haq{color:#64b5f6}.icon.svelte-ix6haq.svelte-ix6haq{flex-shrink:0;margin-top:1px;display:flex}.body.svelte-ix6haq.svelte-ix6haq{flex:1;min-width:0}.title.svelte-ix6haq.svelte-ix6haq{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.msg.svelte-ix6haq.svelte-ix6haq{font-size:12px;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close.svelte-ix6haq.svelte-ix6haq{flex-shrink:0;background:none;border:none;color:#ffffff59;cursor:pointer;padding:2px;margin-top:1px;border-radius:4px;display:flex;align-items:center;transition:color .15s}.close.svelte-ix6haq.svelte-ix6haq:hover{color:#fffc}.backdrop.svelte-rehtzu{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900}.modal.svelte-rehtzu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:901;width:420px;max-width:calc(100vw - 32px);background:var(--color-panelBg, #2a1810);border:1px solid rgba(255,215,0,.35);border-radius:12px;box-shadow:0 12px 40px #0009;padding:18px 20px}.modal-header.svelte-rehtzu{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;color:gold;margin-bottom:14px}.close-btn.svelte-rehtzu{background:none;border:none;color:gold;font-size:16px;cursor:pointer;padding:2px 6px}.close-btn.svelte-rehtzu:hover{color:#fff}.lang-grid.svelte-rehtzu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lang-btn.svelte-rehtzu{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#eee;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.lang-btn.svelte-rehtzu:hover{background:#ffd7001f;border-color:#ffd7004d}.lang-btn.selected.svelte-rehtzu{background:gold;color:#2a1810;border-color:gold;font-weight:700}.lang-btn.svelte-rehtzu:disabled{opacity:.6;cursor:default}.flag.svelte-rehtzu{font-size:16px}.backdrop.svelte-d5xijm.svelte-d5xijm{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900}.modal.svelte-d5xijm.svelte-d5xijm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:901;width:360px;max-width:calc(100vw - 32px);background:var(--color-panelBg, #2a1810);border:1px solid rgba(255,215,0,.35);border-radius:12px;box-shadow:0 12px 40px #0009;padding:18px 20px 22px}.modal-header.svelte-d5xijm.svelte-d5xijm{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;color:#fff;margin-bottom:14px}.close-btn.svelte-d5xijm.svelte-d5xijm{background:none;border:none;color:gold;font-size:16px;cursor:pointer;padding:2px 6px}.close-btn.svelte-d5xijm.svelte-d5xijm:hover{color:#fff}.label.svelte-d5xijm.svelte-d5xijm{font-size:13px;color:#ccc;margin:0 0 8px}.link-row.svelte-d5xijm.svelte-d5xijm{display:flex;gap:8px;margin-bottom:14px}.link-row.svelte-d5xijm input.svelte-d5xijm{flex:1;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:gold;font-family:monospace;font-size:12px}.copy-btn.svelte-d5xijm.svelte-d5xijm{background:gold;border:none;border-radius:6px;width:38px;color:#2a1810;cursor:pointer;display:flex;align-items:center;justify-content:center}.copy-btn.svelte-d5xijm.svelte-d5xijm:hover{background:#ffe64d}.whatsapp-btn.svelte-d5xijm.svelte-d5xijm{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#6fce7a;color:#10391a;border:none;border-radius:8px;padding:11px;font-weight:700;font-size:14px;cursor:pointer}.whatsapp-btn.svelte-d5xijm.svelte-d5xijm:hover{background:#7ee08a}.divider.svelte-d5xijm.svelte-d5xijm{height:1px;background:#ffffff1a;margin:18px 0}.qr-label.svelte-d5xijm.svelte-d5xijm{text-align:center;font-size:12px;color:gold;margin:0 0 12px}.qr-wrap.svelte-d5xijm.svelte-d5xijm{display:flex;justify-content:center}.qr-wrap.svelte-d5xijm img.svelte-d5xijm{border-radius:8px;background:#fff;padding:8px}select.svelte-cfpz6o{padding:6px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:4px}.backdrop.svelte-fys6rd.svelte-fys6rd{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900}.modal.svelte-fys6rd.svelte-fys6rd{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:901;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:var(--color-panelBg, #2a1810);border:1px solid rgba(255,215,0,.35);border-radius:12px;box-shadow:0 12px 40px #0009;overflow:hidden}.modal-header.svelte-fys6rd.svelte-fys6rd{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;color:#fff;padding:16px 18px 8px;flex-shrink:0}.close-btn.svelte-fys6rd.svelte-fys6rd{background:none;border:none;color:gold;font-size:16px;cursor:pointer;padding:2px 6px}.close-btn.svelte-fys6rd.svelte-fys6rd:hover{color:#fff}.tabs.svelte-fys6rd.svelte-fys6rd{display:flex;gap:4px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.tab-btn.svelte-fys6rd.svelte-fys6rd{background:none;border:none;color:var(--color-textMuted);font-size:12px;padding:8px 10px;cursor:pointer;border-bottom:2px solid transparent}.tab-btn.active.svelte-fys6rd.svelte-fys6rd{color:gold;border-bottom-color:gold}.tab-body.svelte-fys6rd.svelte-fys6rd{padding:16px 18px 20px;overflow-y:auto;flex:1}.section.svelte-fys6rd.svelte-fys6rd{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.section.svelte-fys6rd.svelte-fys6rd:last-child{border-bottom:none}.avatar-row.svelte-fys6rd.svelte-fys6rd{display:flex;justify-content:center;margin-bottom:10px}.avatar.svelte-fys6rd.svelte-fys6rd{width:56px;height:56px;border-radius:50%;background:gold;color:#2a1810;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.name-row.svelte-fys6rd.svelte-fys6rd{display:flex;gap:8px}.name-row.svelte-fys6rd input.svelte-fys6rd{flex:1;padding:8px 10px;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px}.save-btn.svelte-fys6rd.svelte-fys6rd{background:gold;color:#2a1810;border:none;border-radius:6px;padding:8px 14px;font-weight:700;font-size:12px;cursor:pointer}.save-btn.svelte-fys6rd.svelte-fys6rd:hover{background:#ffe64d}.save-btn.svelte-fys6rd.svelte-fys6rd:disabled{opacity:.6;cursor:default}.member-since.svelte-fys6rd.svelte-fys6rd{text-align:center;font-size:11px;color:var(--color-textMuted);margin-top:8px}.id-row.svelte-fys6rd.svelte-fys6rd{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:8px}.id-label.svelte-fys6rd.svelte-fys6rd{color:#ccc}.id-value.svelte-fys6rd.svelte-fys6rd{background:#0000004d;padding:3px 8px;border-radius:4px;color:gold}.icon-btn.svelte-fys6rd.svelte-fys6rd{background:#ffffff14;border:none;border-radius:6px;padding:3px 8px;cursor:pointer}.link-btn.svelte-fys6rd.svelte-fys6rd{background:none;border:none;color:gold;text-decoration:underline;font-size:12px;cursor:pointer;padding:0}.custom-id-row.svelte-fys6rd.svelte-fys6rd{display:flex;gap:6px;margin:6px 0}.custom-id-row.svelte-fys6rd input.svelte-fys6rd{flex:1;padding:6px 8px;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:12px}.warning-box.svelte-fys6rd.svelte-fys6rd{margin-top:8px;padding:8px 10px;font-size:11px;color:gold;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:6px}.stats-grid.svelte-fys6rd.svelte-fys6rd{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-tile.svelte-fys6rd.svelte-fys6rd{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;text-align:center}.stat-value.svelte-fys6rd.svelte-fys6rd{font-size:16px;font-weight:700;color:gold}.stat-label.svelte-fys6rd.svelte-fys6rd{font-size:10px;color:var(--color-textMuted);margin-top:2px}.row.svelte-fys6rd.svelte-fys6rd{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13px;color:#eee}.row.svelte-fys6rd select.svelte-fys6rd{background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;padding:5px 8px;font-size:12px}.toggle-row.svelte-fys6rd.svelte-fys6rd{border-bottom:1px solid rgba(255,255,255,.06)}.hint.svelte-fys6rd.svelte-fys6rd{font-size:11px;color:var(--color-textMuted);margin:-4px 0 8px}.segmented.svelte-fys6rd.svelte-fys6rd{display:flex;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.segmented.svelte-fys6rd button.svelte-fys6rd{background:#ffffff0d;border:none;color:#ccc;font-size:12px;padding:6px 12px;cursor:pointer}.segmented.svelte-fys6rd button.active.svelte-fys6rd{background:gold;color:#2a1810;font-weight:700}.switch.svelte-fys6rd.svelte-fys6rd{width:40px;height:22px;border-radius:11px;background:#ffffff26;border:none;position:relative;cursor:pointer;flex-shrink:0}.switch.on.svelte-fys6rd.svelte-fys6rd{background:gold}.switch.svelte-fys6rd .knob.svelte-fys6rd{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on.svelte-fys6rd .knob.svelte-fys6rd{transform:translate(18px);background:#2a1810}.genre-check-label.svelte-fys6rd.svelte-fys6rd{font-size:12px;color:#ccc;margin:10px 0 6px}.genre-checklist.svelte-fys6rd.svelte-fys6rd{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:180px;overflow-y:auto}.genre-check.svelte-fys6rd.svelte-fys6rd{display:flex;align-items:center;gap:6px;font-size:12px;color:#ddd}.select-links.svelte-fys6rd.svelte-fys6rd{display:flex;gap:8px;margin-top:10px;font-size:11px}.select-links.svelte-fys6rd span.svelte-fys6rd{color:var(--color-textMuted)}.accent-blue.svelte-fys6rd.svelte-fys6rd{border-left:3px solid #4a9eff;padding-left:10px}.accent-red.svelte-fys6rd.svelte-fys6rd{border-left:3px solid #ff5252;padding-left:10px}.section-title.svelte-fys6rd.svelte-fys6rd{font-size:13px;font-weight:700;color:#4a9eff;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title.danger.svelte-fys6rd.svelte-fys6rd{color:#ff5252}.version-badge.svelte-fys6rd.svelte-fys6rd{background:#ffffff1a;border-radius:8px;padding:1px 8px;font-size:10px;font-weight:600;color:#ccc}.btn-row.svelte-fys6rd.svelte-fys6rd{display:flex;gap:8px}.outline-btn.svelte-fys6rd.svelte-fys6rd{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#eee;font-size:12px;padding:9px;cursor:pointer}.outline-btn.svelte-fys6rd.svelte-fys6rd:hover{background:#ffffff1a}.outline-btn.full.svelte-fys6rd.svelte-fys6rd{width:100%;margin-top:8px}.outline-btn.danger.svelte-fys6rd.svelte-fys6rd{color:#ff5252;border-color:#ff525266}.outline-btn.danger.svelte-fys6rd.svelte-fys6rd:hover{background:#ff52521a}.outline-btn.svelte-fys6rd.svelte-fys6rd:disabled{opacity:.6;cursor:default}:root{--color-bg:#0a0e27;--color-bgSecondary:#141428;--color-panelBg:#2a1810;--color-panelBgLight:#3d2817;--color-primary:#00e676;--color-primaryLight:#33ff88;--color-text:#ffffff;--color-textSecondary:#cccccc;--color-textMuted:#888888;--color-border:rgba(0, 230, 118, .2);--color-accentBg:rgba(0, 230, 118, .1)}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.map-area.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:absolute;top:0;right:0;left:0;bottom:56px}.error-box.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px}.error-icon.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{font-size:32px}.error-msg.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{color:#ff6b6b;font-size:15px;font-weight:600}.error-hint.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{font-size:12px;color:var(--color-textMuted)}.overlay-tl.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:200}.ctrl-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{width:36px;height:36px;background:#0a0e27d1;border:1px solid rgba(0,230,118,.2);border-radius:8px;color:#ffffff8c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ctrl-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:hover{background:#00e6761f;color:#ffffffe6;border-color:#00e67666}.ctrl-btn.profile-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{background:#ffd70026;color:gold;border-color:#ffd7004d}.ctrl-btn.profile-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:hover{background:#ffd70038;color:#ffed4e;border-color:#ffd70080}.profile-initials.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{font-weight:700;font-size:11px;letter-spacing:.5px}.overlay-zoom.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:absolute;bottom:16px;left:12px;display:flex;flex-direction:column;gap:0;z-index:200;border-radius:8px;overflow:hidden;border:1px solid rgba(0,230,118,.2)}.zoom-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{width:34px;height:34px;background:#0a0e27d1;border:none;border-bottom:1px solid rgba(0,230,118,.15);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.zoom-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:last-child{border-bottom:none}.zoom-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:hover{background:#00e6761f;color:#00e676}.floating-logo.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:fixed;top:20px;right:20px;z-index:280;width:40px;height:40px;opacity:.8;transition:opacity .3s ease}.floating-logo.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:hover{opacity:1}.logo-image.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(255,215,0,.2))}.panel-tab.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:fixed;top:50%;transform:translateY(-50%);z-index:300;width:24px;height:56px;background:#0a0e27e0;border:1px solid rgba(0,230,118,.25);border-right:none;border-radius:8px 0 0 8px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:right .3s ease,background .15s,color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}.panel-tab.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:hover{background:#00e67626;color:#00e676;border-color:#00e67666}.side-panel.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:fixed;top:0;right:0;width:360px;bottom:56px;z-index:250;display:flex;flex-direction:column;background:var(--color-panelBg);border-left:1px solid rgba(255,255,255,.08);transition:transform .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.side-panel.collapsed.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{transform:translate(100%)}.panel-header.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.panel-title.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{display:flex;align-items:center;gap:8px;color:gold;font-weight:600;font-size:.95em}.panel-close.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.panel-close.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk:hover{color:#ffffffe6}.tabs.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.tabs.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk::-webkit-scrollbar{display:none}.tabs.svelte-16et9fk button.svelte-16et9fk.svelte-16et9fk{background:none;border:none;border-bottom:3px solid transparent;color:var(--color-textMuted);padding:10px;cursor:pointer;font-size:.7em;font-weight:600;letter-spacing:.3px;white-space:nowrap;transition:all .2s;margin-bottom:-1px;flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.tabs.svelte-16et9fk button.svelte-16et9fk svg.svelte-16et9fk{width:14px;height:14px;flex-shrink:0}.tabs.svelte-16et9fk button.svelte-16et9fk.svelte-16et9fk:hover{color:var(--color-text)}.tabs.svelte-16et9fk button.active.svelte-16et9fk.svelte-16et9fk{color:gold;border-bottom-color:gold}.tab-content.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{flex:1;overflow-y:auto;min-height:0;padding:12px}.bottom-bar.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{position:fixed;bottom:0;left:0;right:0;height:56px;background:#0c0818f2;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:16px;padding:0 14px;z-index:400;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stats-text.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{display:flex;align-items:center;gap:6px;font-size:10px;color:#ffffff59;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-family:SF Mono,Menlo,monospace}.stats-sep.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{opacity:.4}.now-playing-wrap.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{flex:1;min-width:0;display:flex;overflow:hidden}.idle-hint.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{flex:1;text-align:center;font-size:12px;color:#ffffff4d}@media (max-width: 768px){.side-panel.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{width:100%;bottom:56px}.overlay-tl.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{gap:5px}.ctrl-btn.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{width:32px;height:32px}.stats-text.svelte-16et9fk.svelte-16et9fk.svelte-16et9fk{display:none}}