.lightbox{z-index:var(--z-overlay);padding:var(--sp-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__backdrop{background:var(--backdrop-color);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;position:absolute;inset:0}.lightbox__stage{flex-direction:column;align-items:center;width:min(1100px,100%);display:flex;position:relative}.lightbox__frame{aspect-ratio:16/10;width:100%;max-height:min(80vh,80dvh);animation:media-in var(--dur-enter) var(--ease-out) backwards;position:relative;overflow:hidden}.lightbox__slide{touch-action:pan-y;cursor:grab;place-items:center;display:grid;position:absolute;inset:0}.lightbox__slide:active{cursor:grabbing}.lightbox__media{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:0 0;width:auto;max-width:100%;height:auto;max-height:100%}.lightbox__media:not(video){pointer-events:none}.lightbox__art{pointer-events:none;width:100%;height:100%;margin:0}.lightbox__art .shot-art{border:0;border-radius:0;width:100%;height:100%}.lightbox__counter{top:max(var(--sp-5), env(safe-area-inset-top));left:var(--sp-5);z-index:4;color:#ffffffb3;color:lab(100% 0 0/.7);font-variant-numeric:tabular-nums;pointer-events:none;height:44px;animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;align-items:center;display:inline-flex;position:absolute}.lightbox__title{top:max(var(--sp-5), env(safe-area-inset-top));z-index:4;color:#ffffffb3;color:lab(100% 0 0/.7);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:min(56vw,480px);height:44px;animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;line-height:44px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.lightbox__arrow,.lightbox__close{z-index:4;border-radius:var(--radius-pill);color:var(--ink);background:var(--glass-tint-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-bevel), var(--glass-ring), var(--shadow-glass);animation:lb-fade-in var(--dur-ui) var(--ease-out) backwards;transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), filter var(--dur-hover) var(--ease-out), background-color var(--dur-hover) var(--ease-out);place-items:center;display:grid}.lightbox__arrow{width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__arrow--prev{left:var(--sp-5)}.lightbox__arrow--next{right:var(--sp-5)}.lightbox__close{top:max(var(--sp-5), env(safe-area-inset-top));right:var(--sp-5);width:44px;height:44px;position:absolute}@media (hover:hover) and (pointer:fine){.lightbox__arrow:hover:not(:disabled),.lightbox__close:hover{filter:var(--glass-hover-brighten);box-shadow:var(--glass-bevel-hover), var(--shadow-lift)}.lightbox__arrow:hover:not(:disabled){transform:translateY(-50%)scale(1.06)}.lightbox__close:hover{transform:scale(1.08)}}.lightbox__arrow:active:not(:disabled){transform:translateY(-50%)scale(.95)}.lightbox__close:active{transform:scale(.92)}.lightbox__arrow:disabled{opacity:.25;pointer-events:none}.lightbox.is-closing .lightbox__backdrop,.lightbox.is-closing .lightbox__counter,.lightbox.is-closing .lightbox__title,.lightbox.is-closing .lightbox__arrow,.lightbox.is-closing .lightbox__close{animation:.18s cubic-bezier(.55,0,1,.45) forwards lb-fade-out}.lightbox.is-closing .lightbox__frame{animation:.18s cubic-bezier(.55,0,1,.45) forwards lb-media-out}@keyframes lb-fade-in{0%{opacity:0}}@keyframes lb-fade-out{to{opacity:0}}@keyframes lb-media-out{to{opacity:0;transform:scale(.98)}}@media (max-width:768px){.lightbox{padding:var(--sp-4)}.lightbox__frame{aspect-ratio:3/4;max-height:min(74vh,74dvh)}.lightbox__title{max-width:50vw}.lightbox__arrow{display:none}}@media (pointer:coarse){.lightbox__arrow{display:none}.lightbox__close{top:max(var(--sp-3), env(safe-area-inset-top));right:var(--sp-3)}.lightbox__counter{top:max(var(--sp-3), env(safe-area-inset-top));left:var(--sp-3)}.lightbox__title{top:max(var(--sp-3), env(safe-area-inset-top))}}@media (prefers-reduced-transparency:reduce){.lightbox__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#07080af0;background:lab(2.16462% -.0631213 -.832307/.94)}.lightbox__arrow,.lightbox__close{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.lightbox__arrow,.lightbox__close{transition:none}.lightbox__frame,.lightbox.is-closing .lightbox__frame{animation-name:lb-fade-in}.lightbox.is-closing .lightbox__frame{animation-name:lb-fade-out}.lightbox__arrow:hover,.lightbox__arrow:active{transform:translateY(-50%)}.lightbox__close:hover,.lightbox__close:active{transform:none}}