:root{--hk-lb-z:2000;--hk-lb-surface:var(--paper);--hk-lb-text:var(--ink);--hk-lb-muted:var(--muted);--hk-lb-accent:var(--gold-2);--hk-lb-border:var(--line);--hk-lb-radius:var(--radius-sm);--hk-lb-shadow:var(--shadow-lg);--hk-lb-focus:var(--focus-ring);--hk-lb-ctrl-fg:var(--on-navy);--hk-lb-backdrop:color-mix(in srgb,var(--navy-deep) 88%,transparent);--hk-lb-ctrl-bg:color-mix(in srgb,var(--navy-deep) 52%,transparent);--hk-lb-ctrl-bg-hover:color-mix(in srgb,var(--navy-deep) 74%,transparent);--hk-lb-ctrl-line:color-mix(in srgb,var(--on-navy) 22%,transparent);--hk-lb-plate:var(--paper)}[data-theme="dark"]{--hk-lb-backdrop:color-mix(in srgb,var(--navy-deep) 92%,transparent);--hk-lb-plate:var(--on-navy)}[data-hk-lightbox]:not([data-hk-lightbox-disabled]),[data-hk-lightbox-scope] img:not([data-hk-lightbox-disabled]){cursor:zoom-in}[data-hk-lightbox]:not([data-hk-lightbox-disabled]):focus-visible,[data-hk-lightbox-scope] img:not([data-hk-lightbox-disabled]):focus-visible{outline:2px solid var(--navy-accent);outline-offset:2px}.hk-lb{position:fixed;inset:0;z-index:var(--hk-lb-z);display:flex;align-items:center;justify-content:center;background-color:var(--navy-deep);background-color:var(--hk-lb-backdrop);opacity:0;transform:scale(.98);transition:opacity .16s ease-out,transform .16s ease-out;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain}.hk-lb.is-open{opacity:1;transform:scale(1)}.hk-lb[hidden]{display:none}.hk-lb__stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.hk-lb__img{display:block;max-width:92vw;max-height:88vh;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center center;opacity:0;transition:opacity .16s ease-out,transform .16s ease-out;cursor:zoom-in;touch-action:none}.hk-lb__img.is-ready{opacity:1}.hk-lb--zoomed .hk-lb__img{cursor:grab}.hk-lb.is-grabbing .hk-lb__img{cursor:grabbing;transition:none}.hk-lb--plate .hk-lb__img{background-color:var(--paper);background-color:var(--hk-lb-plate);padding:clamp(12px,3vw,28px);border:1px solid var(--hk-lb-border);border-radius:var(--hk-lb-radius);box-shadow:var(--hk-lb-shadow)}.hk-lb__spinner{position:absolute;width:42px;height:42px;border-radius:50%;border:3px solid var(--on-navy);border:3px solid var(--hk-lb-ctrl-line);border-top-color:var(--hk-lb-ctrl-fg);animation:hk-lb-spin .8s linear infinite}.hk-lb__spinner[hidden]{display:none}@keyframes hk-lb-spin{to{transform:rotate(360deg)}}.hk-lb__error{position:absolute;max-width:80vw;padding:14px 18px;background:var(--hk-lb-surface);color:var(--hk-lb-text);border:1px solid var(--hk-lb-border);border-radius:var(--hk-lb-radius);box-shadow:var(--hk-lb-shadow);font-size:14px;font-weight:500;text-align:center}.hk-lb__error[hidden]{display:none}.hk-lb__caption{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom,0));transform:translateX(-50%);z-index:2;max-width:88vw;padding:7px 14px;border-radius:var(--pill);color:var(--hk-lb-ctrl-fg);background-color:var(--navy-deep);background-color:var(--hk-lb-ctrl-bg);border:1px solid var(--on-navy);border-color:var(--hk-lb-ctrl-line);font-size:13px;font-weight:600;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-lb__caption[hidden]{display:none}.hk-lb__btn{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:var(--pill);cursor:pointer;font-size:20px;line-height:1;color:var(--hk-lb-ctrl-fg);background-color:var(--navy-deep);background-color:var(--hk-lb-ctrl-bg);border:1px solid var(--on-navy);border-color:var(--hk-lb-ctrl-line);transition:background-color .15s ease-out}.hk-lb__btn:hover{background-color:var(--hk-lb-ctrl-bg-hover)}.hk-lb__btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--hk-lb-focus)}.hk-lb__btn[hidden]{display:none}.hk-lb__close{top:max(14px,env(safe-area-inset-top,0));right:max(14px,env(safe-area-inset-right,0))}.hk-lb__nav{top:50%;transform:translateY(-50%)}.hk-lb__prev{left:max(12px,env(safe-area-inset-left,0))}.hk-lb__next{right:max(12px,env(safe-area-inset-right,0))}@media(prefers-reduced-motion:reduce){.hk-lb{transition:none}.hk-lb__img{transition:none}.hk-lb__spinner{animation:none}}