.tripcard{position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-sweep);transition:border-color var(--motion-duration-fast) ease,box-shadow var(--motion-duration-fast) ease}.tripcard__open{color:inherit;text-decoration:none}.tripcard__open:after{content:"";position:absolute;inset:0;z-index:0}.tripcard:hover{border-color:var(--hairline-strong);box-shadow:var(--specular)}.tripcard__img{position:relative;height:140px;background-color:var(--surface-2)}.tripcard__photo{-o-object-fit:cover;object-fit:cover}.tripcard__badge{position:absolute;top:12px;right:12px;padding:4px 9px;font-family:var(--font-mono);font-size:var(--microcap-size);letter-spacing:var(--microcap-tracking);text-transform:uppercase;color:var(--text);background:color-mix(in srgb,var(--surface-0) 70%,transparent);border-radius:var(--radius-micro)}.tripcard--del .tripcard__badge{right:auto;left:12px}.tripcard__badge--live{color:var(--surface-0);background:var(--accent-action)}.tripcard__body{padding:16px 18px 18px}.tripcard__body h4{font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1.05;color:var(--text-bright)}.tripcard__meta{margin-top:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.tripcard__dots{display:flex;align-items:center;gap:6px;margin-top:13px}.tripcard__dot{width:6px;height:6px;background:var(--surface-3);border-radius:50%}.tripcard__dot--on{background:var(--accent-action)}.tripcard__dotsLabel{margin-left:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--text-dim)}@media (prefers-reduced-motion:reduce){.tripcard{transition:none}.tripcard:hover{transform:none}}.tripcard--row{display:grid;grid-template-columns:132px 1fr;background:var(--surface-2);border-color:var(--hairline);border-radius:var(--radius-sweep);transition:border-color var(--motion-duration-fast) ease}.tripcard--row:hover{transform:none;border-color:var(--edge-control)}.tripcard:has(.tripcard__open:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-halo)}.tripcard__open:focus-visible{outline:2px solid transparent}.tripcard--row .tripcard__img{height:auto;min-height:104px;border-radius:var(--radius-sweep-inset);box-shadow:inset 0 0 0 1px rgb(255 255 255/.1)}.tripcard--row .tripcard__badge{top:10px;right:auto;left:10px;font-size:var(--microcap-size);letter-spacing:var(--microcap-tracking);border-radius:var(--radius-micro)}.tripcard__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:var(--surface-2)}.tripcard--row .tripcard__body{min-width:0;padding:13px 15px}.tripcard--row.tripcard--del .tripcard__body{padding-right:52px}.tripcard--row .tripcard__body h4{overflow:hidden;font-size:16.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tripcard--row .tripcard__meta{margin-top:4px;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:normal;text-transform:none;color:var(--text);opacity:.8}.tripcard--row .tripcard__dots{margin-top:9px;gap:5px}.tripcard--row .tripcard__dot{width:7px;height:7px;background:var(--surface-3)}.tripcard--row .tripcard__dot--on{background:var(--accent-action)}.tripcard--row .tripcard__dotsLabel{font-size:var(--microcap-size);letter-spacing:var(--microcap-tracking);text-transform:uppercase}.tripcard__delete{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:30px;height:30px;color:var(--text);background:color-mix(in srgb,var(--surface-1) 82%,transparent);border:1px solid var(--edge-control);border-radius:var(--radius-micro);cursor:pointer;transition:color var(--motion-duration-fast) ease,background-color var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease}.tripcard__delete:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.tripcard__delete:hover{color:var(--danger-ink);background:var(--danger-soft);border-color:var(--danger-line)}.tripcard__delete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 4px var(--focus-halo)}.tripcard__delete:active{transform:scale(.96)}.tripcard--row .tripcard__delete{top:10px;right:10px}@media (prefers-reduced-motion:reduce){.tripcard__delete:active{transform:none}}