.radio-console[data-source="youtube"] [data-only="spotify"],.radio-console[data-source="tidal"] [data-only="spotify"]{display:none !important;}.radio-console:not([data-source="youtube"]):not([data-source="tidal"]) .qp{display:none;}.qp-tabs{display:inline-flex;justify-self:start;gap:0.25rem;padding:0.25rem;border:1px solid var(--panel-line,var(--line));border-radius:var(--panel-radius-pill,999px);background:var(--panel-bg-elev,transparent);}.qp-tab{padding:0.45rem 1.05rem;border:0;border-radius:var(--panel-radius-pill,999px);background:transparent;color:var(--panel-muted,var(--muted));font:inherit;font-size:0.85rem;font-weight:600;cursor:pointer;transition:background 0.18s ease,color 0.18s ease;}.qp-tab:hover{color:var(--panel-ink,var(--ink));}.qp-tab[aria-selected="true"]{background:var(--panel-accent,var(--signal));color:#fff;}.qp-tab:focus-visible,.qp-btn:focus-visible,.qp-pick:focus-visible,.qp-remove:focus-visible{outline:2px solid var(--panel-accent,var(--signal));outline-offset:2px;}.qp{display:grid;gap:0.9rem;}.qp [hidden]{display:none !important;}.qp-browse{display:grid;gap:0.75rem;}.qp-lib{display:grid;gap:0.35rem;max-height:24rem;overflow-y:auto;}.qp-lib-h{margin:0.6rem 0 0.2rem;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--panel-muted,var(--muted));}.qp-lib-list{display:grid;gap:0.2rem;margin:0;padding:0;list-style:none;}.qp-lib-item{display:grid;grid-template-columns:2.75rem 1fr auto;gap:0.7rem;align-items:center;padding:0.35rem 0.4rem;border-radius:var(--panel-radius-sm,0.55rem);}.qp-lib-item:hover{background:var(--panel-accent-soft,rgba(139,26,26,0.1));}.qp-lib-item img,.qp-lib-ph{display:block;width:2.75rem;height:2.75rem;border-radius:0.35rem;object-fit:cover;background:var(--panel-line,var(--line));}.qp-tidal{display:grid;gap:0.45rem;padding:0.75rem 0.9rem;border:1px dashed var(--panel-line,var(--line));border-radius:var(--panel-radius-sm,0.55rem);}.qp-tidal p{margin:0;}.qp-add{display:flex;gap:0.5rem;}.qp-add input{flex:1;min-width:0;padding:0.7rem 0.85rem;border:1px solid var(--panel-line,var(--line-strong));border-radius:var(--panel-radius-sm,0.55rem);background:var(--panel-bg-elev,var(--white));color:var(--panel-ink,var(--ink));font:inherit;}.qp-add input:focus{outline:2px solid var(--panel-accent,var(--signal));outline-offset:1px;}.qp-hint{margin:-0.4rem 0 0;}.qp-now{display:grid;grid-template-columns:8rem 1fr;gap:0.9rem;align-items:center;}.qp-now-art{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--panel-radius-sm,0.55rem);background:var(--panel-line,var(--line));}.qp-now-art img{display:block;width:100%;height:100%;object-fit:cover;}.qp-now-meta{min-width:0;}.qp-state{margin:0;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--panel-accent,var(--signal));}.qp-now-title{margin:0.2rem 0 0;font-size:1.05rem;font-weight:700;line-height:1.3;}.qp-now-artist{margin:0.15rem 0 0;font-size:0.85rem;color:var(--panel-muted,var(--muted));}.qp-seek{--fill:0%;display:block;width:100%;height:1rem;margin:0.45rem 0 0;padding:0;border:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;}.qp-seek:disabled{cursor:default;}.qp-seek::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--panel-accent,var(--signal)) var(--fill),var(--panel-line,var(--line)) var(--fill));}.qp-seek::-moz-range-track{height:4px;border-radius:999px;background:var(--panel-line,var(--line));}.qp-seek::-moz-range-progress{height:4px;border-radius:999px;background:var(--panel-accent,var(--signal));}.qp-seek::-webkit-slider-thumb{width:0.8rem;height:0.8rem;margin-top:calc((4px - 0.8rem) / 2);border:0;border-radius:50%;background:var(--panel-accent,var(--signal));-webkit-appearance:none;appearance:none;opacity:0;transition:opacity 0.15s ease;}.qp-seek::-moz-range-thumb{width:0.8rem;height:0.8rem;border:0;border-radius:50%;background:var(--panel-accent,var(--signal));opacity:0;transition:opacity 0.15s ease;}.qp-seek:hover::-webkit-slider-thumb,.qp-seek:focus-visible::-webkit-slider-thumb{opacity:1;}.qp-seek:hover::-moz-range-thumb,.qp-seek:focus-visible::-moz-range-thumb{opacity:1;}.qp-seek:disabled::-webkit-slider-thumb{opacity:0;}.qp-seek:focus-visible{outline:2px solid var(--panel-accent,var(--signal));outline-offset:2px;border-radius:999px;}.qp-time{display:flex;justify-content:space-between;margin:0.3rem 0 0;font-size:0.75rem;font-variant-numeric:tabular-nums;color:var(--panel-muted,var(--muted));}.qp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:0.3rem;}.qp-btn{position:relative;display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--panel-ink,var(--ink));cursor:pointer;transition:background 0.18s ease,color 0.18s ease;}.qp-btn:hover{background:var(--panel-accent-soft,rgba(139,26,26,0.1));}.qp-btn svg{width:1.35rem;height:1.35rem;fill:currentColor;}.qp-btn[aria-pressed="true"],.qp-btn[data-mode="all"],.qp-btn[data-mode="one"]{color:var(--panel-accent,var(--signal));}.qp-btn[aria-pressed="true"]::before,.qp-btn[data-mode="all"]::before,.qp-btn[data-mode="one"]::before{content:"";position:absolute;bottom:0.2rem;width:0.25rem;height:0.25rem;border-radius:999px;background:currentColor;}.qp-btn[data-mode="one"]::after{content:"1";position:absolute;top:0.2rem;right:0.25rem;font-size:0.62rem;font-weight:700;}.qp-btn.qp-play{width:3rem;height:3rem;background:var(--panel-accent,var(--signal));color:#fff;}.qp-btn.qp-play:hover{background:var(--panel-live,var(--signal-soft));}.qp-volume{display:flex;align-items:center;gap:0.45rem;margin-left:auto;color:var(--panel-muted,var(--muted));}.qp-volume svg{width:1.2rem;height:1.2rem;fill:currentColor;}.qp-volume input{width:8.5rem;accent-color:var(--panel-accent,var(--signal));}.qp-volume-val{min-width:2ch;font-size:0.8rem;font-variant-numeric:tabular-nums;}.qp-queue{overflow:hidden;border:1px solid var(--panel-line,var(--line));border-radius:var(--panel-radius,0.9rem);background:var(--panel-bg-elev,transparent);}.qp-queue-head{display:flex;align-items:center;gap:0.6rem;padding:0.75rem 0.9rem;border-bottom:1px solid var(--panel-line,var(--line));}.qp-queue-head .btn{margin-left:auto;}.qp-list{max-height:30rem;margin:0;padding:0.25rem 0;overflow-y:auto;list-style:none;}.qp-item{display:flex;align-items:center;gap:0.25rem;padding-right:0.4rem;}.qp-item.is-current{background:var(--panel-accent-soft,rgba(139,26,26,0.1));}.qp-pick{display:grid;flex:1;grid-template-columns:1.6rem 6.5rem 1fr;gap:0.7rem;align-items:center;min-width:0;padding:0.4rem 0.4rem 0.4rem 0.6rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;}.qp-pick:hover{background:var(--panel-accent-soft,rgba(139,26,26,0.1));}.qp-idx{font-size:0.8rem;font-variant-numeric:tabular-nums;text-align:center;color:var(--panel-muted,var(--muted));}.is-current .qp-idx{color:var(--panel-accent,var(--signal));}.qp-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:0.35rem;background:var(--panel-line,var(--line));}.qp-thumb img{display:block;width:100%;height:100%;object-fit:cover;}.qp-dur{position:absolute;right:0.25rem;bottom:0.25rem;padding:0.05rem 0.3rem;border-radius:0.25rem;background:rgba(0,0,0,0.78);color:#fff;font-size:0.7rem;font-weight:600;font-variant-numeric:tabular-nums;}.qp-meta{display:grid;gap:0.15rem;min-width:0;}.qp-title{display:-webkit-box;overflow:hidden;font-size:0.9rem;font-weight:600;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.qp-artist{overflow:hidden;font-size:0.78rem;white-space:nowrap;text-overflow:ellipsis;color:var(--panel-muted,var(--muted));}.qp-remove{display:grid;flex:none;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--panel-muted,var(--muted));cursor:pointer;opacity:0.55;}.qp-item:hover .qp-remove,.qp-remove:focus-visible{opacity:1;}.qp-remove:hover{color:var(--panel-accent,var(--signal));}.qp-remove svg{width:1rem;height:1rem;fill:currentColor;}.qp-empty{margin:0;padding:1.25rem 0.9rem;}.qp-grip{display:grid;flex:none;place-items:center;width:1.6rem;height:2.75rem;margin-left:0.2rem;padding:0;border:0;border-radius:var(--panel-radius-sm,0.55rem);background:transparent;color:var(--panel-muted,var(--muted));cursor:grab;opacity:0.55;touch-action:none;}.qp-grip svg{width:1.1rem;height:1.1rem;fill:currentColor;}.qp-item:hover .qp-grip,.qp-grip:focus-visible{opacity:1;}.qp-grip:focus-visible{outline:2px solid var(--panel-accent,var(--signal));outline-offset:1px;}.qp-item{position:relative;}.qp-item.is-dragging{z-index:2;border-radius:var(--panel-radius-sm,0.55rem);background:var(--panel-bg-elev,#1a1414);box-shadow:0 12px 28px rgba(0,0,0,0.38);outline:1px solid var(--panel-accent,var(--signal));}.qp-item.is-dragging .qp-grip{cursor:grabbing;opacity:1;}.qp-readonly .qp-controls,.qp-readonly .qp-remove,.qp-readonly .qp-grip,.qp-readonly .qp-pick,.qp-readonly .qp-queue-head .btn{opacity:0.45;pointer-events:none;}@media (max-width:560px){.qp-add{flex-direction:column;}.qp-now{grid-template-columns:5.5rem 1fr;}.qp-pick{grid-template-columns:1.3rem 5rem 1fr;gap:0.55rem;}.qp-volume{width:100%;margin-left:0;}.qp-volume input{flex:1;}}@media (prefers-reduced-motion:reduce){.qp-seek::-webkit-slider-thumb{transition:none;}.qp-seek::-moz-range-thumb{transition:none;}}.btn-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px;margin-left:-0.2rem;}