@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}:root{--vh:100vh;--safe-b:env(safe-area-inset-bottom,0px);--chrome-h:calc(var(--top-h) + var(--bar-h) + var(--safe-b));--gutter:clamp(16px, 4.5vw, 32px);--tap:44px}@supports (height:100dvh){:root{--vh:100dvh}}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);height:var(--vh);font-size:16px;transition:background .4s,color .4s;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:var(--scanlines,0);background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);transition:opacity .4s;position:fixed;top:0;bottom:0;left:0;right:0}.topbar{border-bottom:1px solid var(--border);background:var(--sidebar-bg);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:var(--top-h);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;transition:background .4s,border-color .4s,height .4s;display:flex;position:sticky;top:0}.logo{cursor:pointer;flex-shrink:0;align-items:center;transition:all .2s;display:flex}.logo:hover{opacity:.85}.logo-svg{width:36px;height:36px;transition:transform .2s}.logo:hover .logo-svg{transform:scale(1.06)}[data-theme=lofi] .logo-svg polygon{stroke:var(--text)}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}#time-display{font-family:var(--font-mono);color:var(--dim);font-size:.82rem}.presence-indicator{font-family:var(--font-mono);color:var(--dim);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.presence-dot{background:#00e560;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite presence-pulse;box-shadow:0 0 6px #00e560}@keyframes presence-pulse{0%,to{opacity:1}50%{opacity:.35}}.theme-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--dim);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-panel{top:calc(var(--top-h) + 8px);z-index:500;border:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);flex-direction:column;gap:8px;min-width:196px;padding:12px;display:none;position:fixed;right:24px;box-shadow:0 8px 32px #00000040}.theme-panel.open{display:flex}.theme-panel-title{font-family:var(--font-mono);color:var(--dim);letter-spacing:.15em;border-bottom:1px solid var(--border);padding-bottom:8px;font-size:.68rem}.theme-option{border-radius:calc(var(--radius) - 2px);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.theme-option:hover{background:var(--glow)}.theme-option.active{border-color:var(--accent)}.theme-swatch{border-radius:50%;flex-shrink:0;width:26px;height:26px}.theme-swatch-cyber{background:radial-gradient(circle at 40% 40%,#00f0ff,#030508)}.theme-swatch-lofi{background:radial-gradient(circle at 40% 40%,#98b5ca,#ebe8f0)}.theme-option-name{color:var(--text);font-size:.88rem;font-weight:500}.theme-option-desc{font-family:var(--font-mono);color:var(--dim);font-size:.66rem}.menu-btn{border:1px solid var(--border);border-radius:var(--radius);width:38px;height:38px;color:var(--dim);justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:none}.menu-btn:hover{border-color:var(--accent);color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px}50%{opacity:.3;box-shadow:none}}.status-dot{background:var(--dim);cursor:help;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .5s,box-shadow .5s}.status-dot.up{background:#00e560;box-shadow:0 0 6px #00e560}.status-dot.warn{background:#ff8c00;animation:1.5s infinite blink;box-shadow:0 0 6px #ff8c00}.status-dot.down{background:#ff2020;animation:1s infinite blink;box-shadow:0 0 6px #ff2020}.main{grid-template-columns:var(--sidebar-w) 1fr;height:calc(var(--vh) - var(--chrome-h));transition:grid-template-columns .4s;display:grid;overflow:hidden}.sidebar-overlay{z-index:49;background:#0009;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.visible{display:block}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);top:var(--top-h);height:calc(var(--vh) - var(--chrome-h));z-index:50;flex-direction:column;padding:14px 0 0;transition:transform .3s,background .4s,border-color .4s;display:flex;position:sticky;overflow-y:auto}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--border)}.sidebar-title{font-family:var(--font-mono);color:var(--dim);letter-spacing:.2em;border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:0 12px 10px 18px;font-size:.68rem;display:flex}.sidebar-title-label{flex:0 auto}.station-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;align-items:center;gap:10px;padding:13px 12px 13px 16px;transition:all .2s;display:flex}.station-item:hover,.station-item.active{background:var(--glow);border-left-color:var(--accent)}.station-item.active .station-name{color:var(--accent)}[data-theme=lofi] .station-item{border:1px solid #0000;border-bottom-color:#8c6eaa1f;border-radius:10px;width:calc(100% - 16px);margin:0 8px 2px;padding:12px}[data-theme=lofi] .station-item:hover{background:var(--glow);border-color:#7697b333}[data-theme=lofi] .station-item.active{background:var(--glow);border-color:var(--accent)}.s-dot{border:1.5px solid;border-radius:50%;flex-shrink:0;width:9px;height:9px}.station-item.active .s-dot{background:currentColor;animation:2s infinite pulse}.station-info{pointer-events:none;flex:1;min-width:0}a.station-name,a.home-card-name{display:block}.station-name{font-family:var(--font-title);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}[data-theme=lofi] .station-name{letter-spacing:-.01em;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500}.station-genre{color:var(--dim);margin-top:2px;font-size:.76rem}.station-np{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;opacity:0;margin-top:2px;font-size:.65rem;transition:opacity .4s;overflow:hidden}.station-np.has-title{opacity:1;color:var(--accent)}[data-theme=lofi] .station-np.has-title{font-style:italic}.sidebar-mini-vis{flex-shrink:0;align-items:flex-end;gap:2px;width:20px;height:16px;display:none;overflow:hidden}.sidebar-mini-vis .vis-bar{max-width:4px;animation:vis-anim var(--dur,.6s) ease-in-out infinite alternate;background:currentColor;border-radius:1px;flex:1}.sidebar-play-btn{opacity:.45;z-index:1;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:relative}.sidebar-play-btn:hover,.sidebar-play-btn.playing{opacity:1}.sidebar-play-btn svg{fill:currentColor;pointer-events:none;width:10px;height:10px}[data-theme=lofi] .sidebar-play-btn{opacity:.4;background:#7697b314;border-color:#0000}[data-theme=lofi] .station-item:hover .sidebar-play-btn,[data-theme=lofi] .sidebar-play-btn.playing{opacity:1}.sidebar-legal{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding:14px 16px;display:flex}.sidebar-legal a{font-family:var(--font-mono);color:var(--dim);letter-spacing:.08em;align-items:center;gap:8px;font-size:.68rem;transition:color .2s;display:flex}.sidebar-legal a:hover{color:var(--accent)}.content{min-width:0;max-width:100%;height:calc(var(--vh) - var(--chrome-h));position:relative;overflow:hidden auto}#seo-prerender{max-width:760px;color:var(--dim);padding:max(20px,min(5vw,56px));font-size:.9rem;line-height:1.7}#seo-prerender h1{color:var(--text);margin-bottom:10px;font-size:max(1.6rem,min(5vw,2.4rem))}#seo-prerender h2{color:var(--text);margin:22px 0 8px;font-size:.95rem;font-weight:500}#seo-prerender ul,#seo-prerender ol{padding-left:18px}#seo-prerender a{color:var(--accent)}.station-page{min-height:calc(var(--vh) - var(--chrome-h));max-width:100%;display:none;position:relative;overflow:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.player-bar{height:var(--bar-h);background:var(--bar-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;align-items:center;gap:18px;padding:0 24px;transition:border-color .4s,background .4s,height .4s;display:flex;position:fixed;bottom:0;left:0;right:0}.bar-station{flex-direction:column;flex:1;gap:4px;min-width:0;max-width:280px;display:flex}.bar-station-name{font-family:var(--font-title);letter-spacing:.06em;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:max(.82rem,min(1.8vw,1rem));font-weight:700;transition:color .3s;overflow:hidden}[data-theme=lofi] .bar-station-name{letter-spacing:-.01em;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600}.bar-play-btn{border:2px solid var(--accent);width:50px;height:50px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.bar-play-btn:hover{background:#ffffff14;transform:scale(1.05)}.bar-play-btn svg{fill:currentColor;width:18px;height:18px}[data-theme=lofi] .bar-play-btn{color:#fff;background:#ffffff1f;border:1.5px solid #ffffff4d;width:42px;height:42px}[data-theme=lofi] .bar-play-btn:hover{background:#ffffff38}.bar-now-playing{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;flex:2;align-items:center;gap:10px;min-width:0;font-size:.9rem;display:flex;overflow:hidden}[data-theme=lofi] .bar-now-playing{color:#ffffff8c}.np-label-bar{letter-spacing:.1em;opacity:.6;flex-shrink:0;font-size:.68rem}.bar-now-playing-scroll{white-space:nowrap;flex:1;overflow:hidden}.bar-np-inner{white-space:nowrap;transition:color .4s;display:inline-block}.bar-np-inner.has-title{color:var(--text)}[data-theme=lofi] .bar-np-inner.has-title{color:#ffffffe6;font-style:italic}.bar-np-inner.scrolling{animation:14s linear infinite marquee}.bar-np-mobile{display:none}.bar-visualizer{flex-shrink:0;align-items:flex-end;gap:2px;height:38px;display:flex}.bar-visualizer .vis-bar{max-width:5px}.bar-visualizer.paused .vis-bar{animation:none;height:3px!important}[data-theme=lofi] .bar-visualizer .vis-bar{background:#ffffff80!important}.bar-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.bar-volume{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.vol-icon{opacity:.55;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;flex-shrink:0;width:1.4em;font-size:1.1rem;line-height:1;transition:opacity .2s}.vol-icon:hover{opacity:1}.vol-track{cursor:pointer;background:#ffffff1a;border-radius:2px;flex-shrink:0;width:max(70px,min(10vw,140px));height:4px;position:relative}[data-theme=lofi] .vol-track{background:#fff3}.vol-fill{background:var(--accent);pointer-events:none;border-radius:2px;width:80%;position:absolute;top:0;bottom:0;left:0}[data-theme=lofi] .vol-fill{background:#ffffffb3}.vol-thumb{background:var(--bg);border:2px solid var(--accent);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:80%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00f0ff66}[data-theme=lofi] .vol-thumb{background:var(--bar-bg);box-shadow:none;border-color:#fff}.vol-input{opacity:0;cursor:pointer;width:calc(100% + 8px);position:absolute;top:-8px;bottom:-8px;left:-4px;right:-4px}.vol-val{font-family:var(--font-mono);color:var(--dim);text-align:right;min-width:36px;font-size:.78rem}[data-theme=lofi] .vol-val{color:#fff9}.bar-idle .bar-station-name{color:var(--dim)!important}.bar-idle .bar-play-btn{border-color:var(--dim);color:var(--dim);opacity:.35;cursor:default}.bar-idle .bar-play-btn:hover{background:0 0;transform:none}.bar-locked .bar-play-btn{pointer-events:none;border-color:var(--dim)!important;color:var(--dim)!important;opacity:.2!important;cursor:not-allowed!important}.bar-locked .bar-play-btn:hover{background:0 0!important;transform:none!important}@keyframes vis-anim{0%{height:var(--min-h,4px)}to{height:var(--max-h,40px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#home{flex-direction:column;display:none}[data-theme=cyber] #home,[data-theme=lofi] #home{padding:max(24px,min(5vw,64px));text-align:center;justify-content:flex-start;align-items:center;padding-bottom:max(24px,min(5vw,64px))}.lofi-home-header{display:none}.lofi-home-greeting{color:var(--dim);letter-spacing:.06em;margin-bottom:6px;font-family:DM Mono,monospace;font-size:.76rem}.home-title{font-family:var(--font-title);background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #00f0ff66);-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:max(2.4rem,min(9vw,6rem));font-weight:900;line-height:1}[data-theme=lofi] .home-title{letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-size:max(2rem,min(6vw,5rem));font-weight:700}.home-sub{font-family:var(--font-mono);color:var(--dim);letter-spacing:.15em;margin-bottom:max(20px,min(4vh,48px));font-size:max(.7rem,min(2vw,.9rem));font-weight:400}[data-theme=lofi] .home-sub{letter-spacing:0;margin-bottom:max(20px,min(4vh,48px));font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:300}.home-switch{flex-shrink:0;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.home-switch-btn{font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--dim);cursor:pointer;padding:6px 16px;font-size:.72rem;transition:all .2s}.home-switch-btn:hover{color:var(--text);border-color:var(--text)}.home-switch-btn.active{color:var(--accent);border-color:var(--accent);background:var(--glow)}[data-theme=lofi] .home-switch-btn{font-family:DM Sans,sans-serif;font-size:.78rem}.home-grids-wrap{width:100%;max-width:1060px;position:relative;overflow:hidden}[data-theme=lofi] .home-grids-wrap{max-width:1060px}.home-grid-slide{width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}.home-grid-slide-right{opacity:0;pointer-events:none;position:absolute;top:0;left:0;transform:translate(100%)}.home-grid-slide.slide-center{opacity:1;pointer-events:auto;position:relative;transform:translate(0)}.home-grid-slide.slide-left{opacity:0;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-100%)}.home-grid-slide.slide-right{opacity:0;pointer-events:none;position:absolute;top:0;left:0;transform:translate(100%)}.yt-badge-small{font-family:var(--font-mono);color:var(--dim);opacity:.7;font-size:.65rem}.home-grid{grid-template-columns:repeat(auto-fill,minmax(min(196px,100%),1fr));gap:13px;width:100%;max-width:1060px;display:grid}[data-theme=lofi] .home-grid{gap:13px;max-width:1060px}.home-card{border:1px solid var(--border);cursor:pointer;background:var(--card-bg);text-align:left;border-radius:var(--radius);padding:20px;transition:all .25s;animation:.4s both fadeUp;position:relative;overflow:hidden}[data-theme=cyber] .home-card:before{content:"";background:linear-gradient(135deg,var(--cc,var(--accent)) 0%,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=cyber] .home-card:hover:before{opacity:.08}[data-theme=cyber] .home-card:hover{border-color:var(--cc,var(--accent));transform:translateY(-3px)}[data-theme=lofi] .home-card:hover{background:#7697b312;border-color:#7697b34d;transform:translateY(-2px);box-shadow:0 4px 20px #7697b31a}.home-card.playing-card{border-color:var(--accent)!important}.home-card-name{font-family:var(--font-title);margin-bottom:5px;font-size:.9rem;font-weight:700}[data-theme=lofi] .home-card-name{letter-spacing:-.01em;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:500}.home-card-np{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:.68rem;font-style:italic;overflow:hidden}.home-card-np.has-title{color:var(--accent);font-style:normal}[data-theme=lofi] .home-card-np.has-title{font-style:italic}.home-card-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.home-card-status{font-family:var(--font-mono);color:var(--dim);align-items:center;gap:5px;font-size:.68rem;display:inline-flex}.home-footer{font-family:var(--font-mono);color:var(--dim);opacity:.5;align-items:center;gap:8px;margin-top:max(20px,min(3vh,36px));font-size:.68rem;transition:opacity .2s;display:flex}.home-footer:hover{opacity:1}.home-footer a{color:var(--dim);border-bottom:1px solid #ffffff1a;transition:color .2s}[data-theme=lofi] .home-footer a{border-bottom-color:#0000001a}.home-footer a:hover{color:var(--accent)}[data-theme=cyber] .player-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=cyber] .player-content{z-index:1;min-height:calc(var(--vh) - var(--chrome-h));flex-direction:column;padding:max(24px,min(4vw,56px));display:flex;position:relative;overflow:hidden}[data-theme=lofi] .player-content{min-height:calc(var(--vh) - var(--chrome-h));flex-direction:column;padding-right:32px;display:flex;overflow:hidden}.back-btn{font-family:var(--font-mono);color:var(--dim);letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:max(18px,min(3vh,32px));font-size:.85rem;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--accent)}[data-theme=lofi] .back-btn{margin:16px 24px 0;font-family:DM Sans,sans-serif;font-size:.82rem}.station-title{margin-bottom:8px;font-family:Orbitron,monospace;font-size:max(2rem,min(6vw,4.5rem));font-weight:900;line-height:1}[data-theme=lofi] .station-title{display:none}.station-genre-cyber{color:var(--dim);letter-spacing:.05em;margin-bottom:10px;font-size:.82rem}[data-theme=lofi] .station-genre-cyber{display:none}.station-meta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;display:flex}[data-theme=lofi] .station-meta-row{display:none}.station-status-badge{font-family:var(--font-mono);color:var(--dim);align-items:center;gap:7px;font-size:.78rem;display:inline-flex}[data-theme=lofi] .station-status-badge{display:none}.station-listeners{font-family:var(--font-mono);color:var(--dim);font-size:.75rem}.station-site-link{font-family:var(--font-mono);color:var(--dim);letter-spacing:.06em;border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;text-decoration:none;transition:all .2s;display:inline-flex}.station-site-link:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--glow)}:root{--tuner-w:clamp(215px,22vw,295px)}.cyber-tuner{z-index:2;pointer-events:none;width:var(--tuner-w);position:absolute;top:0;bottom:0;right:0}.cyber-tuner:before{content:"";background:var(--sig,var(--accent));opacity:.22;width:1px;position:absolute;top:0;bottom:0;right:34px;-webkit-mask-image:linear-gradient(#0000 0,#000 8% 92%,#0000);mask-image:linear-gradient(#0000 0,#000 8% 92%,#0000)}.tuner-grab{pointer-events:auto;cursor:ns-resize;position:absolute;top:0;bottom:0;left:0;right:0}.tuner-viewport{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 9% 91%,#0000 100%)}.tuner-band{will-change:transform;position:absolute;top:0;left:0;right:0}.tuner-row{height:0;position:absolute;left:0;right:34px}.tuner-tick{position:absolute;top:0;right:0;transform:translateY(-50%)}.tuner-freq{white-space:nowrap;text-align:right;position:absolute;top:0;right:108px;transform:translateY(-50%)}.tuner-tick{background:var(--sig,var(--accent));opacity:.28;width:48px;height:1.5px}.tuner-row.major .tuner-tick{opacity:.58;width:96px;height:2px}.tuner-freq{font-family:var(--font-mono);color:var(--sig,var(--accent));opacity:.6;font-variant-numeric:tabular-nums;font-size:.875rem;line-height:1}.tuner-row:not(.major) .tuner-freq{opacity:.4;font-size:.65rem}.tuner-mark{background:var(--sig,var(--accent));opacity:.45;pointer-events:auto;cursor:pointer;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:opacity .2s,box-shadow .2s;position:absolute;right:30px;transform:translate(50%,-50%)}.tuner-mark:after{content:"";width:40px;height:var(--tuner-cible,40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tuner-mark:hover{opacity:1;box-shadow:0 0 10px var(--sig,var(--accent))}.tuner-mark:focus-visible{outline:2px solid var(--sig,var(--accent));outline-offset:4px}.tuner-mark.active{opacity:1;box-shadow:0 0 12px var(--sig,var(--accent))}.tuner-needle{pointer-events:none;background:var(--sig,var(--accent));width:89px;height:2.5px;box-shadow:0 0 9px var(--sig,var(--accent));opacity:.85;transition:top .55s cubic-bezier(.22,1,.36,1);position:absolute;top:38%;right:24px;transform:translateY(-50%)}.cyber-tuner.tuning .tuner-needle{opacity:1;transition:none}.cyber-tuner.recentrage .tuner-needle{transition:none}.cyber-tuner.tuning{cursor:ns-resize}.tuner-readout{font-family:var(--font-mono);white-space:nowrap;color:var(--sig,var(--accent));text-shadow:0 0 10px var(--sig,var(--accent));pointer-events:none;opacity:0;font-size:.68rem;transition:opacity .15s;position:absolute;top:38%;right:226px;transform:translateY(-50%)}.cyber-tuner.tuning .tuner-readout{opacity:1}.tuner-slider{z-index:3;pointer-events:auto;cursor:ns-resize;width:22px;position:absolute;top:20px;bottom:20px;right:188px}.tuner-slider:before{content:"";background:#ffffff12;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 0 3px #000000e6}.tuner-slider:after{content:"";pointer-events:none;opacity:.3;background:repeating-linear-gradient(to bottom, var(--sig,var(--accent)) 0 1px, transparent 1px 12px);width:12px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#000 0 3px,#0000 3px 11px,#000 11px);mask-image:linear-gradient(90deg,#000 0 3px,#0000 3px 11px,#000 11px)}.tuner-thumb{z-index:1;border:1px solid var(--sig,var(--accent));background:linear-gradient(#111a24,#070b12 52%,#0c131b);border-radius:3px;transition:box-shadow .2s;position:absolute;left:0;right:0;box-shadow:0 1px 4px #000c,inset 0 1px #ffffff12}.tuner-thumb:before{content:"";background:repeating-linear-gradient(#ffffff29 0 1px,#0000 1px 4px);position:absolute;top:6px;bottom:6px;left:4px;right:4px}.tuner-thumb:after{content:"";background:var(--sig,var(--accent));height:2px;box-shadow:0 0 7px var(--sig,var(--accent));border-radius:1px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}.tuner-slider:hover .tuner-thumb,.cyber-tuner.scrolling .tuner-thumb{box-shadow:0 1px 4px #000c, inset 0 1px 0 #ffffff12, 0 0 12px var(--sig,var(--accent))}[data-theme=lofi] .cyber-tuner{display:none}@media (prefers-reduced-motion:reduce){.tuner-needle{transition:none}}@media (max-width:1024px){.cyber-tuner{display:none}}@media (hover:none){.cyber-tuner{display:none}}@media (min-width:1025px) and (hover:hover){[data-theme=cyber] .player-content{padding-right:calc(clamp(24px,4vw,56px) + var(--tuner-w))}}.visualizer{flex-shrink:0;align-items:flex-end;gap:3px;height:60px;margin:max(14px,min(2.5vh,24px)) 0;display:flex}[data-theme=lofi] .visualizer{display:none}.vis-bar{background:var(--accent);max-width:10px;animation:vis-anim var(--dur,.8s) ease-in-out infinite alternate;border-radius:2px;flex:1}.visualizer.paused .vis-bar{animation:none;height:3px!important}[data-theme=lofi] .visualizer .vis-bar{background:var(--accent);opacity:.5}[data-theme=lofi] .visualizer.paused .vis-bar{animation:none;height:3px!important}.page-controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;display:flex;overflow:hidden}[data-theme=lofi] .page-controls{display:none}.page-play-btn{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.page-play-btn:hover{background:#ffffff0f;transform:scale(1.05)}.page-play-btn svg{fill:currentColor;width:22px;height:22px}.live-badge{font-family:var(--font-mono);letter-spacing:.15em;border-radius:var(--radius);padding:5px 10px;font-size:.7rem}.np-title-inline{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;flex:1;min-width:0;font-size:.82rem;display:block;overflow:hidden}.np-title-inline.has-title{color:var(--text)}.np-title-inline.scrolling{animation:14s linear infinite marquee;display:inline-block}[data-theme=lofi] .np-title-inline,.lofi-illustration{display:none}[data-theme=lofi] .lofi-illustration{display:block}@media (min-width:769px){.lofi-meta-line{margin-top:30px;margin-bottom:30px}[data-theme=lofi] .lofi-vis-wrap{margin-top:40px;margin-bottom:20px}[data-theme=lofi] .lofi-controls{margin-bottom:10px}[data-theme=lofi] .lofi-illustration{top:var(--top-h);width:max(280px,min(35vw,1000px));height:calc(var(--vh) - var(--chrome-h));z-index:10;position:fixed;right:0;overflow:visible}[data-theme=lofi] .station-page{overflow:visible}[data-theme=lofi] .player-content{padding-right:calc(max(280px,min(35vw,1000px)) + 32px);overflow:visible}}@media (max-width:768px){[data-theme=lofi] .lofi-illustration{flex-shrink:0;width:100%;height:260px;position:relative;overflow:hidden}}.lofi-illustration img{object-fit:cover;object-position:center 20%;filter:saturate(1.2)contrast(.9);width:100%;height:100%;display:block}.lofi-illustration-loop{object-fit:cover;object-position:center 20%;filter:saturate(1.05)contrast(.92);pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.lofi-illustration-loop{display:none}}.lofi-resize-handle{cursor:pointer;z-index:20;width:16px;height:100%;display:none;position:absolute;top:0;left:-8px}@media (max-width:768px){.lofi-resize-handle{display:none!important}}.lofi-illustration #lofi-img-pixelhero67{filter:saturate()contrast(.8)}.lofi-illustration #lofi-img-ghibli_rain{object-position:30% 20%}.lofi-illustration #lofi-img-vaporpink{object-position:60% 20%}.lofi-illustration #lofi-img-nightstreet{object-position:20% 20%}.lofi-illustration #lofi-img-goldfish{object-position:0% 70%}.lofi-illustration #lofi-img-mp3player{object-position:15% 20%}.lofi-illustration #lofi-img-studiodials{object-position:30% 20%}.lofi-illustration #lofi-img-ratcar{object-position:30% 50%}.lofi-illustration #lofi-img-knight{filter:saturate(1.05)contrast(.92)}@media (min-width:769px){.lofi-illustration-grad{background:linear-gradient(to right, var(--bg) 0%, transparent 25%);position:absolute;top:0;bottom:0;left:0;right:0}.lofi-now-playing-overlay{display:none}}@media (max-width:768px){.lofi-illustration-grad{background:linear-gradient(to bottom, transparent 25%, #ebe8f0d9 75%, var(--bg) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.lofi-now-playing-overlay{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}}.lofi-station-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);background:#ebe8f0d1;border:1px solid #7697b340;border-radius:20px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:4px 10px;font-family:DM Mono,monospace;font-size:.7rem;font-weight:400;display:inline-flex}.lofi-np-under{color:var(--dim);padding-left:2px;font-family:DM Mono,monospace;font-size:.72rem;font-style:italic}.back-btn-img{z-index:20;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#00000073;border:1px solid #fff3;border-radius:20px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:.8rem;transition:background .2s;display:none;position:absolute;top:12px;left:14px}.back-btn-img:hover{background:#000000a6}[data-theme=lofi] .back-btn,[data-theme=lofi] .back-btn-img{display:none}.lofi-station-info{flex-shrink:0;padding:20px 24px 8px;display:none}[data-theme=lofi] .lofi-station-info{display:block}.lofi-back-link{font-family:var(--font-mono);color:var(--dim);letter-spacing:.06em;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;margin-bottom:14px;padding:4px 10px;font-size:.75rem;text-decoration:none;transition:all .2s;display:inline-flex}.lofi-back-link:hover{color:var(--accent);border-color:var(--accent)}.lofi-station-name{color:var(--text);letter-spacing:-.03em;margin-top:3px;margin-bottom:3px;font-size:max(1.61rem,min(4vw,2.53rem));font-weight:600;line-height:1.1}.lofi-station-genre-text{color:var(--dim);margin-bottom:20px;font-size:.82rem;font-weight:300}.lofi-meta-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lofi-status-badge{color:var(--dim);align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.lofi-site-link{font-family:var(--font-mono);color:var(--dim);letter-spacing:.06em;border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:.75rem;text-decoration:none;transition:all .2s;display:inline-flex}.lofi-site-link:hover{color:var(--accent);border-color:var(--accent)}.lofi-vis-wrap{flex-shrink:0;align-items:flex-end;gap:3px;height:70px;padding:0 24px;display:none}[data-theme=lofi] .lofi-vis-wrap{display:flex}.lofi-vis-wrap .vis-bar{background:var(--accent);opacity:.5;max-width:12px;animation:vis-anim var(--dur,.8s) ease-in-out infinite alternate;border-radius:4px;flex:1}.lofi-vis-wrap.paused .vis-bar{animation:none;height:3px!important}.lofi-controls{flex-shrink:0;align-items:center;gap:16px;padding:10px 24px 16px;display:none}[data-theme=lofi] .lofi-controls{display:flex}.lofi-play-btn{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 4px 16px #7697b34d}.lofi-play-btn:hover{transform:scale(1.05)}.lofi-play-btn svg{fill:#fff;width:20px;height:20px}.lofi-live-pill{color:var(--accent2);background:#b277821f;border:1px solid #b2778233;border-radius:20px;padding:5px 12px;font-family:DM Mono,monospace;font-size:.68rem}.lofi-np-strip{color:var(--dim);white-space:nowrap;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:.78rem;font-style:italic;display:block;overflow:hidden}.lofi-np-strip.has-title{color:var(--accent);font-style:normal}.lofi-np-strip.scrolling{animation:14s linear infinite marquee;display:inline-block}.sidebar-toggle{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;margin-bottom:4px;padding:8px 12px;display:flex}.toggle-btn{font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--radius);border:1px solid var(--border);color:var(--dim);cursor:pointer;text-align:center;flex:1;padding:6px 8px;font-size:.68rem;transition:all .2s}.toggle-btn:hover{color:var(--text);border-color:var(--text)}.toggle-btn.active{color:var(--accent);border-color:var(--accent);background:var(--glow)}[data-theme=lofi] .toggle-btn{font-family:DM Sans,sans-serif;font-size:.75rem}[data-theme=lofi] .toggle-btn.active{color:var(--accent)}.sidebar-chips{flex:none;align-items:center;gap:6px;display:flex}.sidebar-chip{font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 13px;font-size:.7rem;transition:all .2s;display:inline-flex}.sidebar-chip .chip-icon{font-size:.84rem;line-height:1}.sidebar-chip:hover{color:var(--text);border-color:var(--text)}#sidebar-home-link:hover{color:var(--accent);border-color:var(--accent);background:var(--glow)}.sidebar-fav-filter:hover{color:#e07070;background:0 0;border-color:#e07070}.sidebar-fav-filter.active{color:#e07070;background:#e070701f;border-color:#e07070}[data-theme=cyber] .sidebar-chip{color:#7e9bb0;background:#78a0be0d;border-color:#2f4a61}[data-theme=cyber] .sidebar-chip:hover{background:#78a0be1a}[data-theme=cyber] .sidebar-fav-filter.active{background:#e0707029}[data-theme=lofi] .sidebar-chip{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:.78rem}.station-drag-handle{cursor:grab;opacity:.25;width:16px;color:var(--dim);flex-shrink:0;justify-content:center;align-items:center;padding-right:2px;display:flex}.station-item:hover .station-drag-handle{opacity:.6}.station-item.dragging{opacity:.4;background:var(--glow)!important}.station-item.drag-over{border-top:2px solid var(--accent)}@media (hover:none){.station-drag-handle{display:none}}.station-fav-btn{width:22px;height:22px;color:var(--dim);opacity:.3;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;line-height:1;transition:opacity .15s,color .15s;display:flex}.station-item:hover .station-fav-btn{opacity:.7}.station-fav-btn.active{color:#e07070;opacity:1}.sidebar-empty-favs{font-family:var(--font-mono);color:var(--dim);text-align:center;opacity:.6;padding:20px 16px;font-size:.7rem}.sidebar-loading{font-family:var(--font-mono);color:var(--dim);text-align:center;opacity:.5;padding:20px 16px;font-size:.7rem}.yt-sidebar-badge{color:var(--dim);opacity:.6;flex-shrink:0;font-size:.65rem}.yt-player-content{padding:max(20px,min(3vw,48px))!important;padding-right:max(20px,min(3vw,48px))!important}.yt-station-header{margin-bottom:20px}.yt-station-title{margin-bottom:8px;font-family:Orbitron,monospace;font-size:max(1.6rem,min(5vw,3.5rem));font-weight:900;line-height:1.1}[data-theme=lofi] .yt-station-title{font-family:DM Sans,sans-serif;font-size:max(1.4rem,min(4vw,2.5rem));font-weight:600}.yt-station-genre{color:var(--dim);margin-bottom:12px;font-size:.82rem}.yt-iframe-wrap{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0;width:100%;max-width:860px;margin-top:24px;position:relative;overflow:hidden}.yt-iframe-wrap iframe{border:none;width:100%;height:100%;display:block}[data-theme=cyber] .yt-player-content .lofi-back-link,[data-theme=lofi] .yt-player-content .back-btn{display:none}[data-theme=lofi] .yt-player-content .lofi-back-link{margin-bottom:16px;display:inline-flex}@media (max-width:768px){:root[data-theme=cyber],:root[data-theme=lofi]{--bar-h:80px}.menu-btn{display:flex}.topbar{gap:8px;padding:0 12px}.topbar-right{gap:6px}.main{grid-template-columns:1fr}.sidebar{height:var(--vh);width:min(var(--sidebar-w),88vw);z-index:300;padding-bottom:0;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.bar-now-playing,.bar-visualizer{display:none}.player-bar{grid-template-rows:1fr 1fr;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;height:80px;padding:8px 16px;display:grid}.bar-station{flex-direction:row;grid-area:1/1;align-items:center;gap:6px;max-width:none}.bar-station-name{max-width:130px;font-size:.82rem}.bar-np-mobile{font-family:var(--font-mono);color:var(--dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:1/3;max-width:130px;margin-left:auto;font-size:.68rem;overflow:hidden;display:block!important}.bar-np-mobile.has-title{color:var(--text)}[data-theme=lofi] .bar-np-mobile{color:#fff9}[data-theme=lofi] .bar-np-mobile.has-title{color:#ffffffe6}.bar-play-btn{grid-area:1/2/3;justify-self:center;width:44px;height:44px}.bar-play-btn svg{width:16px;height:16px}.bar-actions{grid-area:2/1;justify-self:start;gap:10px}.bar-volume{grid-area:2/3;justify-content:flex-end;gap:8px;margin-left:0;display:flex!important}.vol-track{width:64px}.vol-val{display:none}.vol-icon{font-size:.9rem}[data-theme=lofi] .player-content{max-width:100%;padding-right:16px;overflow:hidden}[data-theme=lofi] .back-btn-img{display:block}[data-theme=lofi] .lofi-back-link{display:none}[data-theme=lofi] .lofi-illustration{height:180px!important}.lofi-station-info{padding:10px 16px 4px}.lofi-station-name{font-size:max(1.21rem,min(5.5vw,1.65rem))}.lofi-vis-wrap{height:36px;margin-top:5px;margin-bottom:5px;padding:0 16px}.lofi-controls{padding:6px 16px 8px}.lofi-meta-line{margin-bottom:10px}.lofi-site-link{margin-top:10px}}@media (max-width:480px){.home-grid{grid-template-columns:1fr 1fr;gap:8px}[data-theme=lofi] .home-grid{grid-template-columns:1fr 1fr}.home-card{padding:14px}.topbar-clock{display:none}}.chat-fab{bottom:calc(var(--bar-h) + 16px);z-index:300;background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;right:20px;box-shadow:0 4px 20px #0000004d}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #0006}.chat-fab.active{background:var(--accent2)}[data-theme=lofi] .chat-fab{color:#fff}.chat-fab-badge{background:var(--accent2);color:#fff;font-family:var(--font-mono);text-align:center;white-space:nowrap;border-radius:10px;min-width:18px;padding:2px 5px;font-size:.6rem;display:none;position:absolute;top:-4px;right:-4px}.chat-fab-badge:not(:empty){display:block}.chat-window{bottom:calc(var(--bar-h) + 80px);z-index:400;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius);resize:both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;width:340px;min-width:260px;max-width:90vw;height:460px;min-height:200px;max-height:70vh;display:flex;position:fixed;right:20px;overflow:hidden;box-shadow:0 12px 40px #00000059}.chat-window.minimized{resize:none;overflow:hidden;height:44px!important}.chat-header{border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.chat-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;font-size:.75rem}.chat-header-btns{gap:4px;display:flex}.chat-hbtn{width:24px;height:24px;color:var(--dim);border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.chat-hbtn:hover{background:var(--glow);color:var(--text)}.chat-pseudo-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.chat-pseudo-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:.08em;font-size:.78rem}.chat-pseudo-form{flex-direction:column;gap:10px;width:100%;display:flex}.chat-pseudo-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);color:var(--text);outline:none;width:100%;padding:9px 12px;font-size:.9rem;transition:border-color .2s}.chat-pseudo-input:focus{border-color:var(--accent)}.chat-join-btn{background:var(--accent);color:#000;border-radius:var(--radius);font-family:var(--font-mono);padding:9px 16px;font-size:.8rem;font-weight:600;transition:opacity .2s}.chat-join-btn:hover{opacity:.85}[data-theme=lofi] .chat-join-btn{color:#fff}.chat-msgs{scroll-behavior:smooth;flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;overflow-y:auto}.chat-msgs::-webkit-scrollbar{width:3px}.chat-msgs::-webkit-scrollbar-thumb{background:var(--border)}.chat-msg{flex-direction:column;align-self:flex-start;gap:2px;max-width:85%;display:flex}.chat-msg.mine{text-align:right;align-self:flex-end}.chat-pseudo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:.65rem}.chat-msg.mine .chat-pseudo{color:var(--accent2)}.chat-text{background:var(--card-bg);border:1px solid var(--border);color:var(--text);word-break:break-word;border-radius:10px 10px 10px 3px;padding:6px 10px;font-size:.85rem;line-height:1.4}.chat-msg.mine .chat-text{background:var(--glow);border-color:var(--accent);border-bottom-right-radius:3px;border-bottom-left-radius:10px}.chat-time{font-family:var(--font-mono);color:var(--dim);font-size:.6rem}.chat-system{text-align:center;font-family:var(--font-mono);color:var(--dim);opacity:.6;padding:2px 0;font-size:.68rem}.chat-error{border-radius:var(--radius);font-family:var(--font-mono);color:var(--accent2);background:#ff3c6e1f;margin:0 12px;padding:6px 10px;font-size:.72rem}.chat-input-row{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:6px;padding:8px 10px 4px;display:flex}.chat-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);color:var(--text);resize:none;outline:none;flex:1;max-height:80px;padding:7px 10px;font-size:.85rem;transition:border-color .2s;overflow-y:auto}.chat-input:focus{border-color:var(--accent)}.chat-send{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:opacity .2s;display:flex}.chat-send:hover{opacity:.85}[data-theme=lofi] .chat-send{color:#fff}.chat-footer{flex-shrink:0;justify-content:flex-end;padding:2px 12px 6px;display:flex}.chat-counter{font-family:var(--font-mono);color:var(--dim);font-size:.65rem}@media (max-width:768px){.chat-window{left:12px;right:12px;bottom:calc(var(--bar-h) + 70px);resize:none;width:calc(100vw - 24px)!important}.chat-fab{right:16px;bottom:calc(var(--bar-h) + 12px)}}.auth-dropdown-wrapper{position:relative}.auth-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--dim);cursor:pointer;font-size:.9rem;font-family:var(--font-title);border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.auth-btn:hover{border-color:var(--accent);color:var(--accent)}.auth-btn.logged-in{background:var(--glow);border-color:var(--accent);color:var(--accent);font-size:.85rem}.auth-dropdown{z-index:600;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;flex-direction:column;gap:2px;min-width:156px;padding:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-6px);box-shadow:0 8px 32px #00000040}.auth-dropdown-wrapper.dropdown-open .auth-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.auth-dropdown-item{border-radius:calc(var(--radius) - 2px);color:var(--text);cursor:pointer;text-align:left;width:100%;font-size:.88rem;font-family:var(--font-title);background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;transition:background .15s,color .15s;display:flex}.auth-dropdown-item:hover{background:var(--glow);color:var(--accent)}.auth-dropdown-logout:hover{color:#e07070!important}.auth-dropdown-sep{background:var(--border);height:1px;margin:4px 0}.auth-modal-overlay{z-index:1500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.auth-modal{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius);width:360px;max-width:92vw;padding:28px;position:relative;box-shadow:0 20px 60px #0006}.auth-modal-close{border:1px solid var(--border);width:28px;height:28px;color:var(--dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex;position:absolute;top:12px;right:14px}.auth-modal-close:hover{border-color:var(--accent2);color:var(--accent2)}.auth-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.auth-tab{font-family:var(--font-mono);color:var(--dim);cursor:pointer;letter-spacing:.06em;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px;font-size:.78rem;transition:all .2s}[data-theme=lofi] .auth-tab{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:.88rem}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.auth-screen{display:none}.auth-screen.active{display:block}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);color:var(--text);outline:none;width:100%;padding:10px 13px;font-size:.9rem;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-error{font-family:var(--font-mono);color:var(--accent2);min-height:1em;font-size:.72rem}.auth-submit{background:var(--accent);color:#000;border-radius:var(--radius);font-family:var(--font-mono);cursor:pointer;letter-spacing:.06em;padding:10px;font-size:.82rem;font-weight:600;transition:opacity .2s}.auth-submit:hover{opacity:.85}[data-theme=lofi] .auth-submit{color:#fff}.password-rules{grid-template-columns:1fr 1fr;gap:4px;padding:8px 0;display:grid}.password-rules span{font-family:var(--font-mono);color:var(--dim);font-size:.65rem;transition:color .2s}.bar-save-track{width:34px;height:34px;color:var(--dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.bar-save-track:hover{color:var(--accent2);border-color:var(--accent2)}.bar-save-track.saved{color:var(--accent2);border-color:var(--accent2);background:#ff3c6e1f}.bar-save-track.saving{opacity:.5;pointer-events:none}@media (max-width:768px){.bar-save-track{width:32px;height:32px}.bar-save-track svg{width:14px;height:14px}}.topbar-nav{align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.06em;color:var(--dim);cursor:pointer;border:1px solid #0000;padding:6px 12px;font-size:.75rem;transition:all .2s}[data-theme=lofi] .nav-link{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:.85rem}.nav-link:hover{color:var(--text);border-color:var(--border)}.nav-link.active{color:var(--accent);border-color:var(--accent);background:var(--glow)}.nav-link-admin{font-size:.82rem!important}@media (max-width:768px){.topbar-nav{display:none}}.mobile-nav-overlay{z-index:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-nav-panel{background:var(--sidebar-bg);border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;padding:20px 20px 40px;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.mobile-nav-panel.open{transform:translateY(0)}.mobile-nav-close{border:1px solid var(--border);width:30px;height:30px;color:var(--dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:14px;right:16px}.mobile-nav-links{flex-direction:column;gap:4px;margin-top:16px;display:flex}.mobile-nav-link{border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);cursor:pointer;text-align:left;border:1px solid #0000;padding:14px 16px;font-size:.9rem;transition:background .15s}[data-theme=lofi] .mobile-nav-link{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:1rem}.mobile-nav-link:hover{background:var(--glow);border-color:var(--border)}.home-card-play-mobile{display:none}@media (max-width:768px){.home-card-play-mobile{background:var(--accent);color:#000;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,opacity .15s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0000004d}[data-theme=lofi] .home-card-play-mobile{color:#fff}.home-card-play-mobile:hover{transform:scale(1.1)}.home-card{padding-bottom:48px;position:relative}.home-card-np{display:block!important}.home-card-bottom{justify-content:flex-start}}.view-admin-lock{min-height:calc(var(--vh) - var(--chrome-h));justify-content:center;align-items:center;padding:24px;display:flex}.admin-lock-box{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:380px;max-width:100%;padding:40px 32px}.admin-lock-icon{opacity:.6;margin-bottom:12px;font-size:2.5rem}.admin-lock-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;margin-bottom:8px;font-size:1rem}.admin-lock-sub{color:var(--dim);margin-bottom:24px;font-size:.85rem}.admin-lock-form{flex-direction:column;gap:12px;display:flex}.view-admin{max-width:1000px;margin:0 auto;padding:24px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-logo-text{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;font-size:.85rem}.view-legal,.view-profile{width:100%}.fav-btn{cursor:pointer;color:var(--dim);background:0 0;border:none;border-radius:20px;flex-shrink:0;align-items:center;padding:2px 6px;font-size:1rem;line-height:1;transition:all .2s;display:flex}.fav-btn:hover{color:#f5c518;transform:scale(1.15)}.fav-btn.faved{color:#f5c518}.bar-yt-search{border:1px solid var(--border);width:34px;height:34px;color:var(--dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.bar-yt-search:hover{color:red;border-color:red}@media (max-width:768px){.bar-yt-search{width:32px;height:32px}}.station-description{color:var(--dim);max-width:560px;margin:10px 0 4px;font-size:.9rem;line-height:1.6}[data-theme=lofi] .station-header .station-description{display:none}.share-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--dim);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.home-propose-link{align-items:center;text-decoration:none;display:inline-flex}.view-proposals{padding:32px 24px 80px}.proposals-container{max-width:680px;margin:0 auto}.view-proposals h1{font-family:var(--font-title);margin:8px 0 12px;font-size:1.8rem}[data-theme=lofi] .view-proposals h1{font-family:DM Sans,sans-serif;font-weight:600}.proposals-intro{color:var(--dim);margin-bottom:24px;line-height:1.6}.proposal-form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:32px;padding:20px;display:flex}.proposal-form-row{gap:10px;display:flex}.proposal-form-row .proposal-input{flex:1;min-width:0}.proposal-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.proposal-input:focus{border-color:var(--accent);outline:none}.proposal-error{color:var(--accent2);min-height:1em;margin:0;font-size:.82rem}.proposal-error.ok{color:var(--accent)}.proposal-submit{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:10px 22px;font-size:.82rem;transition:all .2s}.proposal-submit:hover:not(:disabled){background:var(--glow)}.proposal-submit:disabled{opacity:.5;cursor:default}.proposals-list-title{font-family:var(--font-mono);color:var(--dim);letter-spacing:.15em;margin-bottom:12px;font-size:.72rem}.proposals-list{flex-direction:column;gap:10px;display:flex}.proposals-empty{color:var(--dim);font-size:.88rem}.proposal-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.proposal-vote{border:1px solid var(--border);min-width:44px;color:var(--dim);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:6px 8px;transition:all .2s;display:flex}.proposal-vote:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.proposal-vote.voted{border-color:var(--accent);color:var(--accent);background:var(--glow)}.proposal-vote:disabled{opacity:.45;cursor:default}.proposal-vote-arrow{font-size:.7rem;line-height:1}.proposal-vote-count{font-family:var(--font-mono);font-size:.9rem;font-weight:600;line-height:1}.proposal-info{flex:1;min-width:0}.proposal-name{font-size:.95rem;font-weight:600}.proposal-genre{font-family:var(--font-mono);color:var(--accent);margin-top:2px;font-size:.72rem}.proposal-comment{color:var(--dim);overflow-wrap:break-word;margin-top:4px;font-size:.82rem;line-height:1.5}.proposal-status{font-family:var(--font-mono);white-space:nowrap;border:1px solid var(--border);color:var(--dim);border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:.68rem}.prop-status-approved{border-color:var(--accent);color:var(--accent)}.prop-status-rejected{opacity:.6}@media (max-width:600px){.proposal-form-row{flex-direction:column}.proposal-card{flex-wrap:wrap}.proposal-status{order:-1;margin-left:auto}}.metrics-cards{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.metrics-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:160px;padding:16px}.metrics-card-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:.08em;margin-bottom:10px;font-size:.72rem}.metrics-card-row{color:var(--dim);justify-content:space-between;padding:3px 0;font-size:.85rem;display:flex}.metrics-card-row strong{color:var(--text);font-family:var(--font-mono)}.metrics-top{margin-bottom:20px}.track-history{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;max-width:560px;max-height:260px;margin-top:28px;padding:16px 18px;overflow-y:auto}[data-theme=lofi] .track-history{margin:20px 24px 28px}@media (max-width:768px){[data-theme=lofi] .track-history{margin:16px 16px 24px}}.track-history-title{font-family:var(--font-mono);color:var(--dim);letter-spacing:.15em;margin-bottom:10px;font-size:.7rem}.track-history-row{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:5px 0;text-decoration:none;transition:color .15s;display:flex}.track-history-row:last-child{border-bottom:none}.track-history-time{font-family:var(--font-mono);color:var(--dim);flex-shrink:0;width:38px;font-size:.7rem}.track-history-name{color:var(--text);overflow-wrap:anywhere;font-size:.84rem}.track-history-row:hover .track-history-name{color:var(--accent)}.sleep-wrapper{flex-shrink:0;position:relative}.sleep-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;transition:all .2s;display:flex;position:relative}.sleep-btn:hover,.sleep-btn.active{border-color:var(--accent)}.sleep-badge{font-family:var(--font-mono);background:var(--accent);color:var(--bg);border-radius:8px;padding:2px 5px;font-size:.58rem;font-weight:700;line-height:1;position:absolute;top:-6px;right:-8px}.sleep-menu{z-index:600;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;min-width:130px;padding:10px;display:none;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 32px #00000059}.sleep-menu.open{display:flex}.sleep-menu-title{font-family:var(--font-mono);color:var(--dim);letter-spacing:.12em;margin-bottom:6px;font-size:.62rem}.sleep-menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:.82rem;transition:all .15s}.sleep-menu button:hover{background:var(--glow);color:var(--accent)}.sleep-menu .sleep-cancel{color:var(--dim);border-top:1px solid var(--border);border-radius:0 0 6px 6px;margin-top:4px}@media (max-width:768px){.sleep-btn{width:30px;height:30px;font-size:.82rem}.sleep-menu{left:0;right:auto}}.view-toptracks{padding:32px 24px 80px}.toptracks-container{max-width:760px;margin:0 auto}.view-toptracks h1{font-family:var(--font-title);margin:8px 0 12px;font-size:1.8rem}[data-theme=lofi] .view-toptracks h1{font-family:DM Sans,sans-serif;font-weight:600}.toptracks-intro{color:var(--dim);margin-bottom:28px;line-height:1.6}.toptracks-empty{color:var(--dim);font-size:.9rem}.toptracks-list{counter-reset:none;margin:0 0 40px;padding:0;list-style:none}.toptrack-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 14px;display:flex}.toptrack-row:hover{background:var(--glow)}.toptrack-rank{font-family:var(--font-mono);color:var(--dim);text-align:right;flex-shrink:0;min-width:26px;font-size:.78rem}.toptrack-row:nth-child(-n+3) .toptrack-rank{color:var(--accent);font-weight:700}.toptrack-info{flex:1;min-width:0}.toptrack-title{color:var(--text);overflow-wrap:anywhere;font-size:.92rem;text-decoration:none}.toptrack-title:hover{color:var(--accent)}.toptrack-stations{font-family:var(--font-mono);color:var(--dim);margin-top:3px;font-size:.68rem}.toptrack-plays{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.85rem}.toptrack-plays small{opacity:.6;margin-left:1px}.toptracks-subtitle{font-family:var(--font-mono);color:var(--dim);letter-spacing:.15em;margin:0 0 16px;font-size:.72rem;font-weight:400}.toptracks-stations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.toptracks-station-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.toptracks-station-name{color:var(--text);font-size:.92rem;font-weight:600;text-decoration:none}.toptracks-station-name:hover{color:var(--accent)}.toptracks-station-genre{font-family:var(--font-mono);color:var(--accent);margin:2px 0 8px;font-size:.66rem}.toptracks-station-list{margin:0;padding:0;list-style:inside decimal}.toptracks-station-list li{color:var(--dim);justify-content:space-between;gap:8px;padding:3px 0;font-size:.8rem;display:flex}.toptracks-station-list a{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.toptracks-station-list a:hover{color:var(--accent)}.toptracks-station-list span{font-family:var(--font-mono);flex-shrink:0;font-size:.7rem}.chat-pseudo.verified{color:var(--accent)}.chat-verified-badge{opacity:.9;margin-left:3px;font-size:.62rem}@media (max-width:768px){#home,.view-toptracks,.view-proposals{padding-left:var(--gutter);padding-right:var(--gutter)}.content{padding-bottom:calc(var(--tap) + 28px)}.home-switch{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.home-switch-btn{min-height:var(--tap);white-space:nowrap;justify-content:center;align-items:center;padding:6px 14px;display:inline-flex}.home-footer{opacity:.75;text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 18px}.home-footer span:not(#footer-email){display:none}.home-footer a,.home-footer #footer-email{align-items:center;min-height:34px;display:inline-flex}.theme-btn,.auth-btn,.menu-btn{width:var(--tap);height:var(--tap)}.toggle-btn{min-height:var(--tap)}.sidebar-chip{min-height:38px;padding:8px 16px;font-size:.76rem}.sidebar-title{padding-bottom:8px}.home-card-play-mobile{width:var(--tap);height:var(--tap)}.station-fav-btn,.sidebar-play-btn,.sidebar-fav-filter,.fav-btn{position:relative}.station-fav-btn:after,.sidebar-play-btn:after,.sidebar-fav-filter:after,.fav-btn:after{content:"";width:var(--tap);height:var(--tap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.station-item{min-height:var(--tap)}.chat-fab{width:46px;height:46px;bottom:calc(var(--bar-h) + var(--safe-b) + 12px);right:14px}.player-bar .bar-play-btn{width:48px;height:48px}.sleep-btn,.vol-icon{position:relative}.sleep-btn:after,.vol-icon:after{content:"";width:var(--tap);height:var(--tap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vol-input{top:-14px;bottom:-14px;left:-4px;right:-4px}.auth-dropdown-item{min-height:var(--tap)}.sidebar-legal-link{min-height:40px}input:not([type=range]),select,.proposal-input,.auth-input,.chat-pseudo-input,.chat-input{font-size:16px}.proposal-input,.auth-input,.chat-pseudo-input,.auth-submit,.proposal-submit,.chat-join-btn{min-height:var(--tap)}}@media (max-width:380px){.home-switch-btn{padding:6px 10px;font-size:.68rem}.home-card{padding:12px}.home-footer{column-gap:12px;font-size:.64rem}}@media (max-width:768px){.chat-fab-badge{top:-9px;left:50%;right:auto;transform:translate(-50%)}}@media (max-height:460px) and (orientation:landscape){:root[data-theme=cyber]{--top-h:46px;--bar-h:58px}:root[data-theme=lofi]{--top-h:44px;--bar-h:58px}.home-title{margin-bottom:6px;font-size:max(1.5rem,min(4vw,2.2rem))}.home-sub,.home-switch{margin-bottom:10px}.home-footer{margin-top:12px}.lofi-vis-wrap,.bar-visualizer{display:none}.chat-fab{width:42px;height:42px}.chat-window{bottom:calc(var(--bar-h) + 10px);max-height:calc(var(--vh) - var(--top-h) - var(--bar-h) - 20px)}.main{grid-template-columns:1fr}.sidebar{height:var(--vh);width:min(var(--sidebar-w), 70vw);z-index:300;padding-bottom:0;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{display:flex}}.admin-station-link{width:-moz-fit-content;width:fit-content;max-width:100%;font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);background:var(--glow);border:1px solid var(--accent);border-radius:var(--radius-pill);cursor:pointer;align-self:flex-start;align-items:center;gap:8px;margin:4px 0 2px;padding:9px 18px;font-size:.76rem;transition:all .15s;display:inline-flex}.admin-station-link:hover{background:var(--panel);border-color:var(--accent);transform:translateY(-1px)}[data-theme=lofi] .admin-station-link{color:#4a7498;border-color:#4a7498;margin-left:24px;margin-right:24px}[data-theme=lofi] .admin-station-link:hover{color:#3c6080;border-color:#3c6080}[data-theme=cyber] .admin-station-link{margin-top:22px}@media (max-width:768px){[data-theme=lofi] .admin-station-link{margin-left:16px;margin-right:16px}}.admin-station-link[hidden]{display:none}.auth-remember{color:var(--dim);cursor:pointer;align-items:center;gap:8px;margin:-4px 0 4px;font-size:.82rem;display:flex}.auth-remember input[type=checkbox]{accent-color:var(--accent);cursor:pointer;margin:0}.auth-remember span{-webkit-user-select:none;user-select:none}.auth-duree{font-family:var(--font-ui);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-left:auto;padding:4px 8px;font-size:.78rem}.auth-remember:has(input:not(:checked)) .auth-duree{opacity:.35;pointer-events:none}.profile-layout{min-height:calc(var(--vh) - var(--top-h));grid-template-columns:240px 1fr;gap:32px;max-width:1100px;margin:0 auto;padding:max(24px,min(4vw,48px));display:grid}.profile-sidebar{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius);height:-moz-fit-content;height:fit-content;top:calc(var(--top-h) + 24px);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex;position:sticky}.profile-avatar{background:var(--glow);border:2px solid var(--accent);width:72px;height:72px;font-family:var(--font-title);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.profile-username{font-family:var(--font-title);color:var(--text);letter-spacing:.04em;font-size:1.1rem;font-weight:700}[data-theme=lofi] .profile-username{letter-spacing:-.01em;font-family:DM Sans,sans-serif}.profile-since{font-family:var(--font-mono);color:var(--dim);text-align:center;font-size:.7rem}.profile-logout-btn{border:1px solid var(--accent2);border-radius:var(--radius);font-family:var(--font-mono);color:var(--accent2);cursor:pointer;margin-top:8px;padding:7px 16px;font-size:.72rem;transition:all .2s}.profile-logout-btn:hover{background:#ff3c6e1a}.profile-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.profile-tab{color:var(--dim);cursor:pointer;font-size:.85rem;font-family:var(--font-mono);letter-spacing:.05em;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:.75rem;transition:all .2s}[data-theme=lofi] .profile-tab{letter-spacing:0;font-family:DM Sans,sans-serif;font-size:.85rem}.profile-tab:hover{color:var(--text)}.profile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.profile-section{display:none}.profile-section.active{display:block}.profile-empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 24px;display:flex}.profile-empty-icon{opacity:.4;font-size:2.5rem}.profile-empty-text{font-family:var(--font-title);color:var(--dim);font-size:1rem;font-weight:700}[data-theme=lofi] .profile-empty-text{font-family:DM Sans,sans-serif}.profile-empty-sub{font-family:var(--font-mono);color:var(--dim);opacity:.6;font-size:.72rem}@media (max-width:768px){.profile-layout{grid-template-columns:1fr;gap:16px;padding:16px}.profile-sidebar{flex-flow:wrap;justify-content:center;position:static}.profile-tabs{overflow-x:auto}.profile-tab{white-space:nowrap}}.tracks-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tracks-search-wrap{flex:1;min-width:180px}.tracks-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--font-ui);color:var(--text);outline:none;padding:9px 13px;font-size:.88rem;transition:border-color .2s}.tracks-search:focus{border-color:var(--accent)}.tracks-filter{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text);cursor:pointer;outline:none;padding:9px 13px;font-size:.75rem;transition:border-color .2s}[data-theme=lofi] .tracks-filter{font-family:DM Sans,sans-serif;font-size:.88rem}.tracks-filter:focus{border-color:var(--accent)}.track-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .2s;display:flex}.track-item:hover{border-color:var(--accent)}.track-item-clickable{cursor:pointer}.track-info{flex:1;min-width:0}.track-title{font-family:var(--font-ui);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}[data-theme=lofi] .track-title{font-family:DM Sans,sans-serif}.track-meta{align-items:center;gap:10px;margin-top:3px;display:flex}.track-station{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;background:var(--glow);border-radius:4px;padding:2px 7px;font-size:.68rem}.track-date{font-family:var(--font-mono);color:var(--dim);font-size:.68rem}.track-delete{border:1px solid var(--border);width:28px;height:28px;color:var(--dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.track-delete:hover{border-color:var(--accent2);color:var(--accent2)}.track-yt-link{border:1px solid var(--border);width:28px;height:28px;color:var(--dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.track-yt-link:hover{color:red;border-color:red}.admin-tab{border-radius:var(--radius);color:var(--dim);text-align:left;border:1px solid #0000;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;transition:all .2s;display:flex}.admin-tab:hover{background:var(--glow);color:var(--text)}.admin-tab.active{background:var(--glow);color:var(--accent);border-color:var(--border)}.admin-section{display:none}.admin-section.active{display:block}.admin-section-title{font-family:var(--font-title);color:var(--text);letter-spacing:.08em;margin-bottom:20px;font-size:1.1rem;font-weight:700}[data-theme=lofi] .admin-section-title{letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-weight:600}.admin-row{border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:14px 18px;transition:border-color .2s;display:flex}.admin-row:hover{border-color:var(--dim)}.admin-row-info{flex:1;min-width:0}.admin-row-info strong{color:var(--text);margin-bottom:2px;font-size:.9rem;display:block}.admin-row-info small{font-family:var(--font-mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.admin-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:3px 8px;font-size:.68rem}.admin-form-row{gap:10px;margin-bottom:10px;display:flex}.admin-form-row .admin-input{flex:1}.admin-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);color:var(--text);outline:none;width:100%;padding:9px 12px;font-size:.9rem;transition:border-color .2s}.admin-input:focus{border-color:var(--accent)}.admin-input[type=color]{cursor:pointer;-webkit-appearance:none;border-radius:8px;flex-shrink:0;width:52px;height:38px;padding:3px;overflow:hidden}.admin-input[type=color]::-webkit-color-swatch-wrapper{border-radius:6px;padding:0}.admin-input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.admin-checkbox{color:var(--dim);cursor:pointer;align-items:center;gap:8px;font-size:.88rem;display:flex}.admin-checkbox input{accent-color:var(--accent);cursor:pointer}.btn-primary{background:var(--accent);color:var(--bg);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;padding:9px 18px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-sm{border-radius:var(--radius);font-family:var(--font-mono);border:1px solid var(--border);color:var(--dim);white-space:nowrap;padding:5px 12px;font-size:.72rem;transition:all .2s}.btn-sm:hover{border-color:var(--text);color:var(--text)}.btn-icon{border-radius:var(--radius);border:1px solid var(--border);width:30px;height:30px;color:var(--dim);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.btn-icon.danger:hover{border-color:var(--accent2);color:var(--accent2)}.btn-danger-outline{border-radius:var(--radius);border:1px solid var(--accent2);color:var(--accent2);font-family:var(--font-mono);white-space:nowrap;padding:8px 16px;font-size:.78rem;transition:all .2s}.btn-danger-outline:hover{background:#ff3c6e1a}.empty{font-family:var(--font-mono);color:var(--dim);padding:16px 0;font-size:.82rem}@media (max-width:600px){.admin-form-row{flex-direction:column}}.badge-yt{color:#f44;background:#ff00001a;border-color:#f003}.admin-edit-form{background:var(--panel,#ffffff0a);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;margin-bottom:4px;padding:14px 16px}.btn-sm{font-family:var(--font-mono,monospace);border-radius:var(--radius);border:1px solid var(--border);color:var(--dim);cursor:pointer;padding:5px 12px;font-size:.72rem;transition:all .2s}.btn-sm:hover{color:var(--text);border-color:var(--text)}.btn-primary.btn-sm{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary.btn-sm:hover{opacity:.85}.confirm-popup{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-box{background:var(--panel,#1a1a2e);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:340px;padding:24px 28px;box-shadow:0 16px 48px #0006}.confirm-box p{color:var(--text);margin-bottom:16px;font-size:.95rem}.confirm-btns{justify-content:flex-end;gap:10px;display:flex}.view-admin .admin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.view-admin .admin-tab{font-family:var(--font-mono);color:var(--dim);cursor:pointer;letter-spacing:.06em;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:.75rem;transition:all .2s}.view-admin .admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.view-admin .admin-section{display:none}.view-admin .admin-section.active{display:block}.view-admin .admin-chat-stats{font-family:var(--font-mono);color:var(--dim);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-size:.82rem}.admin-add-form{border-top:1px solid var(--border);margin-top:16px;padding-top:24px}.knight-now{border:1px solid var(--border);border-radius:var(--radius);background:var(--glow);border-left:3px solid #7a68b0;margin-bottom:28px;padding:22px 24px}.knight-now-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--dim);justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:.68rem;display:flex}.knight-countdown{color:#7a68b0;font-variant-numeric:tabular-nums}.knight-now-artist{color:var(--dim);margin-bottom:2px;font-size:.9rem}.knight-now-title{font-family:var(--font-title);color:var(--text);font-size:1.45rem;font-weight:700;line-height:1.2}.knight-next-head{font-family:var(--font-mono);letter-spacing:.18em;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;font-size:.68rem;display:flex}.knight-count{letter-spacing:0;margin-right:auto;font-size:.72rem}.knight-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.knight-actions-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--dim);margin-right:4px;font-size:.68rem}.knight-filter{width:100%;margin-bottom:12px}.knight-btn{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;color:var(--text);background:var(--panel);border:1px solid var(--border);padding:6px 13px;font-size:.72rem;transition:all .15s}.knight-btn:hover{border-color:var(--accent);color:var(--accent)}.knight-btn-jingle{color:#7a68b0;background:#7a68b01a;border-color:#7a68b073}.knight-btn-jingle:hover{color:#7a68b0;background:#7a68b038;border-color:#7a68b0}.knight-btn-skip{color:#bb5c53;background:#bb5c531a;border-color:#bb5c5373}.knight-btn-skip:hover{color:#bb5c53;background:#bb5c5338;border-color:#bb5c53}.knight-next-btn{font-family:var(--font-mono);letter-spacing:.02em;color:#7a68b0;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:#7a68b01a;border:1px solid #7a68b066;padding:3px 9px;font-size:.66rem;transition:all .15s}.knight-next-btn:hover{background:#7a68b047;border-color:#7a68b0}.knight-list{border:1px solid var(--border);border-radius:var(--radius);column-gap:4px;padding:4px}.knight-list.cols-1{columns:1}.knight-list.cols-2{columns:2}.knight-row{border-radius:calc(var(--radius) - 6px);break-inside:avoid;grid-template-columns:26px minmax(0,1fr) minmax(0,1.25fr) auto;align-items:center;gap:10px;padding:7px 10px;font-size:.85rem;display:grid}.knight-row:nth-child(odd){background:var(--glow)}.knight-row:hover{background:var(--border)}.knight-num{font-family:var(--font-mono);color:var(--dim);font-variant-numeric:tabular-nums;font-size:.72rem}.knight-artist{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.knight-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#knight-toggle{margin-top:14px}.knight-off{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:24px}.knight-off-title{color:var(--text);margin-bottom:6px;font-weight:700}.knight-off-why{font-family:var(--font-mono);color:var(--accent2);margin-bottom:10px;font-size:.8rem}.knight-off-hint{color:var(--dim);font-size:.8rem}@media (max-width:1000px){.knight-list.cols-2{columns:1}}@media (max-width:700px){.knight-row{grid-template-columns:26px minmax(0,1fr) auto;row-gap:2px}.knight-num{grid-row:span 2}.knight-next-btn{grid-row:span 2;align-self:center}.knight-artist,.knight-title{grid-column:2}}.knight-row.is-jingle .knight-artist{color:#7a68b0}.knight-row.is-jingle .knight-title{font-style:italic}.knight-live{font-family:var(--font-mono);letter-spacing:0;color:var(--dim);font-size:.72rem}.knight-recent{border-top:1px solid var(--border);color:var(--dim);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:14px;padding-top:12px;font-size:.76rem;display:flex}.knight-recent-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:.64rem}.knight-recent-item b{font-family:var(--font-mono);opacity:.7;margin-right:3px;font-weight:400}.knight-subtabs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.knight-subtab{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-pill);cursor:pointer;color:var(--dim);border:1px solid var(--border);background:0 0;padding:6px 12px;font-size:.72rem;transition:all .15s}.knight-subtab span{opacity:.55;margin-left:4px}.knight-subtab:hover{color:var(--text)}.knight-subtab.active{color:#7a68b0;background:#7a68b01a;border-color:#7a68b080}.knight-tour-left{font-family:var(--font-mono);color:var(--dim);margin-left:auto;font-size:.72rem}.knight-row-actions{align-items:center;gap:5px;padding-left:10px;display:flex}.knight-next-btn.is-block{color:var(--dim);border-color:var(--border);background:0 0}.knight-next-btn.is-block:hover{color:var(--accent2);border-color:var(--accent2);background:0 0}.knight-next-btn.is-undo{color:var(--accent);border-color:var(--border);background:0 0}.knight-next-btn.is-undo:hover{border-color:var(--accent)}.knight-next-btn.is-mode{color:var(--dim);border-style:dashed;border-color:var(--border);background:0 0;min-width:68px}.knight-next-btn.is-mode:hover{color:var(--text);border-style:solid}.knight-cols{padding:6px 11px;font-size:.85rem;line-height:1}.knight-file{border:1px solid var(--accent);border-radius:var(--radius);background:var(--glow);margin-bottom:10px;padding:4px}.knight-file-head{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);padding:7px 10px 5px;font-size:.64rem}.knight-file-head span{opacity:.6;margin-left:4px}.knight-row.is-file .knight-num{color:var(--accent)}.knight-file-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);opacity:.75;white-space:nowrap;font-size:.62rem}.legal-container{max-width:760px;margin:0 auto;padding:52px 28px 80px}.page-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.25em;margin-bottom:14px;font-size:.7rem}.view-legal h1{font-family:var(--font-title);color:var(--text);margin-bottom:8px;font-size:max(1.8rem,min(5vw,2.8rem));font-weight:900;line-height:1.1}[data-theme=lofi] .view-legal h1{letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-weight:600}.legal-updated{font-family:var(--font-mono);color:var(--dim);border-bottom:1px solid var(--border);margin-bottom:44px;padding-bottom:22px;font-size:.73rem}.view-legal section{margin-bottom:38px}.view-legal h2{font-family:var(--font-title);color:var(--accent);letter-spacing:.12em;border-left:2px solid var(--accent);margin-bottom:14px;padding-left:12px;font-size:.82rem;font-weight:700}[data-theme=lofi] .view-legal h2{letter-spacing:.06em;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500}.view-legal p{color:var(--text);opacity:.85;margin-bottom:12px;font-size:1rem;line-height:1.65}.view-legal p:last-child{margin-bottom:0}.view-legal a{color:var(--accent);border-bottom:1px solid #7697b34d;transition:border-color .2s}[data-theme=cyber] .view-legal a{border-bottom-color:#00f0ff4d}.view-legal a:hover{border-color:var(--accent)}.view-legal ul{margin:8px 0 12px;list-style:none}.view-legal ul li{color:var(--text);opacity:.85;padding:5px 0 5px 16px;font-size:1rem;line-height:1.5;position:relative}.view-legal ul li:before{content:"—";color:var(--dim);font-family:var(--font-mono);position:absolute;left:0}.view-legal code{font-family:var(--font-mono);color:var(--accent);background:#7697b314;border-radius:3px;padding:1px 5px;font-size:.85em}[data-theme=cyber] .view-legal code{background:#00f0ff14}.legal-contact{border:1px solid var(--border);background:var(--panel);font-family:var(--font-mono);color:var(--accent);border-radius:var(--radius);border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-top:8px;padding:12px 18px;font-size:.88rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.legal-contact:before{content:"✉";opacity:.5;font-size:1rem}.legal-contact:hover{border-color:var(--accent)}.legal-notice{border:1px solid var(--border);background:var(--panel);font-family:var(--font-mono);color:var(--dim);border-radius:var(--radius);margin-top:44px;padding:18px 22px;font-size:.73rem;line-height:1.6}.legal-notice strong{color:var(--text)}@media (max-width:600px){.legal-container{padding:32px 16px 60px}}[data-theme=cyber]{--bg:#030508;--panel:#080d14;--border:#1a2a3a;--accent:#00f0ff;--accent2:#ff3c6e;--text:#c8dce8;--dim:#4a6070;--glow:#00f0ff1f;--bar-bg:#040810fa;--sidebar-bg:#060a12f7;--card-bg:#080d14;--radius:3px;--radius-pill:3px;--bar-h:88px;--sidebar-w:360px;--top-h:64px;--font-ui:"Rajdhani", sans-serif;--font-title:"Orbitron", monospace;--font-mono:"Share Tech Mono", monospace;--scanlines:1}#station-yumico .player-bg{background:radial-gradient(at 70% 20%,#ff64c826,#0000 50%),radial-gradient(at 20% 80%,#64c8ff1a,#0000 50%),linear-gradient(160deg,#08040f,#050812)}#station-citypop .player-bg{background:radial-gradient(at 80% 10%,#7800ff33,#0000 40%),radial-gradient(at 10% 90%,#00ff641a,#0000 40%),linear-gradient(170deg,#050008,#030508)}#station-zoneout .player-bg{background:radial-gradient(at 50% 0,#0064c833,#0000 60%),linear-gradient(#030a12,#020608)}#station-scoop2000 .player-bg{background:radial-gradient(at 40% 30%,#ff8c001f,#0000 50%),linear-gradient(135deg,#0a0500,#060300)}#station-scoop10s .player-bg{background:radial-gradient(at 40% 30%,#ffcc0026,#0000 50%),linear-gradient(135deg,#0a0800,#070600)}#station-popmusic2010 .player-bg{background:radial-gradient(at 60% 40%,#ff008026,#0000 50%),linear-gradient(140deg,#0a0008,#060005)}#station-topfm .player-bg{background:radial-gradient(#00ff501a,#0000 60%),linear-gradient(#020a04,#020604)}#station-wild106 .player-bg{background:radial-gradient(at 20% 20%,#c8000033,#0000 50%),linear-gradient(135deg,#0a0000,#060000)}#station-popgold .player-bg{background:radial-gradient(at 40% 30%,#00c8dc1f,#0000 50%),linear-gradient(160deg,#020a0a,#020608)}#station-fgradio .player-bg{background:radial-gradient(at 60% 20%,#ff64002e,#0000 50%),radial-gradient(at 20% 80%,#ff320014,#0000 40%),linear-gradient(150deg,#0a0400,#060300)}[data-theme=lofi]{--bg:#ebe8f0;--panel:#e1dde7;--border:#8c6eaa21;--accent:#7697b3;--accent2:#b27782;--text:#4a405e;--dim:#9489a3;--glow:#7697b30f;--bar-bg:#4a405e;--sidebar-bg:#f0edf5;--card-bg:#e5e1ea;--radius:12px;--radius-pill:30px;--bar-h:76px;--sidebar-w:360px;--top-h:56px;--font-ui:"DM Sans", sans-serif;--font-title:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--scanlines:0}