.images-page{min-height:100dvh;--image-viewer-height:calc(100dvh - 56px);overflow:hidden;background:color-mix(in srgb,var(--txt) 96%,black)}.images-page .image-gallery-empty{height:100%;display:grid;place-content:center;justify-items:center;padding:24px;color:color-mix(in srgb,var(--card) 72%,transparent);text-align:center}.images-page .image-gallery-empty strong{margin-bottom:5px;color:var(--card);font-family:var(--font-display);font-size:23px}.images-page .image-scroll-track{height:var(--image-viewer-height);margin-top:56px;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}.images-page .image-scroll-track::-webkit-scrollbar{display:none}.images-page .image-scroll-item{position:relative;width:100%;height:var(--image-viewer-height);display:grid;place-content:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.images-page .image-scroll-media{position:relative;width:100vw;height:var(--image-viewer-height);display:grid;place-content:center;overflow:hidden}.images-page .image-scroll-media img{position:absolute;inset:0;width:100vw;height:var(--image-viewer-height);-webkit-user-select:none;user-select:none}.images-page .image-scroll-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 48%),color-mix(in srgb,var(--txt) 94%,black);object-fit:cover;filter:blur(28px);opacity:.66;transform:scale(1.1)}.images-page .image-scroll-placeholder{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 44%),color-mix(in srgb,var(--txt) 96%,black)}.images-page .image-scroll-photo{z-index:1;object-fit:contain}.images-page .image-scroll-copy{position:absolute;z-index:2;right:90px;bottom:22px;left:22px;padding-top:56px;background:linear-gradient(180deg,transparent,color-mix(in srgb,black 48%,transparent));text-shadow:0 1px 3px color-mix(in srgb,black 70%,transparent);pointer-events:none}.images-page .image-scroll-actions{position:absolute;z-index:4;right:14px;bottom:48px;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--card)}.images-page .image-scroll-action,.images-page .image-scroll-action-group{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--card);font-size:11px;text-shadow:0 1px 3px color-mix(in srgb,black 70%,transparent)}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{width:48px;height:48px;display:grid;place-content:center;padding:0;color:var(--card);background:color-mix(in srgb,var(--txt) 55%,transparent);border:1px solid color-mix(in srgb,var(--card) 24%,transparent);border-radius:50%}.images-page .image-scroll-action svg{width:23px;height:23px}.images-page .image-scroll-action small,.images-page .image-scroll-action-group>span{font-size:11px;font-weight:600}.images-page .image-scroll-actions .feed-reaction-control{flex:none}.images-page .image-scroll-actions .feed-reaction-control>.act{font-size:0}.images-page .image-scroll-actions .feed-reaction-control>.act svg{width:23px;height:23px}.images-page .image-scroll-actions .selected-reaction{font-size:24px}.images-page .image-scroll-actions .feed-reaction-picker{right:calc(100% + 10px);bottom:0;left:auto}.images-page .image-scroll-copy strong{display:block;font-size:15px}.images-page .image-scroll-copy span{display:block;margin-top:2px;font-size:12px;opacity:.8}.images-page .image-scroll-copy p{max-width:620px;margin:7px 0 0;font-size:14px}.images-page .image-scroll-count{position:absolute;z-index:2;top:16px;right:18px;font-size:12px;text-shadow:0 1px 3px color-mix(in srgb,black 70%,transparent);opacity:.8;pointer-events:none}.images-page .image-comments-panel{position:absolute;z-index:8;top:0;right:0;bottom:0;width:min(360px,82%);display:flex;flex-direction:column;color:var(--txt);background:var(--card);box-shadow:-10px 0 28px color-mix(in srgb,black 28%,transparent)}.images-page .image-comments-panel>header{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.images-page .image-comments-panel>header strong{font-size:16px}.images-page .image-comments-panel>header button{width:34px;height:34px;display:grid;place-content:center;color:var(--txt2);background:var(--bg);border-radius:50%}.images-page .image-comments-panel>header svg{width:18px;height:18px;fill:none}.images-page .image-comments-panel .cms{flex:1 1;min-height:0;overflow-y:auto;padding-top:10px}.images-page .image-comments-panel .cbox{position:sticky;bottom:-12px;padding:10px 0 12px;background:var(--card)}@media (max-width:900px){.images-page{--image-viewer-height:calc(100dvh - 56px - 64px)}}@media (max-width:520px){.images-page .image-scroll-copy{right:78px;bottom:16px;left:14px}.images-page .image-scroll-actions{right:10px;bottom:42px;gap:12px}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{width:44px;height:44px}.images-page .image-scroll-count{right:14px}.images-page .image-comments-panel{top:auto;left:0;width:100%;height:min(58%,460px);border-radius:16px 16px 0 0;box-shadow:0 -10px 28px color-mix(in srgb,black 28%,transparent)}}.images-page{--image-viewer-height:calc(100dvh - 72px);background:radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 34rem),radial-gradient(circle at 88% 80%,color-mix(in srgb,var(--sage) 12%,transparent),transparent 30rem),color-mix(in srgb,var(--txt) 96%,black)}.images-page .image-scroll-track{margin-top:72px;scroll-padding-block:18px}.images-page .image-scroll-item{padding:18px}.images-page .image-scroll-media{width:min(calc(100vw - 36px),1200px);height:calc(var(--image-viewer-height) - 36px);border:1px solid color-mix(in srgb,var(--card) 14%,transparent);border-radius:26px;box-shadow:0 28px 80px color-mix(in srgb,black 52%,transparent)}.images-page .image-scroll-media img{width:100%;height:100%}.images-page .image-scroll-backdrop{filter:blur(34px) saturate(.8);opacity:.48}.images-page .image-scroll-photo{background:color-mix(in srgb,var(--txt) 92%,black)}.images-page .image-scroll-copy{right:max(106px,calc((100vw - 1164px) / 2 + 106px));bottom:40px;left:max(40px,calc((100vw - 1164px) / 2 + 40px));padding:80px 16px 4px}.images-page .image-scroll-copy strong{font-size:16px}.images-page .image-scroll-copy p{line-height:1.5}.images-page .image-scroll-actions{right:max(32px,calc((100vw - 1164px) / 2 + 32px));bottom:58px;gap:17px}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{width:50px;height:50px;background:color-mix(in srgb,var(--txt) 54%,transparent);border-color:color-mix(in srgb,var(--card) 32%,transparent);box-shadow:0 8px 24px color-mix(in srgb,black 22%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.images-page .image-scroll-action:hover>span,.images-page .image-scroll-actions .feed-reaction-control>.act:hover{color:color-mix(in srgb,var(--gold) 84%,var(--card));background:color-mix(in srgb,var(--txt) 74%,transparent);transform:translateY(-2px)}.images-page .image-scroll-count{top:34px;right:max(34px,calc((100vw - 1164px) / 2 + 34px));padding:7px 11px;background:color-mix(in srgb,var(--txt) 54%,transparent);border:1px solid color-mix(in srgb,var(--card) 24%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}.images-page .image-comments-panel{width:min(380px,84%);border-left:1px solid var(--line);border-radius:22px 0 0 22px;background:color-mix(in srgb,var(--card) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.images-page .image-comments-panel>header{min-height:64px;padding-inline:18px}@media (max-width:900px){.images-page{--image-viewer-height:calc(100dvh - 64px - 84px)}.images-page .image-scroll-track{margin-top:64px}.images-page .image-scroll-item{padding:0}.images-page .image-scroll-media{width:100%;height:var(--image-viewer-height);border:0;border-radius:0;box-shadow:none}.images-page .image-scroll-copy{right:82px;bottom:24px;left:16px}.images-page .image-scroll-actions{right:10px;bottom:48px}.images-page .image-scroll-count{top:14px;right:14px}}@media (max-width:520px){.images-page .image-scroll-copy{right:76px;bottom:20px;left:14px}.images-page .image-scroll-copy p{max-height:4.2em;overflow:hidden}.images-page .image-scroll-actions{right:9px;bottom:44px;gap:11px}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{width:44px;height:44px}.images-page .image-comments-panel{height:min(64%,520px);border-radius:22px 22px 0 0}}