/* Короткие ссылки: поверх /style.css kipr.click */
.short-title { font-family: var(--font-display); font-weight: 600; overflow-wrap: anywhere; }
.short-result {
  margin-top: var(--space-6); padding: var(--space-6); border: var(--rule); border-radius: var(--radius-lg);
  background: var(--color-paper); max-width: 760px;
  transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1), transform 250ms cubic-bezier(0.23, 1, 0.32, 1);
  @starting-style { opacity: 0; transform: translateY(8px); }
}
.short-result__label { font-size: var(--text-xs); color: var(--color-ink-3); }
.short-result__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-top: var(--space-3); }
.short-result__link { font-weight: 600; font-size: clamp(1.2rem, 4.6vw, 1.7rem); color: var(--color-accent); text-decoration: none; overflow-wrap: anywhere; margin-right: auto; }
.short-result__to { margin-top: var(--space-4); color: var(--color-ink-3); font-size: var(--text-sm); overflow-wrap: anywhere; }
.short-tip { margin-top: var(--space-7); color: var(--color-ink-3); font-size: var(--text-sm); }
.short-target { margin-top: var(--space-5); color: var(--color-ink-2); overflow-wrap: anywhere; max-width: 70ch; }
.short-actions { margin-top: var(--space-7); display: flex; flex-wrap: wrap; gap: var(--space-4); }
.btn__label { display: inline-block; transition: filter 200ms ease, opacity 200ms ease; }
.btn__label.is-swap { filter: blur(2px); opacity: .4; }
@media (prefers-reduced-motion: reduce) { .short-result { transition: none; @starting-style { opacity: 1; transform: none; } } }
