.story-feed{gap:24px;max-width:560px;margin:0 auto;display:grid}.feed-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:hidden}.feed-card-body{gap:10px;padding:16px;display:grid}.feed-card h2,.feed-card h3{font-family:var(--font-sans);font-weight:600;font-size:var(--text-h4);color:var(--color-ink);margin:0;line-height:1.3}.feed-card h2 a,.feed-card h3 a{text-decoration:none}.feed-card p{margin:0}.feed-excerpt{font-size:var(--text-small);color:var(--color-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.feed-meta{font-size:var(--text-meta);color:var(--color-ink-2)}.feed-meta a{text-underline-offset:3px;text-decoration:underline}.feed-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feed-chips a{background:var(--color-accent-tint);min-height:32px;color:var(--color-accent);font-size:var(--text-meta);border-radius:999px;align-items:center;padding:4px 12px;font-weight:600;text-decoration:none;display:inline-flex}.feed-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.carousel{background:var(--color-fill);position:relative}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:center;aspect-ratio:4/5;flex:0 0 100%;max-height:75vh;margin:0}.carousel-slide img{object-fit:cover;width:100%;height:100%;max-height:none;margin:0;display:block}.carousel-dots{background:var(--color-surface);justify-content:center;gap:6px;padding:10px 0 0;display:flex}.carousel-dots span{background:var(--color-rule);border-radius:50%;width:6px;height:6px}.carousel-dots span.on{background:var(--color-accent)}.feed-card .carousel+.carousel-dots{margin-bottom:-6px}.feed-more{justify-content:center;gap:16px;margin:32px 0 0;display:flex}.feed-kind{font-size:var(--text-meta);color:var(--color-ink);background:var(--color-green-tint);border-radius:999px;padding:2px 10px;font-weight:600;display:inline-block}.recommend-btn{border:1px solid var(--color-rule);background:var(--color-surface);min-height:44px;color:var(--color-ink-2);font:inherit;font-size:var(--text-caption);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.recommend-btn:hover{background:var(--color-fill)}.recommend-btn[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-tint)}.recommend-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.recommend-count{font-variant-numeric:tabular-nums}.recommend-note{font-size:var(--text-meta);color:var(--color-ink-2);margin:6px 0 0}.place-stories{margin:40px 0}.place-stories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.place-stories .feed-card img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.photo-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.photo-item{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);grid-template-columns:72px 1fr;gap:12px;padding:12px;display:grid}.photo-item img{object-fit:cover;border-radius:var(--radius-sm);width:72px;height:90px}.photo-item-tools{flex-wrap:wrap;gap:8px;display:flex}.kind-switch{gap:8px;display:flex}.kind-switch button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.place-picker{gap:8px;display:grid}.place-picker ul{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.place-picker li button{border:0;border-radius:0;width:100%}.status-badge{font-size:var(--text-meta);background:var(--color-fill);color:var(--color-ink-2);border-radius:999px;padding:2px 10px;font-weight:600;display:inline-block}.status-badge.shared{background:var(--color-green-tint);color:var(--color-ink)}.status-badge.review{background:var(--color-accent-tint);color:var(--color-accent)}@media (width<=600px){.story-feed{gap:16px}}.story-detail-photos{border-radius:var(--radius-card);border:1px solid var(--color-rule);max-width:560px;margin:0 auto 24px;overflow:hidden}.detail-recommend{max-width:720px;margin:0 auto 24px}article>.feed-chips{max-width:720px;margin:0 auto}.feed-card.compact .carousel-slide{aspect-ratio:16/10}.feed-chips .feed-chip-button{background:var(--color-accent-tint);min-height:32px;color:var(--color-accent);border:0;border-radius:999px;padding:4px 12px;font-weight:600}
