:root{--bg:#fff;--ink:#0a0a0a;--ink-soft:#2b2b2b;--muted:#6b6b6b;--line-soft:#e6e6e6;--accent:#3a5a8c;--soft:#f4f6fa;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;text-transform:lowercase}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:500;margin:0}p{margin:0}.hidden{display:none!important}button{font:inherit;text-transform:lowercase;cursor:pointer}.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line-soft)}.brand{font-size:.875rem}.brand,.eyebrow{font-family:var(--font-mono)}.eyebrow{font-size:.625rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.wrap{max-width:1040px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2rem) 5rem}.layout{display:flex;gap:1.5rem;align-items:flex-start}.app{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1.2rem}.history{width:250px;flex:none;border:1px solid var(--line-soft);padding:.75rem .85rem;position:-webkit-sticky;position:sticky;top:1rem;max-height:84vh;overflow-y:auto}.h-head{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.h-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-top:1px solid var(--line-soft)}.h-row:first-of-type{border-top:none}.h-play{background:none;border:none;color:var(--accent);width:1.4rem;flex:none;cursor:pointer}.h-meta{display:flex;flex-direction:column;overflow:hidden}.h-title{font-size:.8125rem}.h-artist,.h-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-artist{font-size:.6875rem;color:var(--muted)}.r-tag{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);padding:.05rem .3rem;flex:none}@media (max-width:860px){.layout{flex-direction:column}.history{width:100%;position:static;max-height:none}}.np-bar{border:1px solid var(--line-soft);display:flex;flex-direction:column}.yt-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}.yt-wrap #wl-yt{position:absolute;inset:0;width:100%;height:100%}.np-controls{display:flex;align-items:center;gap:.5rem;padding:.7rem .85rem}.np-controls button{background:var(--bg);border:1px solid var(--ink);width:2.2rem;height:2.2rem;border-radius:50%}.np-controls button:hover:not(:disabled){background:var(--ink);color:var(--bg)}.np-controls button.primary{border-color:var(--accent);color:var(--accent)}.np-controls button.primary:hover:not(:disabled){background:var(--accent);color:#fff}.np-controls button:disabled{opacity:.3;cursor:not-allowed}.np-meta{margin-left:.5rem;overflow:hidden}.np-title{font-weight:500}.np-artist,.np-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{font-size:.8125rem;color:var(--muted)}.attention{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:0 .85rem .7rem;font-family:var(--font-mono);font-size:.625rem;color:var(--muted)}.attention .toggle{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.attention .nudge,.attention .preview-tag{color:var(--accent)}.tabs{display:flex;gap:.4rem;align-items:center}.tabs button{background:none;border:1px solid var(--line-soft);padding:.4rem .9rem;color:var(--muted)}.tabs button.on{border-color:var(--ink);color:var(--ink)}.tabs .msg{font-family:var(--font-mono);font-size:.625rem;color:var(--accent);margin-left:auto}.pane{display:flex;flex-direction:column;gap:.7rem}.searchbar{display:flex;gap:.5rem}.searchbar input{flex:1 1;font:inherit;text-transform:none;background:var(--bg);color:var(--ink);border:1px solid var(--line-soft);padding:.6rem .8rem}.searchbar input:focus{outline:none;border-color:var(--ink)}.searchbar button{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:.6rem 1.1rem}.searchbar button:disabled{opacity:.5}.upload-btn{display:inline-block;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:.6rem 1.1rem;cursor:pointer}.upload-btn:hover{opacity:.9}.np-audio{width:100%;padding:.5rem .85rem 0}.r-src{font-size:.95rem;flex:none;width:1.5rem;text-align:center}@media (max-width:560px){.wrap{padding:.6rem .6rem 4rem}.nav{padding:.7rem .9rem}.brand{font-size:.75rem}.layout{gap:1rem}.np-title{font-size:.95rem}.searchbar{flex-wrap:wrap}.searchbar input{min-width:0;flex:1 1 100%}.tabs{flex-wrap:wrap}.tabs .msg{margin-left:0;flex:1 1 100%}.np-controls button{width:2.4rem;height:2.4rem}.h-play,.q-play,.result button{min-width:2.2rem;min-height:2.2rem}.art{width:44px;height:44px}}.hint{font-family:var(--font-mono);font-size:.625rem;color:var(--muted)}.dj-note{font-size:.9rem;color:var(--ink-soft);border-left:2px solid var(--accent);padding-left:.7rem}.results{display:flex;flex-direction:column}.result{display:flex;align-items:center;gap:.7rem;padding:.45rem 0;border-top:1px solid var(--line-soft)}.result:first-child{border-top:none}.art{width:40px;height:40px;object-fit:cover;flex:none}.art,.art.ph{background:var(--soft)}.r-meta{flex:1 1;overflow:hidden}.r-artist,.r-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-artist{font-size:.75rem;color:var(--muted)}.result button{background:none;border:1px solid var(--line-soft);width:2rem;height:2rem;color:var(--accent)}.result button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.queue{display:flex;flex-direction:column}.q-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.q-actions{display:flex;gap:.4rem}.q-actions button{background:none;border:1px solid var(--line-soft);padding:.25rem .6rem;font-size:.6875rem;color:var(--muted)}.q-actions button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.q-actions button:disabled{opacity:.4}.q-empty{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);padding:.6rem 0}.q-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .3rem;border-top:1px solid var(--line-soft)}.q-row:first-of-type{border-top:none}.q-row.on{background:var(--soft)}.q-play{background:none;border:none;color:var(--accent);width:1.6rem}.q-meta{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.q-artist,.q-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-artist{font-size:.72rem;color:var(--muted)}.q-tag{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:.05rem .3rem}.q-x{background:none;border:none;color:var(--muted)}.q-x:hover{color:var(--ink)}.playlists{display:flex;flex-direction:column;border-top:1px solid var(--line-soft);padding-top:.8rem}.pl-head{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.pl-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0}.pl-load{background:none;border:none;color:var(--ink);flex:1 1;text-align:left}.pl-load:hover{color:var(--accent)}.pl-count{font-family:var(--font-mono);font-size:.625rem}.pl-count,.pl-x{color:var(--muted)}.pl-x{background:none;border:none}.pl-x:hover{color:var(--ink)}