.shot{aspect-ratio:var(--ar);min-width:0;position:relative}.shot__link{border-radius:var(--r);background:var(--bg-2);-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.shot__media{transition:transform 1.1s var(--out);display:block;position:absolute;inset:0}.shot__media img,.shot__media video{object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shot__media video{opacity:0;transition:opacity .6s var(--out)}.shot__media video.is-playing{opacity:1}.shot__link:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.shot__chip{z-index:2;background:var(--ink);color:#0a0a0f;max-width:max-content;min-height:36px;font:500 .8125rem / 1.2 var(--sans);transition:transform .8s var(--out);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(160%)}.shot__chip-t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shot__chip-k{font:500 .625rem / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--lime);border-radius:999px;flex:none;padding:4px 7px}.shot__link:focus-visible{outline-offset:3px}.shot__link:focus-visible .shot__chip{transform:none}@media (hover:hover){.shot__link:hover .shot__media{transform:scale(1.045)}.shot__link:hover .shot__chip{transform:none}}@media (hover:none){.shot__chip{color:var(--ink);background:#0a0a0fb8;transform:none}}.shot[hidden]{display:none}@keyframes shot-in{0%{opacity:0;transform:translateY(18px)}}.shot.is-in{animation:shot-in .7s var(--out) both}@media (prefers-reduced-motion:reduce){.shot__media{transition:none}.shot.is-in{animation:none}}html.lb-open{overflow:hidden}.lb{color:var(--ink);width:min(100vw - 2 * var(--pad), 1280px);touch-action:none;background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.lb::backdrop{background:#050508db;animation:.3s both lb-fade}.lb[open] .lb__panel{animation:lb-in .5s var(--out) both}.lb.is-closing::backdrop{animation:.2s reverse both lb-fade}.lb.is-closing .lb__panel{animation:.2s both lb-out}@keyframes lb-fade{0%{opacity:0}}@keyframes lb-in{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes lb-out{to{opacity:0;transform:translateY(16px)scale(.98)}}.lb__panel{max-height:100dvh;padding-block:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-bottom));will-change:transform;flex-direction:column;gap:16px;display:flex;position:relative}.lb__stage{width:100%;min-height:0;max-height:calc(100dvh - 190px);aspect-ratio:var(--lb-ar,16 / 9);border-radius:var(--r);background:var(--bg-2);touch-action:none;flex:0 auto;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000c,inset 0 0 0 1px #ffffff1f}.lb__stage img,.lb__stage video{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.lb__stage video{opacity:0;transition:opacity .5s var(--out)}.lb__stage video.is-playing{opacity:1}.lb__close{top:max(24px, env(safe-area-inset-top));z-index:3;border:1px solid var(--line-2);width:44px;height:44px;color:var(--ink);background:#0a0a0fb8;border-radius:50%;place-items:center;transition:background .3s;display:grid;position:absolute;right:12px}.lb__close:hover{background:#0a0a0ff2}.lb__bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding-inline:4px;display:flex}.lb__title{font:700 clamp(1.25rem, 2vw, 1.75rem) / 1.1 var(--display);letter-spacing:-.03em;text-wrap:balance}.lb__tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.lb__tags li{font:400 .6875rem / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--mute);border-radius:999px;padding:7px 10px}.lb__actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.lb__nav{align-items:center;gap:8px;display:flex}.lb__btn{border:1px solid var(--line-2);border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s,border-color .3s;display:grid}.lb__btn:hover{background:#ffffff14;border-color:#ffffff4d}.lb__btn[disabled]{opacity:.35;pointer-events:none}.lb__flip{transform:scaleX(-1)}.lb__count{text-align:center;min-width:5ch;font:500 .8125rem / 1 var(--mono);letter-spacing:.08em;color:var(--mute);font-variant-numeric:tabular-nums}@media (width<=560px){.lb{width:calc(100vw - 24px)}.lb__stage{max-height:calc(100dvh - 230px)}}@media (height<=520px){.lb__stage{max-height:calc(100dvh - 120px)}.lb__tags{display:none}}@media (prefers-reduced-motion:reduce){.lb::backdrop,.lb[open] .lb__panel,.lb.is-closing .lb__panel,.lb.is-closing::backdrop{animation:none}}