.fp-wave-trail { margin: 12px 0; border: 1px solid #a49a80; border-radius: 10px; color: #f6edd1; background: #18251f; }
.fp-wave-trail > summary { cursor: pointer; min-height: 44px; padding: 12px; font-weight: 700; }
.fp-wave-trail .fp-replay-body { padding: 0 12px 12px; overflow-wrap: anywhere; }
.fp-wave-trail .fp-replay-plan-form { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.fp-wave-trail button { min-height: 44px; border: 1px solid #a49a80; border-radius: 6px; padding: 8px 12px; color: inherit; background: #27382e; font: inherit; cursor: pointer; }
.fp-wave-trail button:disabled { opacity: .55; cursor: default; }
.fp-wave-trail :focus-visible { outline: 3px solid #ffd65a; outline-offset: 3px; }
.fp-wave-trail output { display: block; margin: 10px 0; }
.fp-wave-trail .fp-replay-ledger { padding-left: 24px; } .fp-wave-trail li { margin: 8px 0; }
.fp-wave-trail .fp-replay-note { font-size: .9em; }
@media (max-width: 420px) { .fp-wave-trail .fp-replay-plan-form button { flex: 1 1 180px; } }