.lightbox{z-index:var(--z-overlay);padding-top:max(var(--sp-6), env(safe-area-inset-top));padding-right:max(var(--sp-6), env(safe-area-inset-right));padding-bottom:max(var(--sp-6), env(safe-area-inset-bottom));padding-left:max(var(--sp-6), env(safe-area-inset-left));overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;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,.lightbox__swipe,.lightbox__gesture-surface,.lightbox__zoom-content{position:absolute;inset:0}.lightbox__gesture-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;overflow:hidden}.lightbox__gesture-surface:is([data-gesture=swipe],[data-gesture=pan],[data-gesture=pinch]){cursor:grabbing}.lightbox__zoom-content{transform-origin:50%;will-change:transform;place-items:center;display:grid}.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,.lightbox__zoom-controls{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:48px;height:48px;position:absolute}.lightbox__zoom-controls{left:50%;bottom:max(var(--sp-5), env(safe-area-inset-bottom));align-items:center;height:48px;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}.lightbox__zoom-button{width:48px;height:48px;transition:background-color var(--dur-hover) var(--ease-out), opacity var(--dur-hover) var(--ease-out), transform var(--dur-hover) var(--ease-out);flex:0 0 48px;place-items:center;display:grid}.lightbox__zoom-level{min-width:58px;height:48px;color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.lightbox__zoom-reset{border-left:1px solid var(--glass-edge)}.lightbox__zoom-button:disabled{opacity:.32;cursor:default}.lightbox__zoom-button:focus-visible{outline-offset:-4px}@media (hover:hover) and (pointer:fine){.lightbox__arrow:hover:not(:disabled),.lightbox__close:hover,.lightbox__zoom-controls: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__zoom-button:hover:not(:disabled){background:#ffffff4d;background:lab(100% 0 0/.3)}}.lightbox__arrow:active:not(:disabled){transform:translateY(-50%)scale(.95)}.lightbox__close:active{transform:scale(.92)}.lightbox__zoom-button:active:not(:disabled){transform:scale(.9)}.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,.lightbox.is-closing .lightbox__zoom-controls{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-top:max(var(--sp-4), env(safe-area-inset-top));padding-right:max(var(--sp-4), env(safe-area-inset-right));padding-bottom:max(var(--sp-4), env(safe-area-inset-bottom));padding-left:max(var(--sp-4), env(safe-area-inset-left))}.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:max(var(--sp-3), env(safe-area-inset-right))}.lightbox__counter{top:max(var(--sp-3), env(safe-area-inset-top));left:max(var(--sp-3), env(safe-area-inset-left))}.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,.lightbox__zoom-controls{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.lightbox__arrow,.lightbox__close,.lightbox__zoom-controls,.lightbox__zoom-button{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,.lightbox__zoom-button:active{transform:none}}