.ex-library .lb-k-bar{width:22px;height:9px;border-radius:3px;background:color-mix(in srgb,var(--accent) 30%,transparent);border-right:2px solid var(--accent)}.ex-library .lb-k-sink{width:14px;height:14px;border-radius:4px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 6px color-mix(in srgb,var(--accent) 45%,transparent)}.ex-library .lb-k-release{width:14px;height:14px;border-radius:4px;border:1px dashed color-mix(in srgb,var(--accent) 60%,var(--line))}.ex-library .lb-field{position:relative}.ex-library .lb-queue{position:sticky;top:.75rem;z-index:5;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--accent) calc(12% + var(--load, 0) * 50%),var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) calc(var(--load, 0) * 7%),var(--bg-2));box-shadow:0 0 calc(4px + var(--load, 0) * 28px) color-mix(in srgb,var(--accent) calc(var(--load, 0) * 45%),transparent);transition:box-shadow .35s,background .35s,border-color .35s}.ex-library .lb-queue-head{display:flex;align-items:center;gap:.7rem}.ex-library .lb-queue-title{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.ex-library .lb-queue-count{font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--accent)}.ex-library .lb-fill{width:5.5rem;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}.ex-library .lb-fill i{display:block;height:100%;width:0%;background:var(--accent);transition:width .35s cubic-bezier(.2,.7,.2,1)}.ex-library .lb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.ex-library .lb-chips:not(:empty){margin-top:.6rem}.ex-library .lb-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:16rem;padding:.22rem .3rem .22rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat, var(--accent)) 45%,var(--line));background:color-mix(in srgb,var(--cat, var(--accent)) 9%,transparent);font-size:.72rem;color:var(--text-2);transition:opacity .45s,transform .45s}.ex-library .lb-chip-t{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ex-library .lb-chip-x{display:grid;place-items:center;width:1.1rem;height:1.1rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text-3);font-size:.8rem;line-height:1;cursor:pointer}.ex-library .lb-chip-x:hover{color:var(--text);background:color-mix(in srgb,var(--text) 16%,transparent)}.ex-library .lb-queue-empty{margin:.45rem 0 0;font-size:.74rem;color:var(--text-4)}.ex-library .lb-release{margin:.45rem 0 0;font-family:var(--mono);font-size:.74rem;color:var(--accent)}.ex-library .lb-queue[data-releasing]{border-color:var(--accent)}.ex-library .lb-queue[data-releasing] .lb-chip{opacity:0;transform:scale(.82) translateY(.3rem)}.ex-library .lb-list{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.ex-library .lb-row{--w: .5;--bar: .5;display:grid;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,1.5vw,.9rem);padding:.15rem 0;opacity:calc(.58 + var(--w) * .42);transition:opacity .3s}.ex-library .lb-rank{font-family:var(--mono);font-size:clamp(1.05rem,2vw,1.4rem);font-weight:600;text-align:right;line-height:1;color:color-mix(in srgb,var(--cat, var(--accent)) calc(20% + var(--w) * 55%),var(--text-4))}.ex-library .lb-bararea{position:relative;min-width:0;min-height:3.1rem;display:flex;align-items:center}.ex-library .lb-bararea:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--bar) * 100%);border-radius:8px;background:color-mix(in srgb,var(--cat, var(--accent)) calc(10% + var(--w) * 12%),transparent);border-right:2px solid color-mix(in srgb,var(--cat, var(--accent)) 60%,var(--line));transition:background .3s,border-color .3s}.ex-library .lb-row:hover .lb-bararea:before{background:color-mix(in srgb,var(--cat, var(--accent)) calc(15% + var(--w) * 12%),transparent)}.ex-library .lb-body{position:relative;min-width:0;max-width:min(calc(var(--bar) * 100% - .4rem),calc(100% - 6.6rem));padding:.4rem .75rem}.ex-library .lb-title{display:block;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb,var(--text) calc(45% + var(--w) * 55%),var(--text-4));font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.3;letter-spacing:-.01em;font-variation-settings:"wght" calc(380 + var(--w) * 360)}.ex-library .lb-title:hover{color:var(--accent)}.ex-library .lb-meta{display:block;margin-top:.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;color:var(--text-3)}.ex-library .lb-artist{color:color-mix(in srgb,var(--cat, var(--accent)) 55%,var(--text-3))}.ex-library .lb-listens{position:absolute;top:50%;left:min(calc(var(--bar) * 100% + .65rem),calc(100% - 5.9rem));transform:translateY(-50%);display:grid;justify-items:start;line-height:1;white-space:nowrap;transition:left .3s}.ex-library .lb-listens b{font-family:var(--mono);font-size:.88rem;font-weight:600;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--cat, var(--accent)) calc(25% + var(--w) * 60%),var(--text-3))}.ex-library .lb-listens-l{margin-top:.18rem;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.ex-library .lb-add{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-4);cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.ex-library .lb-row:hover .lb-add:not(:disabled){color:var(--text-2);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.ex-library .lb-add:disabled{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);cursor:default;opacity:.8}.ex-library[data-field=off] .lb-row{--w: .55;opacity:1}.ex-library[data-field=off] .lb-bararea:before{background:color-mix(in srgb,var(--text) 6%,transparent);border-right-color:var(--line)}.ex-library[data-field=off] .lb-rank,.ex-library[data-field=off] .lb-listens b,.ex-library[data-field=off] .lb-artist{color:var(--text-3)}.ex-library[data-field=off] .lb-queue{border-color:var(--line);background:var(--bg-2);box-shadow:none}.ex-library[data-field=off] .ev-seg{opacity:.4;pointer-events:none}@media(max-width:840px){.ex-library .lb-row{grid-template-columns:1.7rem minmax(0,1fr) auto;gap:.45rem}.ex-library .lb-rank{font-size:.85rem}.ex-library .lb-body{flex:1;max-width:none;padding:.4rem .55rem}.ex-library .lb-listens{position:static;transform:none;flex:none;justify-items:end;padding-right:.3rem}}@media(prefers-reduced-motion:reduce){.ex-library .lb-queue,.ex-library .lb-fill i,.ex-library .lb-chip,.ex-library .lb-row,.ex-library .lb-bararea:before,.ex-library .lb-listens,.ex-library .lb-add{transition:none}}.ex-library .lb-row{--live: var(--d, 0);--att: var(--field-attention, 0);border-radius:10px;background:color-mix(in srgb,var(--cat, var(--accent)) calc(var(--live) * 3% + var(--att) * 3%),transparent);box-shadow:0 0 calc(var(--live) * 14px) -6px color-mix(in srgb,var(--cat, var(--accent)) calc(var(--live) * 45%),transparent);transition:opacity .3s,background .3s,box-shadow .3s}.ex-library .lb-bararea:before{box-shadow:calc(var(--live) * 4px) 0 calc(var(--live) * 14px) -4px color-mix(in srgb,var(--cat, var(--accent)) calc(var(--live) * 70%),transparent)}.ex-library .lb-queue{--live: var(--d, 0);box-shadow:0 0 calc(4px + (var(--load, 0) + var(--live) * .5) * 28px) color-mix(in srgb,var(--accent) calc(var(--load, 0) * 45% + var(--live) * 18%),transparent)}@media(prefers-reduced-motion:no-preference){.ex-library [data-lb-anim] .lb-row:not(.lb-in) .lb-bararea:before{width:0;border-right-color:transparent}.ex-library [data-lb-anim] .lb-row.lb-in .lb-bararea:before{transition:background .3s,border-color .3s,width .8s cubic-bezier(.2,.7,.2,1)}.ex-library [data-lb-anim] .lb-row.lb-in.lb-in-instant .lb-bararea:before{transition:background .3s,border-color .3s}}.ex-library[data-field=off] .lb-row,.ex-library[data-field=off] .lb-queue{--live: 0;--att: 0}.ex-library[data-field=off] .lb-row{background:transparent;box-shadow:none}.ex-library[data-field=off] .lb-bararea:before{box-shadow:none}@media(prefers-reduced-motion:reduce){.ex-library .lb-row,.ex-library .lb-bararea:before{transition:none}}.ex-library .lb-status{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .6rem;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:.64rem;letter-spacing:.04em;white-space:nowrap;color:var(--text-3)}.ex-library .lb-status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--text-4);transition:background .3s,box-shadow .3s}.ex-library .lb-status[data-live=on]:before{background:#24dba7;box-shadow:0 0 6px #24dba78c}.ex-library .lb-row[data-lb-fell]{opacity:calc((.58 + var(--w) * .42) * .72)}