:root{--ink:#172133;--muted:#667085;--line:#dfe4eb;--blue:#006cff;--blue-dark:#0056cc;--green:#087a4b;--amber:#9a6300;--bg:#f5f6f8;--purple:#6236ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.site-header{height:72px;padding:0 44px;display:flex;align-items:center;gap:32px;background:#fff;border-bottom:1px solid #e6e9ee}.brand{color:#111827;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-.7px;display:flex;align-items:center;gap:9px}.brand-tree{width:25px;height:31px;position:relative;display:inline-block}.brand-tree i{width:7px;height:7px;border-radius:50%;position:absolute}.brand-tree i:nth-child(1){background:#f3cf00;left:9px;top:0}.brand-tree i:nth-child(2){background:#f04c39;left:1px;top:7px}.brand-tree i:nth-child(3){background:#e44498;left:17px;top:7px}.brand-tree i:nth-child(4){background:#8638b2;left:5px;top:14px}.brand-tree i:nth-child(5){background:#176ee8;left:14px;top:14px}.brand-tree i:nth-child(6){background:#05a660;left:9px;top:21px}.brand-tree i:nth-child(7){background:#05a660;left:9px;top:27px;width:7px;height:4px;border-radius:2px}.header-search{width:min(430px,42vw);margin-left:auto;border:1px solid #ccd4df;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#637083}.header-search input{width:100%;height:42px;border:0;outline:0}.header-actions{display:flex;align-items:center;gap:14px}.post-button{border:0;border-radius:8px;padding:11px 17px;background:#f3ecff;color:var(--purple);font-weight:750}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eff3f7;font-weight:700}.page-shell{width:min(1240px,calc(100% - 32px));margin:0 auto 50px}.page-title{height:94px;display:flex;align-items:center;justify-content:space-between}.back-link{font-size:13px;color:#536276;text-decoration:none}.page-title h1{margin:5px 0 0;font-size:30px}.view-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #dbe1e8;background:#fff;border-radius:10px}.view-switch span{font-size:11px;color:var(--muted);padding:0 8px}.view-switch button{border:0;background:transparent;padding:8px 13px;border-radius:7px;color:#526074;font-size:12px;font-weight:750}.view-switch button.active{background:#172133;color:#fff}.chat-app{height:calc(100vh - 190px);min-height:610px;display:grid;grid-template-columns:250px minmax(460px,1fr) 255px;background:#fff;border:1px solid #dfe4eb;border-radius:14px;overflow:hidden;box-shadow:0 5px 22px rgba(31,44,65,.06)}.conversation-list{border-right:1px solid var(--line);padding:18px 12px}.conversation-search{height:40px;border:1px solid #d4dbe4;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#7c8797}.conversation-search input{width:100%;border:0;outline:0;font-size:12px}.conversation-item{width:100%;margin-top:14px;border:0;border-radius:10px;background:#edf5ff;padding:12px 9px;display:grid;grid-template-columns:42px 1fr auto;gap:9px;text-align:left}.person-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9eff9;color:#285a9f;font-weight:800;font-size:12px}.conversation-copy{display:grid;min-width:0;gap:3px}.conversation-copy b{font-size:13px}.conversation-copy small,.conversation-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--muted)}.conversation-copy span{color:#384559}.conversation-item time{font-size:9px;color:#7a8495}.conversation-panel{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.conversation-header{height:82px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.person{display:flex;align-items:center;gap:10px}.person h2{margin:0 0 3px;font-size:16px}.person p{margin:0;font-size:10px;color:var(--muted)}.online-dot{color:var(--green)}.listing-chip{max-width:310px;display:grid;grid-template-columns:45px 1fr auto;gap:9px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid #dfe4eb;border-radius:9px;padding:6px 10px 6px 6px}.listing-chip .pet-thumb{height:40px;border-radius:7px;background:radial-gradient(circle at 50% 48%,#8294a9 0 28%,transparent 30%),linear-gradient(145deg,#d8e7ee,#f4eee8)}.listing-chip span:nth-child(2){display:grid;gap:3px;min-width:0}.listing-chip b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-chip small{font-size:10px;color:var(--muted)}.message-area{overflow:auto;padding:18px 24px;background:#fafbfc}.day-divider{display:flex;align-items:center;gap:10px;color:#8a94a3;font-size:10px;margin:2px 0 18px}.day-divider:before,.day-divider:after{content:"";height:1px;background:#e5e9ef;flex:1}.message{width:fit-content;max-width:68%;margin-bottom:12px}.message p{margin:0;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.45}.message time{display:block;margin-top:4px;font-size:9px;color:#8791a0}.message.incoming p{background:#fff;border:1px solid #dfe4eb;border-bottom-left-radius:3px}.message.outgoing{margin-left:auto}.message.outgoing p{background:#e8f2ff;color:#173b68;border-bottom-right-radius:3px}.message.outgoing time{text-align:right}.reservation-card{max-width:390px;margin:18px 0 10px auto;border:1px solid #d8e0ea;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(31,44,65,.08)}.reservation-card header{padding:13px 15px;background:#f6f9fd;border-bottom:1px solid #e1e6ec;display:flex;justify-content:space-between;align-items:center}.reservation-card header span:first-child{font-size:11px;font-weight:800;color:#3a4a5e}.reservation-status{font-size:9px;font-weight:800;color:var(--amber);background:#fff1d3;border-radius:999px;padding:5px 7px}.reservation-status.reserved{color:var(--green);background:#e7f7ef}.reserved-pet{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center;padding:14px 15px}.mini-pet{height:52px;border-radius:8px;background:radial-gradient(circle at 50% 48%,#8294a9 0 29%,transparent 31%),linear-gradient(145deg,#d8e7ee,#eff4f6)}.reserved-pet b,.reserved-pet small{display:block}.reserved-pet small{margin-top:4px;color:var(--muted);font-size:10px}.reserved-pet strong{font-size:14px}.reservation-summary{display:grid;gap:7px;padding:0 15px 13px}.reservation-summary div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.reservation-summary b{color:#2d394b}.reservation-actions{padding:12px 15px 15px;border-top:1px solid #edf0f3}.reservation-actions button{width:100%}.reservation-actions p{margin:8px 0 0;text-align:center;color:var(--muted);font-size:9px}.composer{border-top:1px solid var(--line);padding:12px 18px;background:#fff}.seller-action{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px}.seller-action div{display:grid;gap:3px}.seller-action b{font-size:12px}.seller-action span{font-size:10px;color:var(--muted)}.compose-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px}.compose-row input{border:1px solid #d5dce5;border-radius:9px;padding:0 12px;outline:0}.icon-button{border:1px solid #d5dce5;background:#fff;border-radius:9px;color:#667085;font-size:20px}.send-button,.primary-button{border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:750;padding:10px 17px}.send-button:hover,.primary-button:hover{background:var(--blue-dark)}.outline-button{border:1.5px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);font-weight:750;padding:9px 13px}.context-panel{border-left:1px solid var(--line);padding:22px 20px;background:#fbfcfd}.eyebrow{color:var(--blue);letter-spacing:.1em;font-size:10px;font-weight:800;margin:0 0 7px}.status-head{display:flex;align-items:center;justify-content:space-between}.status-head h2{font-size:19px;margin:0}.status-dot{width:9px;height:9px;border-radius:50%;background:#aab2bf}.status-dot.pending{background:#d8a11f}.status-dot.reserved{background:#20a267}.context-panel>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.5}.context-rule{height:1px;background:#e4e8ee;margin:18px 0}.context-details{display:grid;gap:12px;margin:0}.context-details div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.context-details dt{color:var(--muted)}.context-details dd{margin:0;font-weight:750;text-align:right}.state-note{margin-top:20px;padding:11px;border-radius:9px;background:#f0f3f7;display:grid;gap:4px}.state-note b{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.state-note span{font-size:12px;font-weight:800;color:var(--green)}.state-note.pending{background:#fff7e5}.state-note.pending span{color:var(--amber)}.state-note.reserved{background:#eaf7f0}.modal-backdrop{position:fixed;inset:0;background:rgba(13,23,38,.52);display:grid;place-items:center;padding:20px;z-index:50}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:14px;padding:25px;position:relative;box-shadow:0 20px 60px rgba(9,18,32,.25)}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:25px;color:#667085}.modal h2{margin:0 0 8px;font-size:24px}.modal-intro{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.5}.pet-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}.pet-option{border:1.5px solid #dce2e9;border-radius:10px;background:#fff;padding:10px;text-align:left;display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center}.pet-option.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(0,108,255,.09)}.pet-option:disabled{background:#f4f5f7;opacity:.62;cursor:not-allowed}.pet-option .mini-pet{height:40px}.pet-option b,.pet-option small{display:block}.pet-option small{font-size:9px;color:var(--muted);margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:11px;font-weight:750;color:#465266}.money-input{height:42px;margin-top:6px;border:1px solid #d7dee7;border-radius:8px;display:flex;align-items:center;padding:0 11px;color:#667085}.money-input input{width:100%;border:0;outline:0;padding-left:5px}.helper{color:var(--muted);font-size:10px;line-height:1.4;margin:11px 0 17px}.primary-button{width:100%;padding:12px 17px}.payment-options{display:grid;gap:10px}.payment-option{border:1.5px solid #dce2e9;border-radius:10px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;cursor:pointer}.payment-option.selected{border-color:var(--blue);background:#f7fbff}.payment-option b,.payment-option small{display:block}.payment-option b{font-size:12px}.payment-option small{font-size:9px;color:var(--muted);margin-top:4px}.payment-option strong{font-size:13px}.fee-row{display:flex;justify-content:space-between;margin:16px 0;padding-top:14px;border-top:1px solid #e5e9ef;font-size:10px;color:var(--muted)}.fee-row b{color:#384559}.demo-note{text-align:center;color:#8a94a3;font-size:9px;margin:8px 0 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#172133;color:#fff;padding:11px 16px;border-radius:8px;font-size:12px;transition:.2s;pointer-events:none;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.chat-app{grid-template-columns:210px minmax(430px,1fr)}.context-panel{display:none}.listing-chip{max-width:250px}}
@media(max-width:720px){.site-header{padding:0 16px}.header-search,.post-button,.conversation-list{display:none}.page-shell{width:100%;margin:0}.page-title{padding:0 14px}.chat-app{height:calc(100vh - 166px);min-height:560px;border-radius:0;border-left:0;border-right:0;grid-template-columns:1fr}.conversation-header{padding:10px 13px}.listing-chip{max-width:175px}.listing-chip .pet-thumb{display:none}.listing-chip{grid-template-columns:1fr auto}.message-area{padding:17px 14px}.message{max-width:82%}.seller-action{align-items:flex-end;gap:12px}.seller-action span{display:none}.view-switch span{display:none}}
.reservation-card.received{margin-left:0;margin-right:auto}
.page-tools{display:flex;align-items:center;gap:10px}.reset-button{border:1px solid #d5dce5;background:#fff;color:#526074;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:750}.reset-button:hover{border-color:#aeb8c5}.mini-pet,.selection-photo{display:block;object-fit:cover;object-position:center;border-radius:8px}.reserved-pet>.mini-pet{width:54px;height:52px}.pet-option>.mini-pet{width:40px;height:40px}.selection-card{max-width:470px;margin:18px 0 10px auto;border:1px solid #d8e0ea;border-radius:12px;background:#fff;padding:15px;box-shadow:0 6px 20px rgba(31,44,65,.08)}.selection-card header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.selection-card header div{display:grid;gap:3px}.selection-card header b{font-size:13px}.selection-card header div span{font-size:10px;color:var(--muted)}.selection-card header>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:var(--blue);font-size:10px;font-weight:800}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.selection-option{position:relative;border:1.5px solid #dce2e9;border-radius:10px;background:#fff;padding:8px;text-align:left;display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center}.selection-option.selected{border-color:var(--blue);background:#f7fbff;box-shadow:0 0 0 2px rgba(0,108,255,.08)}.selection-photo{width:52px;height:52px}.selection-option span{display:grid;gap:2px}.selection-option b{font-size:11px}.selection-option small{font-size:9px;color:var(--muted)}.selection-option strong{font-size:10px}.selection-option i{display:none;position:absolute;right:7px;top:7px;width:17px;height:17px;border-radius:50%;background:var(--blue);color:#fff;font-size:9px;font-style:normal;place-items:center}.selection-option.selected i{display:grid}.selection-card>.primary-button:disabled{background:#aab3c0;border-color:#aab3c0;cursor:not-allowed}.selection-card>p{margin:8px 0 0;text-align:center;color:var(--muted);font-size:9px}.waiting-card{width:fit-content;padding:10px 12px;border:1px dashed #cbd3dd;border-radius:9px;color:var(--muted);font-size:10px}.selected-pet-message{max-width:340px;margin:14px 0 8px;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid #dce2e9;border-radius:11px;background:#fff;padding:9px}.selected-pet-message.sent{margin-left:auto}.selected-pet-message.received{margin-right:auto}.selected-pet-message .mini-pet{width:48px;height:48px}.selected-pet-message b,.selected-pet-message small{display:block}.selected-pet-message b{font-size:11px}.selected-pet-message small{font-size:9px;color:var(--muted);margin-top:4px}.available-pill{font-size:8px;font-weight:800;color:var(--green);background:#e8f7ef;padding:5px 7px;border-radius:999px}.inline-payment{border-top:1px solid #edf0f3;padding:13px 15px 15px;display:grid;gap:8px}.inline-payment>p{margin:0 0 2px;font-size:11px;font-weight:800}.inline-payment-option{border:1.5px solid #dce2e9;border-radius:9px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;cursor:pointer}.inline-payment-option.selected{border-color:var(--blue);background:#f7fbff}.inline-payment-option b,.inline-payment-option small{display:block}.inline-payment-option b{font-size:10px}.inline-payment-option small{font-size:8px;color:var(--muted);margin-top:3px}.inline-payment-option strong{font-size:10px}.inline-fee{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);padding:4px 1px}.inline-fee b{color:#465266}.prototype-note{text-align:center;color:#8a94a3;font-size:8px}.listing-chip .pet-thumb{background:url("assets/milo-v1.png") center/cover no-repeat}
@media(max-width:720px){.page-tools{gap:5px}.reset-button{padding:8px}.selection-card{max-width:100%}.selection-grid{grid-template-columns:1fr}.view-switch{padding:3px}.view-switch button{padding:8px 10px}}

/* Make-an-offer-style pet transaction entry */
.transaction-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px}.transaction-entry-copy{display:grid;gap:3px;min-width:0}.transaction-entry-copy b{font-size:12px}.transaction-entry-copy span{font-size:10px;color:var(--muted)}.transaction-entry-actions{display:flex;gap:8px;flex-shrink:0}.primary-button.compact{width:auto;padding:9px 16px}.transaction-entry.disabled{opacity:.58}.transaction-entry button:disabled{cursor:not-allowed;border-color:#c9d0d9;background:#eef1f4;color:#7d8794}
.action-modal{width:min(560px,100%)}.modal-step-heading{display:flex;align-items:center;gap:8px;margin:16px 0 10px;color:#364255;font-size:11px}.modal-step-heading span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:var(--blue);font-weight:800}.action-modal .pet-options{grid-template-columns:1fr;gap:8px;margin-bottom:14px}.action-modal .pet-option{grid-template-columns:46px 1fr auto;padding:9px}.action-modal .pet-option .mini-pet{width:46px;height:46px}.pet-option em{font-style:normal;font-size:9px;font-weight:800;color:var(--green);background:#e8f7ef;padding:5px 7px;border-radius:999px}.pet-option:disabled em{color:#6d7786;background:#e5e8ec}.action-review{margin-top:4px}.review-pet{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #dce2e9;border-radius:10px}.review-pet .mini-pet{width:58px;height:58px}.review-pet b,.review-pet small{display:block}.review-pet small{font-size:10px;color:var(--muted);margin-top:4px}.review-pet strong{font-size:14px}.review-pricing{display:grid;gap:0;margin:14px 0;border-top:1px solid #edf0f3}.review-pricing div{display:flex;justify-content:space-between;gap:18px;padding:10px 2px;border-bottom:1px solid #edf0f3;font-size:10px}.review-pricing dt{color:var(--muted)}.review-pricing dd{margin:0;font-weight:800}.review-pricing .review-total{font-size:12px}.review-pricing .review-total dt,.review-pricing .review-total dd{color:var(--ink);font-weight:800}.back-step-button{width:100%;border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:750;padding:11px 0 0}
.pet-option-prices{display:flex!important;flex-wrap:wrap;gap:5px 12px;margin-top:6px!important}.pet-option-prices strong{font-size:9px;color:#344054;font-weight:750}.pet-option-prices strong:nth-child(2){color:var(--blue)}.pet-option-prices strong:nth-child(3){color:#7b4d00}
.deal-card{width:min(420px,88%);margin:18px 0 10px;border:1px solid #d8e0ea;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(31,44,65,.08)}.deal-card.sent{margin-left:auto}.deal-card.received{margin-right:auto}.deal-card header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#f6f9fd;border-bottom:1px solid #e1e6ec}.deal-card header>span:first-child{font-size:11px;font-weight:800;color:#354357}.deal-status{font-size:8px;font-weight:800;color:#8c5a00;background:#fff0cc;border-radius:999px;padding:5px 7px;white-space:nowrap}.deal-status.held{color:#8c5a00;background:#fff0cc}.deal-status.complete{color:var(--green);background:#e6f7ee}.deal-pet{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:13px 14px}.deal-pet .mini-pet{width:52px;height:52px}.deal-pet b,.deal-pet small{display:block}.deal-pet b{font-size:12px}.deal-pet small{font-size:9px;color:var(--muted);margin-top:4px}.deal-pet strong{font-size:13px}.deal-summary{display:flex;justify-content:space-between;gap:10px;padding:0 14px 13px;color:var(--muted);font-size:10px}.deal-summary b{color:var(--ink)}.deal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 14px;border-top:1px solid #edf0f3}.deal-actions.single{grid-template-columns:1fr}.deal-actions.single small{text-align:center;color:#8a94a3;font-size:8px}.secondary-button{border:1px solid #ccd4de;border-radius:9px;background:#fff;color:#465266;font-weight:750;padding:10px 14px}.deal-waiting{margin:0;padding:11px 14px 13px;border-top:1px solid #edf0f3;color:var(--muted);font-size:9px;line-height:1.45}.checkout-breakdown{display:grid;gap:7px;padding:0 14px 13px}.checkout-breakdown div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.checkout-breakdown b{color:#354357}.checkout-breakdown .checkout-total{border-top:1px solid #e5e9ef;padding-top:9px;color:var(--ink);font-size:11px}.checkout-breakdown .checkout-total b{color:var(--ink)}
@media(max-width:720px){.transaction-entry{align-items:flex-start}.transaction-entry-copy span{display:none}.transaction-entry-actions{gap:6px}.transaction-entry-actions button{padding:8px 10px;font-size:10px}.deal-card{width:100%;max-width:100%}.action-modal{padding:21px}.action-modal .pet-option{grid-template-columns:42px 1fr auto}.action-modal .pet-option .mini-pet{width:42px;height:42px}}

/* Keep the message timeline as the only scrolling row so transaction cards are never hidden behind the composer. */
.orders-link{white-space:nowrap;color:#465266;text-decoration:none;font-size:12px;font-weight:750}
.conversation-panel{min-height:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.message-area{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:34px;padding-bottom:34px}
@media(max-width:720px){.message-area{padding-bottom:30px}}