:root{--song-list-width: 420px;--bg: #0b120b;--bg-surface: #131e13;--bg-hover: #1b2a1b;--bg-active: #1e3020;--border: #2a3f2a;--accent: #c8902a;--accent-dim: #966820;--text: #ede8dd;--text-muted: #7a9870;--text-faint: #3d5c38}[data-theme=light]{--bg: #f0ebe0;--bg-surface: #e5dfd3;--bg-hover: #d8d2c4;--bg-active: #c5d9b8;--border: #c0b89e;--accent: #3a5828;--accent-dim: #2b421d;--text: #1a2618;--text-muted: #4a6040;--text-faint: #7a8e6a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden}#root{flex:1;min-height:0;display:flex;flex-direction:column}header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-title{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex-shrink:1}header h1{font-size:1.75rem;font-weight:700;color:var(--accent);letter-spacing:-.02em;white-space:nowrap}header h1 .home-link{color:inherit;text-decoration:none;cursor:pointer}header .subtitle{color:var(--text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dice-btn{background:none;border:none;cursor:pointer;color:var(--text-faint);padding:.25rem;min-width:2.75rem;min-height:2.75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.dice-btn:hover{color:var(--accent)}.theme-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;min-width:2.75rem;min-height:2.75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.theme-btn:hover{color:var(--accent)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.25rem;flex-shrink:0}.feedback-link{color:var(--text-muted);text-decoration:none;min-width:2.75rem;min-height:2.75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.feedback-link:hover,.dice-btn.rolling{color:var(--accent)}.search-bar{padding:.875rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;background:var(--bg);flex-shrink:0}.search-input-wrap{position:relative;flex:1}.search-bar input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;font-family:inherit;padding:.625rem 2.4rem .625rem 1rem;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-clear-btn{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.125rem;border-radius:4px}.search-clear-btn:hover{color:var(--text)}.search-clear-btn:focus-visible{outline:2px solid var(--accent-dim);outline-offset:1px}.search-bar input::placeholder{color:var(--text-faint)}.search-bar input:focus{border-color:var(--accent-dim)}.search-bar input::-webkit-search-cancel-button,.search-bar input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.result-count{color:var(--text-muted);font-size:.8125rem;white-space:nowrap;min-width:5rem;text-align:right}main{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.results-panel{display:flex;flex-direction:column;width:var(--song-list-width);min-width:180px;flex-shrink:0;overflow:hidden}.results-scroll-wrap{position:relative;flex:1;min-height:0;overflow:hidden}.results-scroll-wrap:before,.results-scroll-wrap:after{content:"";position:absolute;left:0;right:0;height:3rem;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s}.results-scroll-wrap:before{top:0;background:linear-gradient(to bottom,var(--bg),transparent)}.results-scroll-wrap:after{bottom:0;background:linear-gradient(to top,var(--bg),transparent)}.results-scroll-wrap.has-top:before{opacity:1}.results-scroll-wrap.has-bottom:after{opacity:1}#results{list-style:none;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:transparent transparent;transform:scaleX(-1)}#results>*{transform:scaleX(-1)}#results:hover,#results.is-scrolling{scrollbar-color:var(--border) transparent}#results::-webkit-scrollbar{width:6px}#results::-webkit-scrollbar-track{background:transparent}#results::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}#results:hover::-webkit-scrollbar-thumb,#results.is-scrolling::-webkit-scrollbar-thumb{background:var(--border)}#results:hover::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.result-item{text-align:left;display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.result-item:hover{background:var(--bg-hover)}.result-item.active{background:var(--bg-active);border-left:3px solid var(--accent);padding-left:calc(1.5rem - 3px)}.result-item.active .song-title{color:var(--accent)}.result-text{flex:1;min-width:0}.song-title{font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-stream{font-size:.7rem;color:var(--text-faint);margin-top:.125rem}.song-stream-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.cover-indicator,.members-only-indicator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.no-results{padding:3rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9375rem}.resize-handle{width:9px;flex-shrink:0;cursor:col-resize;position:relative;margin-left:-4px;z-index:1}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border);transition:background .15s}.resize-handle:hover:after,.resize-handle.dragging:after{background:var(--accent-dim)}.player-panel{flex:1;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;overflow:hidden;min-width:0}.now-playing{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0}.now-playing-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.now-playing-title{font-size:.9375rem;font-weight:500;color:var(--text)}.now-playing-artist{font-size:.8125rem;color:var(--text-muted)}.now-playing-stream{font-size:.7rem;color:var(--text-faint);margin-top:.125rem}.yt-wrapper{flex:1;min-height:0;display:flex;align-items:flex-start}.yt-container{position:relative;width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.yt-container .yt-lite,.yt-container .yt-lite>iframe{width:100%;height:100%;border-radius:0;border:none}.yt-container iframe{width:100%;height:100%;display:block;border:none}@media(max-width:768px){body{height:auto;overflow:auto}main{flex-direction:column;overflow:visible}.results-panel{width:100%!important;border-right:none;border-bottom:1px solid var(--border);max-height:50vh}.resize-handle{display:none}.player-panel{padding:1rem}}.yt-lite{background-color:#000;position:relative;display:block;contain:layout style;background-position:50%;background-size:cover;cursor:pointer;aspect-ratio:16 / 9}.yt-lite.lyt-activated:before{content:"";box-sizing:content-box;display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}.yt-lite:after{content:"";display:block;padding-bottom:var(--aspect-ratio, 56.25%)}@supports (aspect-ratio: 16 / 9){.yt-lite:after{display:none}}.yt-lite>iframe{width:100%;height:100%;position:absolute;top:0;left:0;right:0;border:0;outline:0;margin:0;padding:0;display:block}.yt-lite>.lty-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.yt-lite>.lty-playbtn{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:68px;height:48px;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%23f00"/><path d="M45 24 27 14v20" fill="%23fff"/></svg>');background-repeat:no-repeat;background-size:100% 100%;transition:filter .1s cubic-bezier(0,0,.2,1);border:none;cursor:pointer;filter:grayscale(100%);opacity:.8;padding:0;line-height:0;font-size:0}.yt-lite:hover>.lty-playbtn{filter:none;opacity:1}.yt-lite.lyt-activated{cursor:unset}.yt-lite.lyt-activated:before,.yt-lite.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lty-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yt-lite>.lty-playlist-icon{position:absolute;top:8px;right:8px;width:48px;height:48px;background-color:#000c;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.yt-lite>.lty-playlist-icon:before{content:"";width:28px;height:28px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4 6h2v12H4V6zm12 0h-2v12h2V6zM8 6h10v12H8V6z" opacity="0.5"/><path d="M10 8h8v8h-8V8z"/></svg>');background-repeat:no-repeat;background-size:contain;background-position:center}