/* Wonderphase AI — Library. Tokens only; literals appear solely on footage (always-dark media tiles, scrims, glass chips). */
body[data-page="library"]{--acc:var(--c-library);--acc-tx:var(--mu);--acc-soft:color-mix(in srgb,var(--c-library) 16%,transparent)}
.lb [hidden],#lb-portal [hidden]{display:none!important}
.lb .sec-t,.lb .xlinks{max-width:none}
.lb-more{margin-top:46px}

/* one colour per studio, for wayfinding */
.k-video{--k:var(--c-video);--k-tx:var(--hot-tx);--k-on:#ff7a5c}.k-film{--k:var(--c-film);--k-tx:var(--gold-tx);--k-on:#ffc53d}.k-image{--k:var(--c-image);--k-tx:var(--violet-tx);--k-on:#b7a2ff}
.k-audio{--k:var(--c-audio);--k-tx:var(--cyan-tx);--k-on:#5fdcff}.k-ugc{--k:var(--c-ugc);--k-tx:var(--pink-tx);--k-on:#ff76a8}.k-game{--k:var(--c-game);--k-tx:var(--mint-tx);--k-on:#3df5a6}
.lb-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px 4px 7px;background:var(--glass);border:1px solid var(--glass-line);color:#faf7f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lb-chip svg{width:13px;height:13px;flex:none;color:var(--k-on)}
.lb-chip.flat{background:color-mix(in srgb,var(--k) 13%,var(--p2));border-color:color-mix(in srgb,var(--k) 38%,transparent);color:var(--tx);backdrop-filter:none;-webkit-backdrop-filter:none}
.lb-chip.flat svg{color:var(--k-tx)}

/* ───────── header ───────── */
.lb-head{display:block;margin-bottom:16px}
.lb-title{font-family:var(--ui);font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:4px 0 0;text-transform:none}
.lb-store{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;background:var(--p1);padding:14px 16px;box-shadow:var(--edge)}
.lb-store .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--gold-soft);color:var(--gold-tx);flex:none}
.lb-store .ic.live{background:var(--mint-soft);color:var(--mint-tx)}
.lb-store .ic svg{width:19px;height:19px}
.lb-store b{display:block;font-size:14px;font-weight:600;margin-bottom:2px}
.lb-store p{font-size:12.5px;line-height:1.5;color:var(--mu)}
.lb-store small{display:block;margin-top:5px;font-size:11.5px;color:var(--dim)}

/* ───────── in progress ───────── */
.lb-now{border:1px solid color-mix(in srgb,var(--mint) 42%,transparent);background:linear-gradient(180deg,var(--mint-soft),transparent 130px),var(--p1);border-radius:20px;padding:16px;margin-bottom:26px}
.lb-now-h{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin-bottom:12px}
.lb-now-h h2{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.01em}
.lb-now-h p{font-size:13px;color:var(--mu)}
.lb-live{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:pulse 1.4s infinite;flex:none}
.lb-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:12px}
.lb-jobs .row,.lb-jobs .row.tall{display:flex;flex-direction:column;border-radius:16px;max-width:none;margin:0;background:var(--p1)}
.lb-jobs .row-media,.lb-jobs .row.tall .row-media,.lb-jobs .row.sq .row-media,.lb-jobs .row.aud .row-media{aspect-ratio:auto;min-height:0;max-height:none}
.lb-jobs .pending{position:relative;inset:auto;align-items:stretch;justify-content:flex-start;text-align:left;gap:9px;padding:15px 16px 14px}
.lb-jobs .pending b{font-size:15px;padding-right:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-jobs .pending .bar{width:100%;height:5px;border-radius:5px}
.lb-jobs .pending span{letter-spacing:.1em;line-height:1.5}
.lb-jobs .pending em{display:none}
.lb-jobs .pending.failed span{max-width:none;letter-spacing:0}
.lb-jobs .lab2:not(.r){display:none}
.lb-jobs .lab2.r{top:12px;right:12px}
.lb-jobs .stagelist{width:100%;gap:4px}
.lb-jobs .row-info{padding:12px 16px 14px;gap:9px;flex:1}
.lb-jobs .row-info .mtag,.lb-jobs .row-info .specs,.lb-jobs .row-info .ptxt + .ptxt,.lb-jobs .acts .mono{display:none}
.lb-jobs .row-info .ptxt{-webkit-line-clamp:2;font-size:13px}
.lb-jm{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:12.5px;color:var(--mu)}
.lb-jm-t{font-family:var(--mono);font-size:11px;color:var(--tx)}
.lb-jm .u-link{margin-left:auto;color:var(--hot-tx);font-size:12.5px}

/* ───────── toolbar ───────── */
.lb-tools{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:10px}
.lb-tools .u-tabs button{padding:8px 13px}
.lb-tools .u-tabs .n{background:var(--p3);color:var(--mu);border-radius:999px;padding:1px 7px;opacity:1;min-width:22px;text-align:center}
.lb-tools .u-tabs .on .n{background:color-mix(in srgb,var(--inv-tx) 16%,transparent);color:var(--inv-tx)}
.lb-tools-r{display:flex;align-items:center;gap:8px;flex:1;min-width:min(100%,420px);justify-content:flex-end}
.lb-search{display:flex;align-items:center;gap:8px;flex:1;max-width:360px;min-height:40px;padding:0 6px 0 12px;background:var(--p2);border:1px solid var(--line);border-radius:12px;color:var(--dim);transition:border-color .15s,box-shadow .15s;cursor:text}
.lb-search:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.lb-search svg{width:16px;height:16px;flex:none}
.lb-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-size:14px;color:var(--tx);padding:9px 0;-webkit-appearance:none;appearance:none}
.lb-search input::placeholder{color:var(--dim)}
.lb-search input::-webkit-search-cancel-button{display:none}
.lb-search button{width:26px;height:26px;border-radius:50%;border:0;background:var(--p4);color:var(--tx);font-size:11px;flex:none;cursor:pointer}
.lb-sort{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--p1);flex:none}
.lb-sort button{border:0;background:transparent;color:var(--mu);font-size:13px;font-weight:600;padding:7px 11px;border-radius:9px;cursor:pointer}
.lb-sort button:hover{color:var(--tx)}
.lb-sort button.on{background:var(--p3);color:var(--tx);box-shadow:inset 0 0 0 1px var(--line2)}
.lb-tools .u-btn.sm{min-height:40px;border-radius:12px;padding:0 14px;font-size:13px;flex:none}
#lb-selbtn[aria-pressed="true"]{background:var(--inv-bg);color:var(--inv-tx);border-color:transparent}
.lb-search button:focus-visible,.lb-sort button:focus-visible,.lb-play:focus-visible,.lb-x:focus-visible,.lb-nav:focus-visible,.lb-start:focus-visible,.lb-jm .u-link:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.lb-count{font-size:13px;color:var(--dim);margin:0 2px 14px;min-height:19px}

/* ───────── grid ───────── */
.lb-gridwrap{container-type:inline-size}
.lb-grid{--cols:6;--gap:10px;display:flex;flex-direction:column;gap:18px}
.lb-cells{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);grid-auto-flow:row;grid-auto-rows:150px}
@supports (width:1cqw){.lb-cells{grid-auto-rows:calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols) * 9 / 16)}}
/* uniform 16:9 tiles (v25): every result is one cell, portrait and square ones are centre-cropped; the detail view shows the true shape */
.lb-dayblock{display:flex;flex-direction:column;gap:10px}
.lb-day{display:flex;align-items:baseline;gap:8px;margin:0;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;font-family:var(--ui);color:var(--tx)}
.lb-card.gone .lb-pl{display:none}
.lb-day small{font-family:var(--mono);font-size:10.5px;color:var(--dim)}
.lb-card{position:relative;grid-column:span 1;grid-row:span 1;border-radius:10px;overflow:hidden;background:#0d0b0a;border:1px solid var(--line);transition:transform .18s,border-color .18s,box-shadow .18s;
  --tx:#faf7f2;--mu:#d3ccc4;--dim:#a49c93;color:#faf7f2}
.lb-card.wide{grid-column:span 1}.lb-card.tall{grid-row:span 1}
.lb-card:hover{transform:none;border-color:var(--line2);box-shadow:none}
.lb-card:hover .lb-open img,.lb-card:hover .lb-open video{filter:brightness(1.06)}
.lb-card:has(.lb-open:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.lb-open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.lb-open:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #faf7f2}
.lb-open img,.lb-open video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lb-open video{opacity:0;transition:opacity .3s}
.lb-card.playing video,.lb-card.bare video{opacity:1}
.lb-open .lb-chip{position:absolute;left:9px;top:9px;z-index:2}
.lb-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:38px 12px 10px;background:linear-gradient(transparent,rgba(8,6,5,.9) 62%);pointer-events:none}
.lb-cap b{font-size:13.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-card.tall .lb-cap b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lb-cap>span{font-size:11.5px;color:#d3ccc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-smp{align-self:flex-start;font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#160a05;background:#ffc53d;border-radius:5px;padding:2px 6px;margin-bottom:3px}
/* audio tile */
.lb-card.aud{background:radial-gradient(circle at 50% 118%,rgba(53,214,255,.34),transparent 62%),#0f0d0c}
.lb-card.aud .lb-open{display:flex;flex-direction:column;gap:6px;padding:22px 16px}
.lb-quote{font-size:13.5px;line-height:1.4;font-weight:500;color:#faf7f2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lb-card .wave,.lb-stage .wave{flex:1;min-height:0;height:auto;background:none;gap:3px;align-items:center}
.lb-card .wave i,.lb-stage .wave i{width:3px;background:#7fe4ff;opacity:.9}
.lb-play{position:absolute;right:8px;top:7px;z-index:3;border:1px solid var(--glass-line);background:var(--glass);color:#faf7f2;border-radius:999px;font-size:12px;font-weight:600;padding:5px 11px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lb-play:hover{border-color:#7fe4ff}
/* select mode */
.lb-ck{display:none;position:absolute;right:9px;top:9px;z-index:4;width:26px;height:26px;border-radius:50%;border:2px solid #faf7f2;background:rgba(8,6,5,.5);place-items:center;pointer-events:none}
.lb-ck svg{width:15px;height:15px;color:#fff;opacity:0}
.lb-grid.sel .lb-ck{display:grid}.lb-grid.sel .lb-play{display:none}
.lb-grid.sel .lb-card:not(.on) .lb-open{opacity:.7}
.lb-card.on{border-color:var(--hot);box-shadow:0 0 0 3px var(--hot)}
.lb-card.on .lb-ck{background:var(--grad-hot);border-color:transparent}.lb-card.on .lb-ck svg{opacity:1}
.lb-card.fresh{animation:lbfresh 2.4s ease-out 1}
@keyframes lbfresh{0%{box-shadow:0 0 0 3px var(--mint),0 0 40px -4px var(--mint)}100%{box-shadow:0 0 0 0 transparent}}
.lb-selbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:16px;background:var(--pop);border:1px solid var(--line2);box-shadow:var(--edge),var(--pop-shadow)}
.lb-selbar .t{display:flex;flex-direction:column;margin-right:8px;min-width:0}
.lb-selbar .t b{font-size:14px}.lb-selbar .t small{font-size:11.5px;color:var(--dim)}
.lb-selbar .u-btn.sm{min-height:36px}
.lb:has(.lb-selbar:not([hidden])){padding-bottom:190px}

/* ───────── empty states ───────── */
#lb-empty .u-empty{margin-top:4px}
#lb-empty .u-empty>.u-row{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}
#lb-empty .u-empty>.u-row .u-btn{margin-top:8px}
.lb-first{padding:38px 18px 26px}
.lb-first .lb-starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,900px);margin-top:14px}
.lb-start{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--p1);padding:12px 14px;transition:border-color .15s,transform .15s}
.lb-start:hover{border-color:var(--k);transform:translateY(-2px)}
.lb-start .si{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--k) 16%,transparent);color:var(--k-tx)}
.lb-start .si svg{width:20px;height:20px}
.lb-start b{display:block;font-size:14.5px;font-weight:600;color:var(--tx);text-transform:none;letter-spacing:0}
.lb-start small{display:block;font-size:12px;color:var(--dim);line-height:1.35}
.lb-start i{font-style:normal;color:var(--dim)}

/* ───────── detail view ───────── */
#lb-portal{position:relative;z-index:90}
.lb-dt-bg{position:fixed;inset:0;z-index:84;background:rgba(6,5,4,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lb-dt{position:fixed;z-index:85;inset:clamp(12px,4vh,40px) clamp(12px,3vw,48px);max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"stage head" "stage body" "stage acts";background:var(--pop);border:1px solid var(--line2);border-radius:22px;overflow:hidden;box-shadow:var(--edge),var(--pop-shadow);animation:rise .18s ease}
.lb-dh{grid-area:head;display:flex;align-items:center;gap:8px;padding:14px 14px 12px 18px;border-bottom:1px solid var(--line);background:var(--pop)}
.lb-pos{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--dim);white-space:nowrap}
.lb-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--tx);font-size:13px;cursor:pointer;flex:none}
.lb-x:hover{border-color:var(--hot)}
.lb-stage{grid-area:stage;position:relative;min-height:0;min-width:0;background:#070605;display:grid;place-items:center;overflow:hidden;--tx:#faf7f2;--mu:#d3ccc4;--dim:#a49c93;color:#faf7f2}
.lb-stage>img,.lb-stage>video{width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}
.lb-stage.aud{background:radial-gradient(circle at 50% 120%,rgba(53,214,255,.3),transparent 60%),#0b0a09}
.lb-aud{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(100%,640px);padding:30px 64px;text-align:center}
.lb-aud .lb-quote{font-size:clamp(17px,2vw,24px);line-height:1.4;-webkit-line-clamp:8}
.lb-aud .wave{flex:none;height:84px;width:100%}
.lb-aud audio{width:100%}
.lb-stage .u-btn.inv{background:#faf7f2;color:#160a05;border-color:transparent}
.lb-aud small{font-size:12px;color:#d3ccc4;max-width:40ch}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);color:#faf7f2;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lb-nav svg{width:20px;height:20px}
.lb-nav.prev{left:12px}.lb-nav.next{right:12px}
.lb-nav:hover{border-color:#faf7f2}
.lb-nav[disabled]{opacity:.28;cursor:default}
.lb-nav:focus-visible,.lb-play:focus-visible{outline-color:#faf7f2}
.lb-db{grid-area:body;min-height:0;overflow-y:auto;padding:16px 18px 18px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.lb-db h2{font-size:21px;font-weight:700;line-height:1.2}
.lb-dsub{font-size:13px;color:var(--dim);margin-top:3px}
.lb-warn{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--tx);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:12px;padding:10px 12px}
.lb-lbl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 7px;min-height:32px}
.lb-lbl span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.lb-prompt{font-size:14.5px;line-height:1.55;color:var(--tx);background:var(--p2);border:1px solid var(--line);border-radius:12px;padding:12px 13px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
.lb-extra{font-size:12.5px;color:var(--mu);margin-top:8px;line-height:1.5}
.lb-set{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lb-set div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:9px 13px;font-size:13.5px}
.lb-set div+div{border-top:1px solid var(--line)}
.lb-set dt{color:var(--dim)}.lb-set dd{color:var(--tx);font-weight:500;overflow-wrap:anywhere}
.lb-da{grid-area:acts;padding:14px 18px 16px;border-top:1px solid var(--line);background:var(--pop);display:flex;flex-direction:column;gap:9px}
.lb-da .u-btn.pri{min-height:48px;font-size:15px}
.lb-da .u-note{margin-top:-2px}
.lb-da2{display:flex;flex-wrap:wrap;gap:8px}
.lb-da2 .u-btn{flex:1 1 auto;min-height:40px;font-size:13.5px;padding:0 13px}
.lb-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:12px;background:var(--p2);padding:10px 12px;font-size:13px;color:var(--mu);line-height:1.45}
.lb-confirm span{flex:1 1 100%}.lb-confirm b{color:var(--tx)}

/* ───────── responsive ───────── */
@media (max-width:1500px){.lb-grid{--cols:5}}
@media (max-width:1180px){.lb-grid{--cols:4}.lb-tools-r{justify-content:flex-start}.lb-search{max-width:none}}
@media (max-width:980px){
  .lb-head{grid-template-columns:1fr;align-items:start}
  .lb-dt{inset:0;max-width:none;border:0;border-radius:0;display:flex;flex-direction:column;overflow-y:auto;animation:none}
  .lb-dt>*{flex:none}.lb-da{order:3;border-top:0;border-bottom:1px solid var(--line)}.lb-db{order:4;padding-bottom:40px}
  .lb-dh{position:sticky;top:0;z-index:5;padding:10px 12px 10px 14px}
  .lb-stage{min-height:200px}
  .lb-stage>img,.lb-stage>video{height:auto;max-height:64vh;display:block}
  .lb-aud{padding:26px 58px}
  .lb-db{overflow:visible}
}
@media (max-width:860px){.lb-grid{--cols:3}}
@media (max-width:640px){
  .lb-grid{--cols:2;--gap:8px}.lb-cells{grid-auto-rows:110px}
  .lb-head{margin-bottom:20px}
  .lb-now{padding:12px;border-radius:16px}
  .lb-tools .u-tabs{display:flex;width:100%}
  .lb-tools-r{flex-wrap:wrap;min-width:0}
  .lb-search{flex:1 1 100%}
  .lb-sort{flex:1}.lb-sort button{flex:1}
  .lb-first .lb-starts{grid-template-columns:1fr}
  .lb-card{border-radius:13px}
  .lb-cap{padding:30px 9px 8px}
  .lb-card.aud .lb-open{padding:40px 10px 50px}
  .lb-quote{font-size:12.5px}
  .lb-selbar{bottom:10px;width:calc(100vw - 20px);justify-content:flex-start}
  .lb-selbar .t{flex:1 1 100%;margin:0 0 2px}
  .lb-selbar .u-btn{flex:1}
  .lb-set div{grid-template-columns:104px minmax(0,1fr)}
}
@media (hover:none){.lb-card:hover{transform:none;border-color:var(--line);box-shadow:none}.lb-card.on:hover{border-color:var(--hot);box-shadow:0 0 0 3px var(--hot)}}
@media (prefers-reduced-motion:reduce){.lb-card,.lb-start,.lb-open video{transition:none}.lb-card:hover,.lb-start:hover{transform:none}.lb-live,.lb-card.fresh,.lb-dt{animation:none}}

/* expired provider links (made before storage was connected) + the recovery banner */
.lb-gone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;aspect-ratio:16/9;padding:16px;text-align:center;color:var(--mu);background:repeating-linear-gradient(135deg,var(--p2) 0 10px,var(--p3) 10px 20px)}
.lb-gone b{color:var(--tx);font-size:13px}.lb-gone small{font-size:11.5px;line-height:1.35}
.lb-gone.big{border-radius:12px;padding:28px}.lb-gone.big b{font-size:16px}.lb-gone.big p{margin:0;max-width:44ch;font-size:13.5px;line-height:1.5}
.lb-recover{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--p1)}
.lb-recover p{margin:0;flex:1 1 320px;font-size:13.5px;line-height:1.5;color:var(--mu)}.lb-recover p b{color:var(--tx)}
/* a dead link: plain card, readable in both themes (the light loading stripes made the white text vanish) */
.lb-card.gone,.lb-card.gone .lb-open{background:var(--p3);background-image:none}
.lb-card.gone .lb-gone{color:var(--mu)}
.lb-card.gone .lb-gone b{color:var(--tx)}
.lb-unf{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.lb-unf li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--p1);font-size:13px}
.lb-unf li span{font-size:11.5px;color:var(--mu)}
/* the play mark on a video tile (goes away while the tile is playing on hover) */
.lb-pl{position:absolute;left:50%;top:50%;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;background:rgba(8,6,5,.45);border:1px solid rgba(255,244,235,.35);color:#faf7f2;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.lb-pl svg{width:20px;height:20px;margin-left:2px}
.lb-card.playing .lb-pl{opacity:0}
.lb-card.aud .lb-pl{position:static;margin:auto}