.stories-hint{margin-top: 14px;font-size: .9rem;font-weight: 600;letter-spacing: .02em;color: var(--brand-600);text-transform: uppercase}.stories-gallery{position: relative;width: min(420px,100%);height: 440px;margin: 40px auto 0;touch-action: pan-y;outline: none}.stories-gallery:focus-visible{outline: 3px solid var(--focus);outline-offset: 8px;border-radius: var(--radius-2xl)}.story-card{position: absolute;inset: 0;display: flex;flex-direction: column;gap: 18px;padding: 28px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-2xl);box-shadow: var(--card-shadow-lg);cursor: grab;user-select: none;transform-origin: center bottom;transition: transform .28s cubic-bezier(.22,1,.36,1),opacity .28s ease;will-change: transform}.story-card.is-dragging{cursor: grabbing;transition: none}.story-card.is-flying{transition: transform .26s ease-in,opacity .26s ease-in}.story-card.is-top{transform: none;opacity: 1;z-index: 30}.story-card.is-next{transform: translateY(16px) scale(.94);opacity: 1;z-index: 20}.story-card.is-back{transform: translateY(30px) scale(.88);opacity: .6;z-index: 10;pointer-events: none}.story-card.is-gone{opacity: 0;pointer-events: none;z-index: 0;transform: translateY(-8px) scale(.9)}.story-card.is-top.is-dragging{border-color: color-mix(in srgb,var(--brand-500) calc(abs(var(--swipe,0)) * 100%),var(--border))}.story-head{display: flex;align-items: center;gap: 14px}.story-avatar{flex: none;width: 56px;height: 56px;display: grid;place-items: center;border-radius: var(--radius-full);background: var(--brand-600);color: var(--on-accent,#fff);font-family: var(--font-brand);font-weight: 700;font-size: 1.4rem}.story-who{min-width: 0}.story-name{display: block;font-family: var(--font-brand);font-size: 1.15rem;color: var(--text)}.story-route{display: flex;align-items: center;gap: 6px;margin-top: 4px;font-size: .82rem;color: var(--text-2);flex-wrap: wrap}.story-flag{font-size: 1.05rem;line-height: 1}.story-arrow{color: var(--brand-500);font-weight: 700}.story-quote{margin: 0;flex: 1;font-size: 1.05rem;line-height: 1.5;color: var(--text);font-style: italic}.story-quote::before{content: "\201C";color: var(--brand-300);font-size: 1.6rem;margin-right: 2px}.story-foot{display: flex;flex-direction: column;gap: 6px}.story-metric{align-self: flex-start;padding: 6px 12px;border-radius: var(--radius-full);background: var(--brand-50);color: var(--brand-700);font-size: .82rem;font-weight: 600}.story-city{font-size: .8rem;color: var(--text-2)}.stories-empty{text-align: center;color: var(--text-2);margin: 60px 0}.stories-cta{text-align: center;margin-top: 44px}@media (max-width: 480px){.stories-gallery{height: 420px}.story-card{padding: 22px}}@media (prefers-reduced-motion: reduce){.story-card{transition: none}}