.viewer{margin:0;border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100%;height:100svh;background:rgba(6, 32, 56, .92);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center}.viewer:not([open]){display:none}body.is-viewer-open{overflow:hidden}.viewer::backdrop{background:rgba(6, 32, 56, .92)}.viewer__img{max-width:calc(100vw - var(--sp-8));max-height:calc(100% - var(--sp-16));width:auto;height:auto;object-fit:contain}.viewer__close{position:absolute;top:env(safe-area-inset-top, 0px);right:0;min-width:var(--tap-min);min-height:var(--tap-min);margin:var(--sp-3);border:0;border-radius:var(--r-sm);background:var(--color-surface);color:var(--color-text);font-size:22px;line-height:1;cursor:pointer}.card__view{position:absolute;inset:0;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.card__view::after{content:"⌕";position:absolute;right:var(--sp-3);top:var(--sp-3);width:var(--tap-min);height:var(--tap-min);display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--color-primary);box-shadow:var(--shadow-card);color:var(--color-on-primary);font-size:22px;line-height:1}.card__view:focus-visible{outline-offset:-3px}.card__media{position:relative}