.images-page{--image-viewer-height:calc(100dvh - 56px);background:color-mix(in srgb, var(--txt) 96%, black);min-height:100dvh;overflow:hidden}.images-page .image-gallery-empty{height:100%;color:color-mix(in srgb, var(--card) 72%, transparent);text-align:center;place-content:center;justify-items:center;padding:24px;display:grid}.images-page .image-gallery-empty strong{color:var(--card);font-family:var(--font-display);margin-bottom:5px;font-size:23px}.images-page .image-scroll-track{height:var(--image-viewer-height);overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;margin-top:56px;overflow-y:auto}.images-page .image-scroll-track::-webkit-scrollbar{display:none}.images-page .image-scroll-item{width:100%;height:var(--image-viewer-height);scroll-snap-align:start;scroll-snap-stop:always;place-content:center;display:grid;position:relative;overflow:hidden}.images-page .image-scroll-media{width:100vw;height:var(--image-viewer-height);place-content:center;display:grid;position:relative;overflow:hidden}.images-page .image-scroll-media img{width:100vw;height:var(--image-viewer-height);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.images-page .image-scroll-backdrop{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;position:absolute;inset:0;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{z-index:2;text-shadow:0 1px 3px #000000b3;pointer-events:none;background:linear-gradient(#0000,#0000007a);padding-top:56px;position:absolute;bottom:22px;left:22px;right:90px}.images-page .image-scroll-actions{z-index:4;color:var(--card);flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:48px;right:14px}.images-page .image-scroll-action,.images-page .image-scroll-action-group{color:var(--card);text-shadow:0 1px 3px #000000b3;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{width:48px;height:48px;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%;place-content:center;padding:0;display:grid}.images-page .image-scroll-action:hover>span,.images-page .image-scroll-actions .feed-reaction-control>.act:hover{background:color-mix(in srgb, var(--txt) 74%, transparent)}.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{bottom:0;left:auto;right:calc(100% + 10px)}.images-page .image-scroll-copy strong{font-size:15px;display:block}.images-page .image-scroll-copy span{opacity:.8;margin-top:2px;font-size:12px;display:block}.images-page .image-scroll-copy p{max-width:620px;margin:7px 0 0;font-size:14px}.images-page .image-scroll-count{z-index:2;text-shadow:0 1px 3px #000000b3;opacity:.8;pointer-events:none;font-size:12px;position:absolute;top:16px;right:18px}.images-page .image-comments-panel{z-index:8;width:min(360px,82%);color:var(--txt);background:var(--card);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 28px #00000047}.images-page .image-comments-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:10px 14px;display:flex}.images-page .image-comments-panel>header strong{font-size:16px}.images-page .image-comments-panel>header button{width:34px;height:34px;color:var(--txt2);background:var(--bg);border-radius:50%;place-content:center;display:grid}.images-page .image-comments-panel>header svg{fill:none;width:18px;height:18px}.images-page .image-comments-panel .cms{flex:1;min-height:0;padding-top:10px;overflow-y:auto}.images-page .image-comments-panel .cbox{background:var(--card);padding:10px 0 12px;position:sticky;bottom:-12px}@media (max-width:900px){.images-page{--image-viewer-height:calc(100dvh - 56px - 64px)}}@media (max-width:520px){.images-page .image-scroll-copy{bottom:16px;left:14px;right:78px}.images-page .image-scroll-actions{gap:12px;bottom:42px;right:10px}.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{border-radius:16px 16px 0 0;width:100%;height:min(58%,460px);top:auto;left:0;box-shadow:0 -10px 28px #00000047}}.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(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 #00000085}.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{padding:80px 16px 4px;bottom:40px;left:max(40px,50vw - 542px);right:max(106px,50vw - 476px)}.images-page .image-scroll-copy strong{font-size:16px}.images-page .image-scroll-copy p{line-height:1.5}.images-page .image-scroll-actions{gap:17px;bottom:58px;right:max(32px,50vw - 550px)}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{background:color-mix(in srgb, var(--txt) 54%, transparent);border-color:color-mix(in srgb, var(--card) 32%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:50px;height:50px;box-shadow:0 8px 24px #00000038}.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{background:color-mix(in srgb, var(--txt) 54%, transparent);border:1px solid color-mix(in srgb, var(--card) 24%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;border-radius:999px;padding:7px 11px;top:34px;right:max(34px,50vw - 548px)}.images-page .image-comments-panel{border-left:1px solid var(--line);background:color-mix(in srgb, var(--card) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px 0 0 22px;width:min(380px,84%)}.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);box-shadow:none;border:0;border-radius:0}.images-page .image-scroll-copy{bottom:24px;left:16px;right:82px}.images-page .image-scroll-actions{bottom:48px;right:10px}.images-page .image-scroll-count{top:14px;right:14px}}@media (max-width:520px){.images-page .image-scroll-copy{bottom:20px;left:14px;right:76px}.images-page .image-scroll-copy p{max-height:4.2em;overflow:hidden}.images-page .image-scroll-actions{gap:11px;bottom:44px;right:9px}.images-page .image-scroll-action>span,.images-page .image-scroll-actions .feed-reaction-control>.act{width:44px;height:44px}.images-page .image-comments-panel{border-radius:22px 22px 0 0;height:min(64%,520px)}}