.qb-modal-scrim{position:fixed;inset:0;z-index:var(--z-panel);display:grid;place-items:start center;padding:clamp(var(--space-6),10vh,140px) var(--space-4) var(--space-6);background:#0a090880;backdrop-filter:blur(2px);animation:qb-fade .16s ease}@keyframes qb-fade{0%{opacity:0}to{opacity:1}}.qb-modal{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 30px 80px -24px #0009;animation:qb-pop .2s cubic-bezier(.2,.7,.2,1)}@keyframes qb-pop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.qb-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-soft)}.qb-modal-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-faded);margin:0}.qb-modal-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;margin:4px 0 0}.qb-modal-close{width:28px;height:28px;display:grid;place-items:center;font-size:var(--text-base);color:var(--color-faded);background:none;border:1px solid var(--color-border-soft);border-radius:4px;cursor:pointer}.qb-modal-close:hover{color:var(--color-text);border-color:var(--color-border)}.qb-modal-searchrow{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0}.qb-modal-search{flex:1;display:flex;align-items:center;gap:var(--space-2);background:var(--color-paper);border:1px solid var(--color-border);border-radius:4px;padding:0 var(--space-3)}.qb-modal-search-icon{color:var(--color-faded);font-size:var(--text-md)}.qb-modal-search-input{flex:1;font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text);background:none;border:none;padding:var(--space-3) 0;outline:none}.qb-modal-search-clear{color:var(--color-faded);background:none;border:none;cursor:pointer;font-size:var(--text-sm)}.qb-modal-search-btn,.qb-modal-spotify-btn{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:0 var(--space-3);border-radius:4px;cursor:pointer;white-space:nowrap}.qb-modal-search-btn{color:#fff;background:var(--color-text);border:1px solid var(--color-text)}.qb-modal-spotify-btn{color:var(--color-spotify);background:none;border:1px solid color-mix(in srgb,var(--color-spotify) 50%,transparent)}.qb-modal-spotify-btn:disabled,.qb-modal-search-btn:disabled{opacity:.5;cursor:not-allowed}.qb-modal-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-subtle);margin:var(--space-3) var(--space-5) 0}.qb-modal-refresh{margin:var(--space-2) var(--space-5) 0;padding:7px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;cursor:pointer}.qb-modal-refresh:hover:not(:disabled){border-color:var(--color-text)}.qb-modal-refresh:disabled{opacity:.5;cursor:default}.qb-modal-results{margin-top:var(--space-3);padding:0 var(--space-3) var(--space-4);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px}.qb-modal-empty{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-faded);text-align:center;padding:var(--space-8)}.qb-modal-more{margin-top:4px;padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-subtle);background:none;border:1px solid var(--color-border-soft);border-radius:4px;cursor:pointer;transition:background .1s,border-color .1s}.qb-modal-more:hover{background:var(--color-paper);border-color:var(--color-text)}.qb-modal-more:disabled{opacity:.5;cursor:not-allowed}.qb-modal-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0}.qb-modal-tab{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px;border:1px solid var(--color-border-soft);background:none;color:var(--color-subtle);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.qb-modal-tab:hover{color:var(--color-text);border-color:var(--color-border)}.qb-modal-tab.is-active{color:#fff;background:var(--color-text);border-color:var(--color-text)}.qb-modal-tab-count{opacity:.75;margin-left:5px}.qb-pickrow{display:flex;align-items:stretch;gap:6px}.qb-pickrow>.gs-row{flex:1;min-width:0}.qb-pickrow-side{flex:0 0 auto;align-self:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;padding:7px 10px;border-radius:4px;border:1px solid var(--color-border-soft);background:none;color:var(--color-subtle);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.qb-pickrow-side:hover{color:var(--color-text);border-color:var(--color-border);background:var(--color-paper)}.qb-pickrow-side--primary{color:var(--color-text);border-color:var(--color-border)}.qb-pickrow-side--primary:hover{color:#fff;background:var(--color-text);border-color:var(--color-text)}.qb-pickrow-side--danger:hover{color:#c0392b;border-color:color-mix(in srgb,#c0392b 40%,var(--color-border-soft));background:none}.qb-pickrow-side:disabled{opacity:.5;cursor:not-allowed}.qb-modal-scrim--add{padding-top:clamp(var(--space-4),4vh,48px)}.qb-modal--add{width:min(760px,94vw);max-height:86vh}.qb-modal--add .qb-modal-search-input{font-size:16px}.qb-modal--add .qb-modal-results{flex:1;min-height:360px}@media (prefers-reduced-motion: reduce){.qb-modal,.qb-modal-scrim{animation:none}}