.clip-media{position:relative;margin:12px 15px 15px;border:1.5px solid #b7d8dc;background:#142d39;border-radius:14px;overflow:hidden;isolation:isolate}
.feed-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#172a34;max-height:min(55vh,430px)}
.feed-video:focus-visible{outline:3px solid #34a79c;outline-offset:-3px}
.clip-duration{background:#f9fbf8;color:#386174;border-top:1px solid #d3e2e3;font-size:.71rem;font-weight:750;padding:8px 12px;letter-spacing:.02em}
.search-surface{background:#f0f9f7;border:2px solid #9ccbc7}
.search-bar{border:1px solid #c5e6e0;color:#204b5e;font-weight:750}
.search-match{padding:15px 4px 3px;display:grid;gap:9px;color:#183E52}
.search-found{display:inline-flex;justify-self:start;padding:4px 9px;border-radius:999px;background:#d5efdc;color:#21634d;border:1px solid #9fcead;font-size:.7rem;font-weight:850;letter-spacing:.06em}
.search-match strong{font-size:1rem;line-height:1.4;font-weight:760}
.search-match p{margin:0 0 5px;font-size:.87rem;line-height:1.52;color:#365869}
.search-match .clip-media{margin:5px 0 4px}
.chat-scenario{display:flex;flex-direction:column;align-items:stretch;gap:11px;background:#f0f6f0;border:1.5px solid #c1ded4;border-radius:15px;padding:14px 13px 18px;margin:12px 14px 18px;max-width:100%;overflow:visible}
.chat-scenario .chat-day{display:block;align-self:center;text-align:center;font-weight:850;letter-spacing:.05em;color:#52756c;background:#fff;border:1px solid #c6ded5;border-radius:999px;font-size:.68rem;line-height:1.35;padding:6px 12px;margin:0 auto 2px}
.chat-scenario .chat-head{padding:8px 8px 11px;color:#173e52;border-bottom:1px solid #bfd4d3}
.chat-scenario .chat-person{border-radius:99px;width:29px;height:29px;background:#173e52;color:white;font-size:.82rem;display:inline-grid;place-items:center;margin-right:8px}
.chat-scenario .chat-head small{float:right;font-size:.68rem;color:#517f77;line-height:29px}
.chat-scenario .chat-bubble{max-width:90%;border:1px solid #bddfd6;box-shadow:0 2px 0 #1e4e4e14;padding:11px 12px;overflow-wrap:break-word;word-break:normal;line-height:1.55;font-size:clamp(.8rem,2vw,.9rem)}
.chat-scenario .chat-bubble.mine{margin-left:auto;align-self:flex-end;background:#ddf3e8;border-bottom-right-radius:3px}
.chat-scenario .chat-bubble.theirs{margin-right:auto;align-self:flex-start;background:white;border-bottom-left-radius:3px}
.chat-speaker{font-size:.66rem;font-weight:900;letter-spacing:.03em;display:block;margin-bottom:4px;color:#27766d}
.chat-bubble.theirs .chat-speaker{color:#c65e52}
.receipt-evidence{margin:12px 14px 18px;border:2px solid #b3d3d8;border-radius:15px;overflow:hidden;background:#fff}
.receipt-evidence a{display:block;width:100%;cursor:zoom-in}
.receipt-evidence img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:white}
.receipt-evidence figcaption{padding:8px 12px;text-align:center;background:#f6faf8;color:#426a73;font-size:.71rem;font-weight:650}
.receipt-evidence figcaption span{font-size:.9rem}
@media(max-width:650px){.clip-media{margin:10px 11px 14px}.chat-scenario{margin:10px 9px 16px;padding:10px 8px 13px;gap:9px}.chat-scenario .chat-bubble{max-width:93%;font-size:.8rem;padding:10px}.chat-scenario .chat-day{font-size:.63rem;letter-spacing:.025em}.receipt-evidence{margin:9px 10px 15px}}