.gallery-page{padding-block:var(--sp-8) var(--sp-18);min-height:100vh}.gallery-header{text-align:center;margin-block-end:var(--sp-8)}.gallery-title{font-family:Readex Pro,sans-serif;font-size:var(--text-2xl);color:var(--pitch-deep);margin:0 0 var(--sp-2) 0;font-weight:700}.gallery-subtitle{font-size:var(--text-base);color:#556b5d;margin:0}.gallery-feed{gap:var(--sp-6);flex-direction:column;width:100%;max-width:540px;margin-inline:auto;display:flex}@media (width<=640px){.gallery-feed{scroll-snap-type:y proximity}}.feed-post-card{background:var(--chalk);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out);overflow:hidden}@media (width<=640px){.feed-post-card{scroll-snap-align:start;border-inline:none;border-radius:0}}.feed-post-card:hover{box-shadow:var(--shadow-md)}.feed-post-header{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);display:flex}.feed-post-avatar{border:1.5px solid var(--pitch);object-fit:cover;background:var(--terrace);border-radius:50%;flex-shrink:0;width:38px;height:38px}.feed-post-meta{flex-direction:column;flex:1;min-width:0;display:flex}.feed-post-author{font-weight:700;font-size:var(--text-sm);color:var(--pitch-deep);margin:0;line-height:1.2}.feed-post-date{font-size:var(--text-xs);color:#556b5d;margin:0}.feed-carousel-wrap{background:#000;width:100%;position:relative;overflow:hidden}.feed-carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.feed-carousel-track::-webkit-scrollbar{display:none}.feed-carousel-slide{scroll-snap-align:start;cursor:pointer;background:#000;flex:0 0 100%;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.feed-post-img{object-fit:contain;width:100%;height:100%;display:block}.feed-carousel-arrow{width:32px;height:32px;color:var(--chalk);cursor:pointer;z-index:2;transition:background var(--dur-fast) var(--ease-out);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.feed-carousel-arrow:hover{background:#000000d9}.feed-carousel-arrow.arrow-prev{left:10px}.feed-carousel-arrow.arrow-next{right:10px}[dir=rtl] .feed-carousel-arrow.arrow-prev{left:auto;right:10px;transform:translateY(-50%)rotate(180deg)}[dir=rtl] .feed-carousel-arrow.arrow-next{left:10px;right:auto;transform:translateY(-50%)rotate(180deg)}.feed-carousel-dots{z-index:2;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.feed-carousel-dot{width:6px;height:6px;transition:all var(--dur-fast) var(--ease-out);background:#ffffff73;border-radius:50%}.feed-carousel-dot.active{background:var(--chalk);width:8px;height:8px}.feed-post-body{padding:var(--sp-3) var(--sp-4)}.feed-post-caption{font-size:var(--text-sm);color:var(--pitch-deep);white-space:pre-line;word-break:break-word;margin:0;line-height:1.5}.feed-post-caption.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-caption-toggle{color:#556b5d;font-family:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-weight:600}.feed-caption-toggle:hover{color:var(--pitch);text-decoration:underline}.feed-skeleton-card{background:var(--chalk);border:1px solid var(--hairline);border-radius:var(--r-md);padding-bottom:var(--sp-4);overflow:hidden}.skeleton-header{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.skeleton-avatar{background:#e5e7eb;border-radius:50%;width:38px;height:38px;animation:1.5s infinite pulse}.skeleton-text-line{background:#e5e7eb;border-radius:4px;height:12px;animation:1.5s infinite pulse}.skeleton-media{aspect-ratio:4/5;background:#f3f4f6;width:100%;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.feed-end-message{text-align:center;padding:var(--sp-8) var(--sp-4);color:#556b5d;font-size:var(--text-sm);font-weight:600}.feed-error-box{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;flex-direction:column;display:flex}.feed-retry-btn{font-family:Readex Pro,sans-serif;font-size:var(--text-sm);padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);background:var(--pitch);color:var(--chalk);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out);border:none;font-weight:600}.feed-retry-btn:hover{opacity:.9}.media-modal-backdrop{z-index:1000;padding:var(--sp-4);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-modal-container{flex-direction:column;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.media-modal-close{color:var(--chalk);cursor:pointer;padding:var(--sp-1);z-index:10;background:0 0;border:none;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;top:-44px;right:0}[dir=rtl] .media-modal-close{left:0;right:auto}.media-modal-media{justify-content:center;align-items:center;max-width:100%;max-height:80vh;display:flex}.media-modal-img{object-fit:contain;border-radius:var(--r-sm);max-width:100%;max-height:80vh}.media-modal-nav{width:44px;height:44px;color:var(--chalk);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-modal-nav:hover{background:#fff6}.media-modal-nav.prev-btn{left:-60px}.media-modal-nav.next-btn{right:-60px}[dir=rtl] .media-modal-nav.prev-btn{left:auto;right:-60px;transform:translateY(-50%)rotate(180deg)}[dir=rtl] .media-modal-nav.next-btn{left:-60px;right:auto;transform:translateY(-50%)rotate(180deg)}.media-modal-caption{margin-top:var(--sp-3);color:var(--chalk);font-size:var(--text-sm);text-align:center;max-width:600px;max-height:60px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.feed-post-card,.feed-carousel-arrow,.feed-carousel-dot,.skeleton-avatar,.skeleton-text-line,.skeleton-media{transition:none!important;animation:none!important}}