:root{--bg: #14111c;--card: #1f1a2b;--line: #322a44;--text: #f1edf8;--muted: #a39cb5;--accent: #ff4f8b;--accent2: #7c5cff;--ok: #3ccf91;--err: #ff6b6b;--warn: #ffc857;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0}h1{font-size:1.6rem}h2{font-size:1.1rem}h3{font-size:1rem;margin-top:.5rem}a{color:var(--accent)}p{margin:0}.page{padding:16px;max-width:1200px;margin:0 auto}.page.narrow{max-width:560px}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:4px}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.center{text-align:center;align-items:center}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}@media (max-width: 860px){.grid{grid-template-columns:1fr}}.hero{text-align:center;padding:24px 0 8px}.hero h1{font-size:2.4rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--err)}.warn{color:var(--warn)}input,select{background:#120f19;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;min-width:0;flex:1}input[type=number]{max-width:90px;flex:0 0 auto}input[type=checkbox]{flex:0 0 auto;width:20px;height:20px}button,.button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;display:inline-block}button:disabled{opacity:.4;cursor:default}button.secondary,.button.secondary{background:#2d2540;color:var(--text)}button.small{padding:6px 10px;font-size:.85rem}.segmented{display:flex;background:#120f19;border-radius:10px;padding:4px}.segmented button{flex:1;background:transparent;color:var(--muted)}.segmented button.on{background:var(--accent2);color:#fff}.pill{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:#2d2540;font-size:.75rem;color:var(--text)}.track{display:flex;gap:12px;align-items:center;min-width:0;flex:1}.track img,.art-placeholder{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:0 0 auto}.art-placeholder{display:grid;place-items:center;background:#2d2540;color:var(--muted)}.track-text{min-width:0}.title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing .label{font-size:.8rem;color:var(--accent);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.now-playing.empty{text-align:center;padding:24px}.progress{height:6px;background:#120f19;border-radius:3px;overflow:hidden;margin-top:12px}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1s linear}ol.queue,ul.results,ul.plain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}ol.queue li,ul.results li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#19152a}ol.queue li.mine{outline:1px solid var(--accent2)}.pos{width:22px;text-align:center;color:var(--muted);font-weight:700}.actions{display:flex;gap:6px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:12px;max-width:min(92vw,520px);box-shadow:0 8px 30px #0006;z-index:10}.toast.ok{background:#183a2c;border:1px solid var(--ok)}.toast.err{background:#3a1820;border:1px solid var(--err)}.qr{border-radius:10px;background:#fff;padding:6px}.player-screen{display:grid;grid-template-columns:1fr 380px;gap:16px;padding:16px;min-height:100vh}@media (max-width: 900px){.player-screen{grid-template-columns:1fr}}.stage{background:#000;border-radius:14px;overflow:hidden;display:grid;place-items:center;min-height:360px;position:relative}.yt-frame{width:100%;height:100%;min-height:360px;aspect-ratio:16 / 9}.yt-frame iframe{width:100%;height:100%;border:0}.stage-empty{text-align:center}.start{display:flex;flex-direction:column;gap:6px;font-size:1.4rem;padding:24px 36px}.sim-player{text-align:center}.sim-disc{font-size:6rem;animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.side{max-height:calc(100vh - 32px);overflow:auto}.results.scroll{max-height:420px;overflow:auto}.card.highlight{border-color:var(--accent)}ul.results li.wrap{flex-wrap:wrap}textarea{background:#120f19;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;width:100%;resize:vertical}details>summary{cursor:pointer;color:var(--accent)}details[open]{display:flex;flex-direction:column;gap:8px}label.button{cursor:pointer}.stage .fs-toggle,.tv-stage .fs-toggle{position:absolute;top:10px;right:10px;opacity:.6;z-index:2}.stage .fs-toggle:hover,.tv-stage .fs-toggle:hover{opacity:1}.player-screen.tv{grid-template-columns:1fr 320px;height:100vh;padding:12px;background:var(--bg)}.player-screen.tv .stage{min-height:0}.player-screen.tv .yt-frame{aspect-ratio:auto;height:100%}.player-screen.tv .side{max-height:calc(100vh - 24px)}.stage .play-error{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;border-color:var(--err)}.import-box{border:1px dashed var(--line);border-radius:10px;padding:12px}.licence{align-items:flex-start}.licence input{margin-top:2px}.local-player{text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.local-player .cover{width:min(360px,50vh);height:min(360px,50vh);border-radius:16px;object-fit:cover;display:grid;place-items:center;font-size:6rem;background:#1f1a2b}.local-player .np-title{font-size:2rem;font-weight:700;margin-top:8px}.ad-slot{display:flex;align-items:center;gap:8px;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;color:var(--muted);font-size:.85rem;background:#17131f}.ad-slot.banner{min-height:60px;justify-content:center}.ad-tag{background:var(--warn);color:#000;font-weight:700;font-size:.7rem;padding:1px 6px;border-radius:4px}.tv-screen{display:grid;grid-template-columns:1fr 340px;grid-template-rows:1fr auto;gap:14px;padding:14px;height:100vh;background:var(--bg)}.tv-stage{background:#000;border-radius:14px;overflow:hidden;display:grid;place-items:center;position:relative;min-height:0}.tv-stage .yt-frame{width:100%;height:100%;aspect-ratio:auto}.tv-side{display:flex;flex-direction:column;gap:14px;min-height:0}.tv-qr{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.tv-qr .qr{flex:0 0 auto}.tv-name{font-size:1.3rem;font-weight:700}.tv-now{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.tv-now .label,.tv-queue .label{font-size:.8rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tv-queue{grid-column:1 / -1;display:flex;gap:10px;align-items:center;overflow:hidden;white-space:nowrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px}.tv-chip{background:#19152a;border-radius:99px;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;max-width:320px}@media (max-width: 900px){.tv-screen{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.tv-stage{min-height:300px}}.segmented.tabs{overflow-x:auto}.segmented.tabs button{flex:0 0 auto}.pair-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}.pair-screen h1{font-size:3rem}.pair-step{font-size:1.6rem;font-weight:700;color:var(--accent);margin:0}.pair-code{font-size:clamp(3rem,12vw,8rem);font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px 40px}.live-search{display:flex;align-items:center;gap:8px;background:#120f19;border:1px solid var(--line);border-radius:10px;padding:0 12px}.live-search input{border:0;background:transparent;padding-left:0}.live-search input:focus{outline:none}.notice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:#2a1d10;border:1px solid var(--warn)}.paste-button{width:100%;padding:14px}button.card.tappable{text-align:left;width:100%;color:var(--text);font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer}button.card.tappable:disabled{cursor:default;opacity:1}.song-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:16px}.song-title{font-size:1.5rem}.back{align-self:flex-start}.tv-upnext{padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.tv-upnext ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.tv-upnext li{display:flex;justify-content:space-between;gap:10px}.tv-upnext-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-upnext-by{color:var(--muted);flex:0 0 auto}.tv-screen{grid-template-rows:1fr}