.saved-grid{gap:16px;display:grid}@media (width>=1024px){.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.saved-card{border:1px solid var(--runera-muted-border);border-radius:var(--radius-lg);background:var(--runera-surface-container-lowest);color:var(--runera-ink);grid-template-columns:80px minmax(0,1fr);gap:12px 16px;padding:16px;transition:border-color .16s,opacity .16s,transform .16s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.saved-card:hover{border-color:var(--runera-outline-variant)}.saved-card:has(.saved-card__link:focus-visible){outline:2px solid var(--runera-primary-strong);outline-offset:3px}.saved-card--leaving{opacity:0;transform:scale(.97)}.saved-card--past .saved-card__image{filter:grayscale();opacity:.7}.saved-card--past .saved-card__date{color:var(--runera-on-surface-variant)}.saved-card__remove{z-index:2;border-radius:var(--radius-full);width:40px;height:40px;color:var(--runera-primary);cursor:pointer;place-items:center;transition:background-color .16s,color .16s,opacity .16s,transform .14s;display:grid;position:absolute;top:12px;right:12px}.saved-card__remove svg{width:20px;height:20px}.saved-card__remove:hover{background:var(--runera-primary-light);color:var(--runera-primary-strong)}.saved-card__remove:active{transform:scale(.92)}.saved-card__remove:focus-visible{outline:2px solid var(--runera-primary-strong);outline-offset:2px}@media (hover:hover) and (pointer:fine){.saved-card__remove{opacity:.55}.saved-card:hover .saved-card__remove,.saved-card:focus-within .saved-card__remove{opacity:1}}.saved-card__image{aspect-ratio:1;border-radius:var(--radius-md);background:var(--runera-primary-light);color:var(--runera-primary-strong);align-self:start;position:relative;overflow:hidden}.saved-card__image:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1d110c14}.saved-card__image img,.saved-card__fallback{object-fit:cover;width:100%;height:100%}.saved-card__body{align-self:start;min-width:0;padding-right:2.25rem}.saved-card__date{color:var(--runera-primary-strong);font-variant-numeric:tabular-nums;margin:0 0 4px;font-size:12px;font-weight:600;line-height:1.4}.saved-card__title{letter-spacing:-.015em;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700;line-height:1.3;transition:color .16s}.saved-card:hover .saved-card__title{color:var(--runera-primary-strong)}.saved-card__link:after{content:"";position:absolute;inset:0}.saved-card__link:focus-visible{outline:none}.saved-card__location{-webkit-line-clamp:2;color:var(--runera-on-surface-variant);-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.saved-card__details{border-top:1px dashed var(--runera-muted-border);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-self:end;align-items:center;gap:8px 16px;padding-top:10px;font-size:12px;line-height:1.4;display:flex}.saved-card__details p{margin:0}.saved-card__distances{font-weight:600}.saved-card__status{color:var(--runera-on-surface-variant);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:500;display:inline-flex}.saved-card__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}@media (width>=640px){.saved-card{grid-template-rows:1fr auto;grid-template-columns:112px minmax(0,1fr);column-gap:20px;padding:18px 20px}.saved-card__image{grid-row:1/3}.saved-card__details{grid-column:2}.saved-card__title{font-size:18px}}.saved-undo{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;border-radius:var(--radius-lg);background:var(--runera-ink);color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow-action);align-items:center;gap:16px;padding:8px 8px 8px 16px;font-size:14px;transition:opacity .2s,transform .24s cubic-bezier(.22,1,.36,1),visibility;display:flex;position:fixed;transform:translate(-50%)}.saved-undo[data-open=false]{visibility:hidden;opacity:0;transition:opacity .16s,transform .16s,visibility 0s .16s;transform:translate(-50%,12px)}.saved-undo__btn{border-radius:var(--radius-md);min-height:36px;color:var(--runera-inverse-primary);cursor:pointer;flex-shrink:0;padding:0 12px;font-weight:700}.saved-undo__btn:hover{background:#ffffff1a}.saved-undo__btn:focus-visible{outline:2px solid var(--runera-inverse-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.saved-card,.saved-card__title,.saved-card__remove,.saved-undo{transition:none}}
