:root{--bg: #0d0b09;--surface: #141210;--surface2: #1e1b17;--border: #302a22;--text: #f0ede8;--muted: #6e6560;--accent: #d56000;--accent2: #ffaa44;--green: #4cba7a;--red: #e85555;--yellow: #f5a623;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--accent);text-decoration:none}.shell{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3rem}.top{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--border);gap:1rem}.brand{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.1em;font-size:1.3rem;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.nav{display:flex;gap:.4rem}.nav a{padding:.3rem .8rem;border-radius:999px;border:1px solid transparent;color:var(--muted);font-size:.88rem;font-weight:500;transition:color .15s,border-color .15s}.nav a:hover{color:var(--text);border-color:var(--border)}.nav a.active{background:linear-gradient(120deg,var(--accent),var(--accent2));color:#fff;font-weight:700}.main{margin-top:1.25rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 8px 40px #00000073}.panel h1{font-size:1.5rem;margin-bottom:.35rem}.panel h2{font-size:1rem;margin-bottom:.75rem}.muted{color:var(--muted)}.error{color:var(--red)}.ok{color:var(--green)}.small{font-size:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,var(--accent2) 20%,transparent));color:var(--text);font-weight:600;cursor:pointer;font-size:.9rem;transition:filter .15s}.button:hover{filter:brightness(1.15)}.button.secondary{background:transparent;border-color:var(--border);color:var(--muted)}.button.secondary:hover{color:var(--text)}.button.small{padding:.3rem .65rem;font-size:.8rem}.button:disabled{opacity:.4;cursor:not-allowed;filter:none}.button.in-playlist{background:transparent;color:var(--green);border-color:var(--green);opacity:.75}.icon-btn{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .15s}.icon-btn:hover{background:var(--surface2)}.icon-btn.danger{border-color:color-mix(in srgb,var(--red) 50%,var(--border));color:var(--red)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--red) 12%,transparent)}.stream-error{padding:.65rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--border));background:color-mix(in srgb,var(--red) 8%,transparent);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stream-error .error{margin:0}.player-page{display:flex;flex-direction:column;gap:1.25rem}.player-hero{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem 2.5rem;box-shadow:0 12px 60px #00000080;position:relative;overflow:hidden}.player-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 15% 50%,color-mix(in srgb,var(--accent) 6%,transparent) 0%,transparent 70%);pointer-events:none}.player-hero--on{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 12px 60px #00000080,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 0 120px color-mix(in srgb,var(--accent) 4%,transparent)}.disc-wrap{position:relative;width:200px;height:200px;flex-shrink:0}.disc-wrap--glow:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 70%);animation:disc-glow 2.4s ease-in-out infinite}@keyframes disc-glow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2c2825,#141210),conic-gradient(from 0deg,#1c1915,#23201c,#1c1915,#23201c,#1c1915);box-shadow:0 6px 30px #000000b3,inset 0 0 40px #0009;will-change:transform}.disc--spin{animation:disc-spin 9s linear infinite}@keyframes disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-groove{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.045);top:50%;left:50%;transform:translate(-50%,-50%)}.disc-groove-1{width:170px;height:170px}.disc-groove-2{width:140px;height:140px}.disc-groove-3{width:110px;height:110px}.disc-groove-4{width:82px;height:82px}.disc-cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0000008c,0 3px 14px #0009;z-index:1;transition:background-image .3s}.disc-cover:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#080706;box-shadow:inset 0 1px 3px #000c;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.disc-cover--art{background-color:transparent}.disc-cover--art .disc-logo{display:none}.disc-logo{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.06em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);position:relative;z-index:1}.player-info{display:flex;flex-direction:column;gap:.6rem;min-width:0}.player-status-row{display:flex;align-items:center;gap:.6rem}.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.12em;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:var(--surface2)}.live-badge--on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.live-dot--pulse{background:var(--accent);box-shadow:0 0 5px var(--accent);animation:pulse-dot 1.3s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.listeners-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--muted);padding:.2rem .55rem;background:var(--surface2);border:1px solid var(--border);border-radius:999px}.player-track{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;letter-spacing:.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:1rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-remaining{font-size:.78rem;color:color-mix(in srgb,var(--accent) 80%,var(--muted));letter-spacing:.03em}.player-controls{display:flex;flex-direction:column;gap:.6rem;margin-top:.25rem}.custom-player{display:flex;align-items:center;gap:1rem;background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:.7rem 1.1rem;transition:border-color .25s,background .25s}.custom-player--live{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface2))}.custom-player--err{border-color:color-mix(in srgb,var(--red) 40%,var(--border))}.cp-btn{position:relative;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #d5600066;transition:transform .12s,box-shadow .12s}.cp-btn:hover{transform:scale(1.07);box-shadow:0 6px 22px #d5600099}.cp-btn:active{transform:scale(.93)}.cp-btn--loading{background:color-mix(in srgb,var(--accent) 30%,var(--surface2));box-shadow:none}.cp-btn--loading:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--accent);border-right-color:color-mix(in srgb,var(--accent) 40%,transparent);animation:cp-spin .75s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-status{flex:1;min-width:0}.cp-status-live{display:inline-flex;align-items:center;gap:.4rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.1em;color:var(--accent)}.cp-status-idle{font-size:.85rem;color:var(--muted)}.cp-status-err{font-size:.85rem;color:var(--red)}.cp-retry{background:none;border:none;cursor:pointer;color:var(--accent);font-size:.85rem;text-decoration:underline;padding:0}.cp-volume{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.cp-vol-icon{background:none;border:none;cursor:pointer;color:var(--muted);padding:.2rem;display:flex;transition:color .15s}.cp-vol-icon:hover{color:var(--text)}.cp-vol-slider{width:76px;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;outline:none;cursor:pointer;transition:height .15s}.cp-vol-slider:hover{height:5px}.cp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 5px #d5600080;transition:transform .1s}.cp-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cp-vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.queue-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #0000004d}.queue-heading{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.queue-list{list-style:none;display:flex;flex-direction:column;gap:2px}.queue-item{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:8px;transition:background .12s}.queue-item:hover{background:var(--surface2)}.queue-item--current{background:color-mix(in srgb,var(--accent) 12%,var(--surface2))}.queue-item--current .queue-title{color:var(--text);font-weight:600}.queue-item--current .queue-idx{color:var(--accent)}.queue-idx{font-size:.8rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.queue-now-icon{font-size:.72rem}.queue-title{font-size:.88rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-artist{color:var(--text);font-weight:500}.queue-dur{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}@media(max-width:680px){.player-hero{grid-template-columns:1fr;text-align:center;padding:1.5rem;gap:1.5rem}.disc-wrap{margin:0 auto}.player-status-row{justify-content:center}.player-controls{align-items:stretch}}.now-playing-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 1.5rem;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#131210,#0e0c0a);box-shadow:0 0 0 1px var(--border),0 16px 60px #00000080;position:relative;overflow:hidden;margin-bottom:1rem}.now-playing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 100% at 0% 50%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 70%);pointer-events:none}.now-playing-card.on-air{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 16px 60px #00000080,inset 0 0 80px color-mix(in srgb,var(--accent) 4%,transparent)}.now-playing-left{display:flex;flex-direction:column;gap:.75rem;align-items:center}.on-air-badge{display:flex;align-items:center;gap:.4rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--muted)}.on-air-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.on-air-dot.pulse{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse-dot 1.3s ease-in-out infinite}.eq-bars{display:flex;gap:3px;align-items:flex-end;height:28px}.eq-bar{width:4px;border-radius:2px 2px 0 0;background:linear-gradient(to top,var(--accent),var(--accent2));height:5px}.eq-bar.eq-anim{animation:eq-bounce .9s ease-in-out infinite alternate}@keyframes eq-bounce{0%{height:4px}to{height:24px}}.now-playing-center{min-width:0}.np-title{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.np-artist{font-size:.9rem;color:var(--muted);margin-top:.2rem}.np-meta{font-size:.73rem;color:var(--muted);margin-top:.45rem;letter-spacing:.04em}.now-playing-right{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.listeners-badge{display:flex;align-items:baseline;gap:.3rem;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem}.listeners-count{font-size:1.1rem;font-weight:700}.listeners-icon{font-size:.85rem}.listeners-label{font-size:.72rem;color:var(--muted)}.skip-btn{padding:.5rem 1.1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600;font-size:.9rem;cursor:pointer;letter-spacing:.03em;transition:background .15s,color .15s}.skip-btn:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.skip-btn:disabled{opacity:.35;cursor:not-allowed}.tab-bar{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:1rem}.tab-btn{padding:.4rem .9rem;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--muted);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:color .15s}.tab-btn:hover{color:var(--text)}.tab-btn.tab-active{background:var(--surface);border-color:var(--border);border-bottom:1px solid var(--surface);color:var(--text);margin-bottom:-1px}.tab-count{background:var(--surface2);border-radius:999px;padding:0 .45rem;font-size:.75rem;color:var(--muted);min-width:1.5rem;text-align:center}.tab-active .tab-count{background:color-mix(in srgb,var(--accent) 20%,var(--surface2));color:var(--accent)}.tab-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:0 12px 12px;padding:1rem;max-height:520px;overflow-y:auto}.pl-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.pl-row{display:grid;grid-template-columns:1.5rem 2rem 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface2) 60%,transparent);transition:background .1s}.pl-row:hover{background:var(--surface2)}.pl-row--playing{background:color-mix(in srgb,var(--accent) 12%,var(--surface2));border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.pl-now-icon{color:var(--accent);font-size:.8rem}.pl-handle{color:var(--muted);font-size:1.1rem;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.pl-handle:active{cursor:grabbing}.pl-pos{color:var(--muted);font-size:.8rem;text-align:right}.pl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.pl-dur{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.search-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.4rem .75rem}.search-icon{font-size:1rem}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.9rem}.search-input::placeholder{color:var(--muted)}.search-clear{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1rem}.lib-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.lib-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface2) 50%,transparent)}.lib-row:hover{background:var(--surface2)}.lib-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.lib-dur{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.toast{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-radius:10px;margin-bottom:.75rem;font-size:.88rem;font-weight:500}.toast-ok{background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);color:var(--green)}.toast-err{background:color-mix(in srgb,var(--red) 12%,transparent);border:1px solid color-mix(in srgb,var(--red) 35%,transparent);color:var(--red);gap:1rem}.toast-err button{background:transparent;border:none;color:var(--red);cursor:pointer;font-size:1.1rem}.admin-panel{display:flex;flex-direction:column;gap:0}.row{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}@media(max-width:720px){.now-playing-card{grid-template-columns:1fr}.now-playing-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}