.spot-preview{display:block;text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color .2s ease}.spot-preview:hover{border-color:var(--brand-strong)}.spot-preview:hover .spot-preview__image{transform:scale(1.05)}.spot-preview:hover .spot-preview__title{color:var(--brand-accent)}.spot-preview:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}.spot-preview__media{position:relative;aspect-ratio:10/7;overflow:hidden;border-bottom:3px solid transparent}.spot-preview__media--good{border-bottom-color:var(--color-success)}.spot-preview__media--bad{border-bottom-color:var(--color-error)}.spot-preview__media--archived{border-bottom-color:var(--brand-soft)}.spot-preview__media--archived .spot-preview__image{filter:grayscale(.6)}.spot-preview__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}.spot-preview__badge{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:var(--radius-full);background:#fff;border:2px solid currentColor;display:flex;align-items:center;justify-content:center}.spot-preview__badge--good{color:var(--color-success)}.spot-preview__badge--bad{color:var(--color-error)}.spot-preview__badge--muted{color:var(--color-text-muted);background:#ffffffeb}.spot-preview__official{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:var(--radius-full);background:var(--brand-accent);color:#fff;display:flex;align-items:center;justify-content:center}.spot-preview__stats{position:absolute;right:.5rem;bottom:.5rem;display:flex;gap:.5rem}.spot-preview__stat{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-full);background:#00141e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:var(--font-size-sm);font-weight:600;line-height:1;border:1px solid rgba(255,255,255,.2)}.spot-preview__archived-banner{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem;border-radius:var(--radius-md);background:#ffffffd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--brand-strong);text-align:center}.spot-preview__archived-text{margin:0;font-size:var(--font-size-sm)}.spot-preview__content{display:flex;flex-direction:column;padding:.8rem .9rem .95rem}.spot-preview__title{color:var(--brand-strong);font-weight:600;font-size:var(--font-size-lg);line-height:1.25;transition:color .15s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.spot-preview__author{display:flex;align-items:center;gap:.5rem;margin-top:.65rem;min-width:0}.spot-preview__avatar{flex:none;width:24px;height:24px;min-height:0;overflow:hidden;border-radius:var(--radius-full)}.spot-preview__avatar :deep(.user-image){width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.spot-preview__author-name{font-size:var(--font-size-md);font-weight:600;color:var(--brand-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot-preview__date{flex:none;font-size:var(--font-size-sm);font-weight:300;color:var(--color-text-muted)}.spot-preview__address{display:flex;align-items:center;gap:.375rem;margin:.45rem 0 0;color:var(--color-text-muted);font-weight:300;font-size:var(--font-size-md)}.spot-preview__address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot-preview__address-icon{flex:none}.spot-preview--archived .spot-preview__title,.spot-preview--archived .spot-preview__author-name{color:var(--color-text-muted)}