@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/inter-v20-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/inter-v20-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.map-attribution{padding:5px 8px;background:var(--paper,#fff);color:var(--text-secondary,#6e6e73);font:11px/1.4 var(--sf,system-ui);text-align:right;overflow-wrap:anywhere}
.map-attribution a{color:var(--text-primary,#1d1d1f);text-decoration:underline;text-underline-offset:2px}
.map-attribution a:focus-visible{outline:2px solid var(--volt,#0071e3);outline-offset:2px}
.geo-status{color:var(--text-secondary,#6e6e73);cursor:default}
#locSug .addr-opt{min-height:44px;overflow-wrap:anywhere;white-space:normal}
#locMapBox{position:relative;border-radius:12px}
.map-zoom{position:absolute;top:8px;right:8px;display:grid;gap:4px}
.map-zoom button{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--paper,#fff);color:var(--text-primary,#1d1d1f);font:22px/1 var(--sf,system-ui);cursor:pointer}
.map-zoom button:focus-visible{outline:2px solid var(--volt,#0071e3);outline-offset:2px}
#locLabel strong,#locLabel span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#view-market .ac-card{position:relative; padding-right:50px}
#view-market .ac-card .ac-dismiss{position:absolute; top:10px; right:12px}
@media (max-width:640px){
  #view-market .ac-card{padding-right:16px}
  #view-market .ac-txt{padding-right:34px}
}
.grid .card, html.dark .grid .card{
  min-width:0; background:transparent !important; border:none !important;
  border-radius:16px !important; box-shadow:none !important;
}
.grid .card > .card-photo, .grid .card > .plate{
  width:100%; flex-shrink:0; border-radius:16px !important; overflow:hidden !important;
}
.grid .card > .card-body{
  min-width:0; width:100%; padding:10px 2px 2px !important; gap:3px !important;
}
.view .grid{gap:24px 16px !important}
@media(max-width:640px){.view .grid{gap:20px 12px !important}}
.card-photo .card-photo-unavailable{
  position:absolute; inset:0; display:none; align-items:center; justify-content:center;
  gap:8px; padding:24px; color:var(--text-secondary); font-size:13px; text-align:center;
  background:var(--bg-secondary); z-index:1;
}
.card-photo.has-media-error .card-photo-unavailable{display:flex}
.card-photo.has-media-error::before{display:none}
.card-photo.has-media-error img{display:none}
.view{min-width:0}
.mk-main .trust-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.view .field input, .view .field select, .view .field textarea,
.modal .modal-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.modal .modal-body select, .modal .modal-body textarea{border-radius:12px !important}
#view-settings .acct-row{flex-wrap:wrap}
#view-settings .acct-row > *{min-width:0; overflow-wrap:anywhere}
#view-settings .acct-row > .switch{flex-shrink:0}
.f-brand > span{
  color:var(--text-primary) !important; background:var(--bg-primary) !important;
  border:1px solid var(--line); border-radius:4px; padding:3px 6px !important;
  font-size:10px; font-weight:600; line-height:1.2; letter-spacing:1.5px;
}
html.editing .bottomnav{display:none !important}
.ml-row .x-close, .ml-tile-actions .x-close{position:static !important; inset:auto !important; flex-shrink:0}
#view-admin .adm-sec{flex-wrap:wrap; gap:10px}
#view-admin .adm-filter{flex-wrap:wrap}
#view-admin .adm-main{flex-basis:160px; overflow-wrap:anywhere}
#view-admin .adm-actions{flex-wrap:wrap}
#view-admin .adm-stat{border-radius:16px !important}
#view-admin .adm-stat.volt .adm-num, html.dark #view-admin .adm-stat.volt .adm-num,
#view-admin .adm-price{color:var(--link)}
@media(max-width:820px){
  header.top .sell-cta{display:none !important}
}
@media(max-width:640px){
  .gs-strip .mini-btn{white-space:nowrap}
  .field input, .field select, .field textarea, .modal input, .modal select, .modal textarea{min-width:0; font-size:16px !important}
  .fbl-quick .fbl-quickrow textarea{min-width:0; border-radius:16px}
  #view-settings .theme-picks{justify-content:flex-start}
}
:is(#view-orders, #view-mylistings) .live-offers[hidden], :is(#ordersList, #myListingsBody, #salesBody, #sentOffersCount, #receivedOffersCount)[hidden]{display:none !important}
:is(#view-orders, #view-mylistings) .live-offers{width:100%; max-width:none; margin:20px 0 0; box-sizing:border-box}
.offers-count{display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; margin-left:5px; padding:0 5px; border-radius:999px; background:var(--button, #0071e3); color:#fff; font-size:12px; line-height:1; box-sizing:border-box}
.chip.on .offers-count{background:var(--bg-primary, #fff); color:var(--text-primary, #1d1d1f)}
:is(#view-orders, #view-mylistings) .ac-card .ac-dismiss{width:32px !important; height:32px !important; top:6px; right:8px}
@media(max-width:640px),(pointer:coarse){
  :is(#view-orders, #view-mylistings) .ac-card .ac-dismiss{width:44px !important; height:44px !important; top:0; right:2px}
}
.commerce-tabs, #orderTabs{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}
.offers-heading{font-size:18px; margin:0 0 14px; line-height:1.3}
#salesList{margin-top:16px}
#salesBody{min-width:0}
#view-mylistings .order-card{max-width:100%; box-sizing:border-box}
#view-mylistings .order-card > div{min-width:0 !important; max-width:100%; overflow-wrap:anywhere}
:is(#view-mylistings,#view-orders) .ac-card{position:relative; padding-right:48px}
:is(#view-mylistings,#view-orders) .ac-card .ac-dismiss{position:absolute}
.chat-product-photo{width:56px; height:56px; flex:0 0 56px; border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:var(--bg-secondary); color:var(--text-secondary)}
.chat-product-photo img{width:100%; height:100%; object-fit:cover; display:block}
.chat-product-photo svg{width:24px; height:24px}
#view-inbox .thread-btn .t-main{min-width:0; overflow-wrap:anywhere}
.chat-peer{display:block; margin:4px 0; color:var(--text-secondary); font-size:14px}
.chat-product{width:100%; display:flex; align-items:center; gap:12px; box-sizing:border-box; text-align:left; margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--bg-secondary); color:var(--text-primary); font:inherit; cursor:pointer}
.chat-product:hover{border-color:var(--button)}
.chat-product-info{flex:1; min-width:0; display:grid; gap:4px; overflow-wrap:anywhere}
.chat-product-info strong{font-size:15px; line-height:1.35}
.chat-product-label{font-size:12px; color:var(--text-secondary)}
.chat-product-link{flex-shrink:0; color:var(--link); font-size:13px; font-weight:600}
.chat-general{margin:12px 0; color:var(--text-secondary); font-size:13px}
#view-inbox.chatting .thread-pane{height:var(--chat-pane-height, 580px) !important; min-height:320px !important; box-sizing:border-box}
#view-inbox .msg-row{min-width:0}
#view-inbox .msg-row > :not(.msg-av){min-width:0; box-sizing:border-box; overflow-wrap:anywhere}
#view-inbox .bubble{white-space:pre-wrap}
#view-inbox .msg-sys{overflow-wrap:anywhere}
#view-inbox .chat-input{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px}
#view-inbox .chat-input textarea{width:100%; min-width:0; min-height:44px; font-size:16px; margin:0}
#view-inbox .chat-input .btn{min-height:44px; width:auto !important; margin:0; box-sizing:border-box}
@media(max-width:640px){
  #view-inbox .chat-input .btn{min-width:72px}
  .chat-product{display:grid; grid-template-columns:48px minmax(0,1fr); gap:8px 10px; padding:10px}
  .chat-product .chat-product-photo{width:48px; height:48px}
  .chat-product-link{grid-column:2}
  #view-inbox .thread-pane{padding:14px !important}
  :is(#view-mylistings,#view-orders) .ac-card{padding-right:48px}
}
html:root{scroll-behavior:auto}
@media (max-width:820px){
  body input:not([type=checkbox]):not([type=radio]),
  body select:not([multiple]),
  body textarea:not([readonly]){font-size:16px !important}
}
@media (max-width:640px){
  .modal-scrim{
    align-items:flex-start !important;
    overflow-x:hidden;
    overflow-y:auto;
    padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) !important;
  }
  .modal{
    width:100% !important;
    max-width:460px;
    min-width:0;
    max-height:calc(100dvh - 16px);
    overflow-x:hidden;
  }
  .modal-head, .modal-body, #authBody,
  .modal .field-row, .modal .field-row > .field{
    min-width:0;
    max-width:100%;
  }
  .modal .field-row{grid-template-columns:minmax(0,1fr)}
  .modal .field input, .modal .field select, .modal .field textarea,
  .modal .auth-tabs, .modal .g-btn, .modal .apple-btn{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .modal-title, .modal-sub, .modal-head span{overflow-wrap:anywhere}
}
@media (max-width:350px){
  header.top{padding-left:12px !important; padding-right:12px !important; gap:6px !important}
  header.top .logo{gap:0 !important}
  header.top .logo-mark{display:none !important}
  header.top .sell-cta{padding-left:12px !important; padding-right:12px !important}
}
.price-row{flex-wrap:wrap}
.ships-pill{display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:600; line-height:1; color:var(--steel, #6D6C64); white-space:nowrap}
.ships-pill .ico{flex:0 0 auto}
.cat-menu{-webkit-overflow-scrolling:touch; padding-bottom:2px}
.cat-menu .cat-item{white-space:nowrap}
.req-mark{font-size:11px; font-weight:600; color:var(--steel, #6D6C64); margin-left:6px; text-transform:none; letter-spacing:0}
.btn.btn-danger{background:var(--danger); color:#fff; border-color:var(--danger)}
.btn.btn-danger:hover{background:var(--danger-hover, #912018)}
.btn.btn-danger-text{color:var(--danger)}
.modal-body .ck-list{margin:2px 0 16px}
.modal-body .ck-row{display:grid; grid-template-columns:44px minmax(0,1fr); align-items:start; min-height:44px; margin:0; cursor:pointer; -webkit-tap-highlight-color:transparent}
.modal-body .ck-row input{width:22px; height:22px; margin:11px; padding:0; flex-shrink:0; cursor:pointer; accent-color:var(--button, #0071e3); border-radius:6px}
.modal-body .ck-text{padding:11px 0; font-size:15px; line-height:1.45; letter-spacing:-0.01em; color:var(--text-primary); overflow-wrap:anywhere}
.modal-body .ck-text a{color:var(--link, #0066cc); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.modal-body .ck-text a:focus-visible{border-radius:4px}
.modal-body .ck-help{margin:-7px 0 6px 44px; font-size:13px; line-height:1.4; color:var(--text-secondary)}
.modal-body .ck-err{margin:-5px 0 8px 44px; font-size:13px; line-height:1.4; font-weight:600; color:var(--danger)}
.modal-body .ck-err:empty{display:none}
.modal-body .ck.bad .ck-row input{outline:2px solid var(--danger); outline-offset:2px}
#legalModal{z-index:320}
.captcha-slot{min-height:65px; margin:6px 0 14px}
.captcha-slot:empty{min-height:0; margin:0}
.captcha-slot{overflow-x:auto; -webkit-overflow-scrolling:touch}
.offer-chip{display:block; width:fit-content; margin-top:4px; padding:2px 9px; border-radius:999px; font-family:var(--body); font-size:11px; font-weight:700; letter-spacing:.01em; background:var(--bg-secondary,#f5f5f7); color:var(--text-secondary,#6e6e73)}
.offer-chip.expired{background:var(--danger); color:#fff}
.offer-note{flex-basis:100%; font-size:12px; color:var(--steel); margin-top:4px}
.ship-countdown{font-weight:700; font-size:13px; margin-top:4px; color:var(--text-primary,#1d1d1f)}
.ship-countdown.ship-warn{color:var(--warn)}
.ship-countdown.ship-danger{color:var(--danger)}
.ship-guidance{font-size:12px; color:var(--steel); margin-top:2px}
.ship-note{font-size:12px; color:var(--steel); margin-top:4px}
html.dark .offer-chip{background:#2c2c2e; color:#f5f5f7}
.f-ad-box{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:22px 0 4px; padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:var(--card, #fff)}
.f-ad-box[hidden]{display:none}
.f-ad-copy{min-width:0; flex:1 1 240px}
.f-ad-copy strong{font-size:14px}
.f-ad-copy p{margin:4px 0 0; font-size:13px; color:var(--steel)}
.f-ad-btns{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.f-ad-btn{width:auto !important; min-height:40px; padding:0 18px}
html.native .f-ad-box{display:none !important}
html.dark .f-ad-box{background:#1c1c1e; border-color:#3a3a3c}
@media (max-width: 999px){
  body .hero{padding-top:2px !important; padding-bottom:2px !important}
  body .hero .search-row{gap:4px !important; row-gap:4px !important}
  body .search-row .search-hero{height:auto !important; padding:0 !important}
  body .search-row .search-hero input{height:46px !important; padding-top:8px !important; padding-bottom:8px !important}
}
body .mini-map svg{display:block; width:100%; height:140px !important}
body .mini-map .mk-map-label{border-top:1px solid var(--border)}
body .lw-main{flex:1; min-width:230px}
body .lw-side{flex:1.4; min-width:260px}
body .lw-sales{margin-top:16px}
body .lw-lead{margin:0 0 14px; font-size:14px; line-height:1.4; color:var(--text-secondary, var(--steel))}
body .lw-side .pay-note{text-align:left}
body .el-price{display:flex; align-items:center; gap:8px; font-weight:600}
body .el-price input{flex:1; min-width:0}
body #offerModal .btn, body #tradeModal .btn{min-height:44px}
body .of-consent{font-size:13px; line-height:1.45; margin:12px 0 10px; color:var(--text-primary,#1d1d1f)}
body .of-consent:empty{display:none}
body .offer-pay{width:auto; min-height:44px; margin-top:8px}
body .trade-search{position:relative; margin-bottom:8px}
body .trade-search svg{position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--text-secondary,#6e6e73); pointer-events:none}
body .trade-search input{width:100%; min-height:44px; box-sizing:border-box; padding:10px 12px 10px 38px; font:inherit; font-size:16px; border:1.5px solid rgba(128,128,128,.35); background:var(--bg-primary,#fff); color:var(--text-primary,#1d1d1f)}
.boost-credit{background:var(--bg-secondary, #f5f5f7); border-radius:14px; padding:10px 14px; margin:0 0 12px; font-size:14px; line-height:1.4; color:var(--text-secondary, #6e6e73)}
.boost-credit strong{color:var(--text-primary, #1d1d1f); font-weight:600}
.tier .t-price small{display:block; font-size:11px; font-weight:500; color:var(--text-secondary, #6e6e73); letter-spacing:0; text-align:right}
.bc-h{font-size:15px; font-weight:600; margin:14px 0 8px}
.bc-chips{display:grid; grid-template-columns:repeat(auto-fill, minmax(118px,1fr)); gap:10px}
.bc-chip{position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:12px 12px 10px; border:1.5px solid var(--line); border-radius:14px; background:var(--card); text-align:left; cursor:pointer; font:inherit; color:var(--text-primary, #1d1d1f); min-height:44px}
.bc-chip.on{border-color:var(--button, #0071e3); box-shadow:0 0 0 2px color-mix(in srgb, var(--volt) 18%, transparent)}
.bc-chip strong{font-size:15px}
.bc-chip span{font-size:15px; font-weight:600}
.bc-chip small{font-size:11px; color:var(--text-secondary, #6e6e73)}
.bc-chip em{position:absolute; top:-9px; right:10px; font-style:normal; font-size:11px; font-weight:700; background:var(--button, #0071e3); color:#fff; padding:2px 7px; border-radius:980px}
.bc-side{margin-top:0 !important; max-width:none !important; border-radius:18px}
.bc-row{display:flex; justify-content:space-between; gap:12px; padding:6px 0; font-size:14px}
.bc-credit{color:var(--success, #1a7f37)}
.bc-total{border-top:1px solid var(--line); margin-top:6px; padding-top:10px; font-weight:700; font-size:16px}
.bc-card{display:flex; align-items:center; gap:10px; margin:10px 0 12px; font-size:14px}
.bc-side .btn{width:100%}
html{overflow-x:hidden}
body > header.top{width:100%; max-width:100vw}
body > main{width:100%; max-width:min(1180px, 100vw); margin-left:max(0px, calc((100vw - 1180px) / 2)); margin-right:0}
body > footer{max-width:min(1180px, 100vw); margin-left:max(0px, calc((100vw - 1180px) / 2)); margin-right:0}
@media (min-width:1000px){
  body > main{max-width:min(1560px, 100vw); margin-left:max(0px, calc((100vw - 1560px) / 2))}
}
.seller-card .link-plain{min-width:0; flex:1 1 120px; text-align:left}
.seller-card .s-handle, .seller-card .s-meta{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.seller-card .s-name{display:flex; flex-wrap:wrap; align-items:center; gap:2px 6px; min-width:0}
.seller-card .s-handle{max-width:100%}
.seller-card .ver-badge{flex:none; margin-left:0}
.seller-card .mini-btn{flex:0 0 auto; margin-left:10px}
#gridLoadError .rect-btn, .grid-more .rect-btn{display:inline-flex}
.grid-more .rect-btn{margin-top:14px; width:auto; min-height:44px}
.del-what{background:var(--plate); border-radius:14px; padding:12px 14px; margin:4px 0 14px; font-size:14px; line-height:1.45}
.del-what p{margin:0}
.del-what p + p{margin-top:8px}
.del-block-list{margin:4px 0 16px; padding-left:20px; font-size:14px; line-height:1.5}
.del-block-list li + li{margin-top:6px}
.del-err{min-height:18px; margin:-4px 0 10px; color:var(--bad); font-size:13px}
.addr-del{color:var(--danger) !important}
.sk-pill{display:inline-block; width:104px; height:30px; border-radius:980px}
.sk-pill.short{width:64px}
@media (prefers-reduced-motion: reduce){.sk::after{animation:none}}
html.dark .sk::after{background:linear-gradient(90deg, transparent, rgba(255,255,255,.09), transparent)}
html.dark .adv-card,
html.dark .adv-tile,
html.dark .adv-pick-item,
html.dark .bc-chip{background:var(--card); border-color:var(--line)}
html.dark .adv-n{background:var(--volt); color:#fff}
.forgot-row{ display:flex; justify-content:flex-end; margin:-6px 0 4px }
.forgot-row .link-plain{ font-size:13px; color:var(--steel); text-decoration:underline; text-underline-offset:2px }
.forgot-row .link-plain:hover{ color:var(--ink) }
body .search-understood{display:block;margin:2px 0 14px;font-size:15px;line-height:1.4;color:var(--steel);overflow-wrap:anywhere}
body .search-understood .su-term{color:var(--ink);font-weight:700}
.bubble.msg-failed{border:1.5px solid var(--danger,#e30000)}
.msg-fail{display:block; margin-top:4px; font-size:11.5px; color:var(--danger,#e30000)}
.msg-retry{margin-left:6px; border:0; background:none; padding:0; color:inherit; font:inherit; font-weight:700; text-decoration:underline; cursor:pointer}
:root{--danger-hover:#9A3419}
html.dark{--danger-hover:#c0392b}
html.dark{--pill-muted:#2c2c2e}
html.dark .g-btn{background:#131314 !important; color:#e3e3e3 !important; border-color:#8e918f !important}
html.dark .modal-head .close-btn:hover{background:rgba(255,255,255,.12) !important; color:var(--ink) !important}
html.dark .modal .btn:hover{background:rgba(255,255,255,.08) !important; border-color:var(--text-secondary) !important}
html.dark .modal .btn-ink:hover{background:#3a3a3c !important; border-color:#3a3a3c !important; color:var(--ink) !important}
html.dark .modal .btn-volt:hover{background:var(--button-hover) !important}
html.dark .modal .acct-menu .btn-ghost:hover{background:rgba(255,255,255,.08) !important}
html.dark .loc-map{background:#1c2430 !important}
html.dark .msg-sys{background:color-mix(in srgb, var(--warn) 20%, var(--card)) !important; border-color:var(--warn) !important; color:var(--text-primary) !important}
.x-close::before,.gs-close::before,.t-x::before,.close-btn::before,.dock-head-x::before,.dock-btn::before{content:'';position:absolute;inset:-11px}
.dock-btn{position:relative}
.media-thumb .rm::before{content:'';position:absolute;inset:-5px -5px -15px -15px}
@media (pointer:coarse){.account-chip::before{content:'';position:absolute;inset:-4px}}
#view-mylistings .mini-btn.x-close{position:relative !important}
.addr-sug .addr-loading{display:flex; align-items:center; gap:8px}
.addr-sug .addr-loading::before{
  content:""; flex:0 0 13px; width:13px; height:13px; border-radius:50%;
  border:2px solid color-mix(in srgb, currentColor 26%, transparent);
  border-top-color:var(--button, #0071e3);
  animation:addrSpin .6s linear infinite;
}
@keyframes addrSpin{to{transform:rotate(360deg)}}
.addr-sug .addr-opt.geo-status,
.addr-sug .addr-opt.geo-status:hover{
  background:none; color:var(--text-secondary, #6e6e73);
  cursor:default; font-size:12.5px;
}
.addr-sug .addr-opt.geo-status[role="status"]{
  display:flex; align-items:center; gap:8px;
}
html.native .promo-hint,
html.native [onclick^="openContact('Advertising')"]{display:none !important}
html.dark body :is(.ac-badge, .badge-hot, .offer-chip.expired, .btn.btn-danger:not(:hover)){background-color:#e30000}
html.dark body .btn.btn-danger:not(:hover){border-color:#e30000}
html.dark body :is(.gs-num, .bn-badge, .unread-dot, .adv-n, .tl-row.done .tl-dot){background:var(--button, #0071e3); color:#ffffff}
html.dark body .tl-row.done .tl-dot{border-color:var(--button, #0071e3)}
html.dark body .modal .btn-ink:not(:hover){color:#ffffff !important}
html.dark body .el-logo{filter:brightness(0) invert(1)}
html.dark body .el-legal a{color:var(--link, #2997ff)}
html.dark body .el-tb, html.dark body .el-tb:disabled{background:rgba(58,58,60,.92) !important; color:#f5f5f7}
html.dark body .divider{background:transparent !important}
.bubble.me .msg-fail{color:#ffffff}
body{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
html.native .sell-progress{top:calc(78px + env(safe-area-inset-top))}
html.native .mk-side, html.native main > .mk-side{top:calc(78px + env(safe-area-inset-top))}
html.native .book-panel{top:calc(80px + env(safe-area-inset-top))}
@media (max-width:640px){
  .modal-scrim{
    padding-left:max(8px, env(safe-area-inset-left)) !important;
    padding-right:max(8px, env(safe-area-inset-right)) !important;
  }
  .modal{max-height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)))}
  .modal-scrim > .modal{margin-bottom:env(safe-area-inset-bottom)}
}
@media (min-width:641px){
  .modal-scrim{
    padding-left:max(18px, env(safe-area-inset-left));
    padding-right:max(18px, env(safe-area-inset-right));
    padding-bottom:max(18px, env(safe-area-inset-bottom));
  }
}
.el-page{
  padding-top:env(safe-area-inset-top);
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
#chatDock{right:calc(16px + env(safe-area-inset-right)); bottom:env(safe-area-inset-bottom)}
html.native-android.kb-open .bottomnav{display:none !important}
#view-mylistings .x-close::before, .ml-row .x-close::before, .ml-tile-actions .x-close::before{content:none !important}
#view-mylistings .x-close, .ml-row .x-close, .ml-tile-actions .x-close{min-width:44px; min-height:44px; display:inline-flex !important; align-items:center; justify-content:center}
@media (max-width:820px){
  #sBoxPresets button, #view-editlisting [id$="BoxPresets"] button{min-height:44px}
  #view-sell .sp-step{min-height:44px}
  #view-sell .hint-link{display:inline-flex; align-items:center; min-height:44px}
  #view-sell .sell-draft-btn{min-height:44px}
  #view-inbox .chat-back{min-height:44px; padding-top:0}
  #threadPane .user-menu-btn{min-width:44px; min-height:44px}
}
@media (max-width:820px){
  html.kb-open .bottomnav{display:none !important}
  html.kb-open #view-inbox.chatting .chat-product{margin:6px 0; padding:6px 10px}
  html.kb-open #view-inbox.chatting .chat-product-label, html.kb-open #view-inbox.chatting .chat-product-link{display:none}
  html.kb-open #view-inbox.chatting .chat-product-photo{width:36px; height:36px; flex-basis:36px}
  html.kb-open #view-inbox.chatting .chat-product-info{display:flex; align-items:baseline; gap:10px; min-width:0}
  html.kb-open #view-inbox.chatting .chat-product-info strong{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
  html.kb-open #view-inbox.chatting .chat-product-info > span{white-space:nowrap; flex-shrink:0}
}
@media (max-height:520px) and (max-width:1024px){
  #view-inbox.chatting .thread-pane{min-height:0 !important}
  #view-inbox.chatting{display:flex; flex-wrap:wrap; align-items:center; column-gap:12px}
  #view-inbox.chatting .inbox-wrap{flex:0 0 100%}
  #view-inbox.chatting #chatFilters{flex:1 1 0; min-width:0}
  #view-inbox.chatting .chat-product-link{display:none}
  #view-inbox.chatting .chat-product-info{display:flex; align-items:baseline; gap:10px; min-width:0}
  #view-inbox.chatting .chat-product-info strong{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
  #view-inbox.chatting .chat-product-info > span{white-space:nowrap; flex-shrink:0}
  #view-inbox.chatting .chat-back{padding:0; min-height:36px}
  #view-inbox.chatting #chatFilters{flex-wrap:nowrap !important; overflow-x:auto; margin-top:4px !important; scrollbar-width:none}
  #view-inbox.chatting #chatFilters .chip{min-height:36px; flex:0 0 auto}
  #view-inbox.chatting .inbox-wrap{margin-top:4px}
  #view-inbox.chatting .chat-product{margin:6px 0; padding:6px 10px}
  #view-inbox.chatting .chat-product-label{display:none}
  #view-inbox.chatting .chat-product-photo{width:36px; height:36px; flex-basis:36px}
}
@media (max-width:820px), (pointer:coarse){
  #view-sell .fit-chip, #view-editlisting .fit-chip, #chatFilters .chip, .commerce-tabs .chip, #view-orders .chip{min-height:44px}
  .ml-switch button, .ml-tile-actions .mini-btn{min-width:44px; min-height:44px}
}
@media (min-width:821px) and (max-width:999px){
  body > .bottomnav{display:flex}
  body > main{padding-bottom:120px}
  body > footer{padding-bottom:110px}
  body > header.top .sell-cta{display:none !important}
}
html:has(#view-inbox.active) #chatDock{display:none !important}
.fbl-nav::before{content:''; position:absolute; inset:-3px; border-radius:50%}
body > header.top > .logo{margin-right:auto}
body > header.top > .sell-cta,
body > header.top > .icon-btn,
body > header.top > .account-chip{margin-left:0}
:root{
  --tst-bg:rgba(255,255,255,.965);
  --tst-solid:#ffffff;
  --tst-line:rgba(0,0,0,.08);
  --tst-fg:#1d1d1f;
  --tst-sub:#55555a;
  --tst-x-bg:rgba(0,0,0,.06);
  --tst-x-bg-hover:rgba(0,0,0,.1);
  --tst-x-fg:#5f5f64;
  --tst-act-bg:#1d1d1f;
  --tst-act-fg:#ffffff;
  --tst-shadow:0 0 0 .5px rgba(0,0,0,.02), 0 2px 6px rgba(0,0,0,.05), 0 12px 32px -8px rgba(0,0,0,.16), 0 32px 64px -24px rgba(0,0,0,.2);
  --tst-hi:inset 0 1px 0 rgba(255,255,255,.7);
  --tst-success:#1d7a46; --tst-success-tint:rgba(29,122,70,.12);
  --tst-error:#d70015;   --tst-error-tint:rgba(215,0,21,.10);
  --tst-warn:#b25000;    --tst-warn-tint:rgba(178,80,0,.12);
  --tst-info:#0071e3;    --tst-info-tint:rgba(0,113,227,.11);
  --tst-offer:#c96a10;   --tst-offer-tint:rgba(235,136,34,.16);
  --tst-order:#5e5ce6;   --tst-order-tint:rgba(94,92,230,.12);
  --tst-spring:cubic-bezier(.2,1.16,.36,1);
  --tst-top:72px;
}
html.dark{
  --tst-bg:rgba(44,44,46,.92);
  --tst-solid:#2c2c2e;
  --tst-line:rgba(255,255,255,.10);
  --tst-fg:#f5f5f7;
  --tst-sub:#b4b4b9;
  --tst-x-bg:rgba(255,255,255,.10);
  --tst-x-bg-hover:rgba(255,255,255,.16);
  --tst-x-fg:#c7c7cc;
  --tst-act-bg:#f5f5f7;
  --tst-act-fg:#1d1d1f;
  --tst-shadow:0 0 0 .5px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3), 0 14px 36px -8px rgba(0,0,0,.55), 0 36px 72px -24px rgba(0,0,0,.6);
  --tst-hi:inset 0 1px 0 rgba(255,255,255,.07);
  --tst-success:#30d158; --tst-success-tint:rgba(48,209,88,.16);
  --tst-error:#ff453a;   --tst-error-tint:rgba(255,69,58,.16);
  --tst-warn:#ffb340;    --tst-warn-tint:rgba(255,159,10,.16);
  --tst-info:#70b8ff;    --tst-info-tint:rgba(10,132,255,.24);
  --tst-offer:#f59b3d;   --tst-offer-tint:rgba(235,136,34,.2);
  --tst-order:#8f8dff;   --tst-order-tint:rgba(125,122,255,.2);
}
.toast{position:fixed; z-index:500; top:calc(env(safe-area-inset-top, 0px) + 10px); left:50%; right:auto; bottom:auto;
  width:min(420px, calc(100vw - 16px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
  transform:translateX(-50%); height:0; margin:0; padding:0; background:none; border:0; box-shadow:none;
  pointer-events:none; transition:height .3s ease}
.toast:not(.show){visibility:hidden}
@media (min-width:700px){
  html:not(.native) .toast{top:var(--tst-top); left:auto; right:20px; transform:none; width:376px}
}
body:has(.modal-scrim.open) .toast{top:calc(env(safe-area-inset-top, 0px) + 72px)}
@media (min-width:700px){
  html body:has(.modal-scrim.open) .toast{top:calc(env(safe-area-inset-top, 0px) + 10px); left:20px; right:auto; transform:none; width:376px}
}
.toast>.tst{position:absolute; top:0; left:0; right:0; box-sizing:border-box;
  display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; column-gap:12px; min-height:62px; padding:11px 10px 11px 12px;
  border-radius:24px; overflow:hidden;
  background:var(--tst-solid); color:var(--tst-fg);
  border:1px solid var(--tst-line); box-shadow:var(--tst-shadow), var(--tst-hi);
  font-family:var(--body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif); text-align:left;
  pointer-events:auto; touch-action:none; user-select:none; -webkit-user-select:none; cursor:default;
  -webkit-tap-highlight-color:transparent;
  --dx:0px; --dy:0px; --y:0px; --s:1;
  transform-origin:50% 100%;
  transform:translate3d(var(--dx), calc(var(--y) + var(--dy)), 0) scale(var(--s));
  opacity:1;
  transition:transform .52s var(--tst-spring), opacity .26s ease, height .3s ease}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .toast>.tst{background:var(--tst-bg); -webkit-backdrop-filter:saturate(180%) blur(22px); backdrop-filter:saturate(180%) blur(22px)}
}
.toast>.tst:focus-visible{outline:2px solid var(--focus-ring, #0071e3); outline-offset:2px}
.toast>.tst.tst-tap{cursor:pointer}
.toast>.tst.tst-press{box-shadow:inset 0 0 0 99px rgba(128,128,128,.16), var(--tst-shadow), var(--tst-hi)}
.toast>.tst:not(.in){opacity:0; transform:translate3d(0, calc(var(--y) - 26px), 0) scale(calc(var(--s) * .92))}
html.native .toast>.tst:not(.in){transform-origin:50% 0; transform:translate3d(0, -34px, 0) scale(.62)}
@media (min-width:700px){
  html:not(.native) .toast>.tst:not(.in){transform:translate3d(48px, var(--y), 0) scale(calc(var(--s) * .97))}
}
.toast>.tst.out{opacity:0; pointer-events:none; transition:transform .22s cubic-bezier(.4,0,1,1), opacity .18s ease-in;
  transform:translate3d(var(--dx), calc(var(--y) + var(--dy) - 14px), 0) scale(calc(var(--s) * .96))}
.toast>.tst.out-up{transform:translate3d(0, calc(var(--y) + var(--dy) - 120px), 0) scale(var(--s))}
.toast>.tst.out-right{transform:translate3d(calc(var(--dx) + 120%), var(--y), 0) scale(var(--s))}
.toast>.tst.tst-drag{transition:none}
.toast>.tst.tst-bump{animation:tst-bump .38s var(--tst-spring)}
@keyframes tst-bump{40%{transform:translate3d(0, var(--y), 0) scale(1.025)}}
.toast>.tst.tst-behind > *{opacity:0; transition:opacity .16s ease}
.toast>.tst > *{transition:opacity .2s ease .06s}
.toast>.tst .tst-ic{grid-column:1; grid-row:1 / span 2; width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;}
.toast>.tst .tst-ic svg{display:block}
.toast>.tst .tst-txt{grid-column:2; grid-row:1 / span 2; min-width:0; padding:1px 0}
.toast>.tst .tst-t{margin:0; font-size:15px; line-height:1.3; font-weight:600; letter-spacing:-.012em; color:var(--tst-fg);
  overflow-wrap:anywhere}
.toast>.tst .tst-b{margin:1px 0 0; font-size:13.5px; line-height:1.36; font-weight:400; letter-spacing:-.003em; color:var(--tst-sub);
  overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden}
.toast>.tst .tst-act{position:relative; grid-column:3; grid-row:1 / span 2; height:32px; min-width:0; padding:0 14px; margin:0 0 0 2px; border:0; border-radius:999px;
  background:var(--tst-act-bg); color:var(--tst-act-fg); font:600 13.5px/1 var(--body, 'Inter', sans-serif); letter-spacing:-.01em;
  box-shadow:none; transform:none; white-space:nowrap; cursor:pointer}
.toast>.tst .tst-act:hover{opacity:.86}
.toast>.tst .tst-act:active{transform:scale(.96)}
.toast>.tst .tst-x{position:relative; grid-column:4; grid-row:1; align-self:start; width:26px; height:26px; margin:1px 0 0; padding:0; border:0; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; background:var(--tst-x-bg); color:var(--tst-x-fg); box-shadow:none; cursor:pointer}
.toast>.tst:not(:has(.tst-b)) .tst-x{grid-row:1 / span 2; align-self:center; margin:0}
.toast>.tst:not(:has(.tst-act)){grid-template-columns:auto minmax(0,1fr) auto}
.toast>.tst:not(:has(.tst-act)) .tst-x{grid-column:3}
.toast>.tst .tst-x:hover{background:var(--tst-x-bg-hover)}
.toast>.tst .tst-act::before,.toast>.tst .tst-x::before{content:''; position:absolute; inset:-9px}
.toast>.tst .tst-act:focus-visible,.toast>.tst .tst-x:focus-visible{outline:2px solid var(--focus-ring, #0071e3); outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .toast>.tst .tst-x{opacity:.0; transition:opacity .15s ease}
  .toast>.tst:hover .tst-x,.toast>.tst .tst-x:focus-visible,.toast>.tst:focus-within .tst-x{opacity:1}
}
.toast>.tst-success .tst-ic{color:var(--tst-success); background:var(--tst-success-tint)}
.toast>.tst-error .tst-ic{color:var(--tst-error); background:var(--tst-error-tint)}
.toast>.tst-warn .tst-ic{color:var(--tst-warn); background:var(--tst-warn-tint)}
.toast>.tst-info .tst-ic,.toast>.tst-message .tst-ic{color:var(--tst-info); background:var(--tst-info-tint)}
.toast>.tst-offer .tst-ic{color:var(--tst-offer); background:var(--tst-offer-tint)}
.toast>.tst-order .tst-ic{color:var(--tst-order); background:var(--tst-order-tint)}
@media (max-width:559px){
  .toast>.tst{grid-template-columns:auto minmax(0,1fr) auto}
  .toast>.tst:has(.tst-act) .tst-txt{grid-row:1}
  .toast>.tst .tst-act{grid-column:2; grid-row:2; justify-self:start; height:30px; margin:8px 0 1px; padding:0 14px; font-size:13px}
  .toast>.tst .tst-x{grid-column:3}
  .toast>.tst:has(.tst-act) .tst-ic{align-self:start; margin-top:1px}
}
.toast>.tst.tst-long{grid-template-columns:auto minmax(0,1fr) auto}
.toast>.tst.tst-long .tst-txt{grid-row:1}
.toast>.tst.tst-long .tst-act{grid-column:2; grid-row:2; justify-self:start; height:30px; margin:8px 0 1px; padding:0 14px; font-size:13px}
.toast>.tst.tst-long .tst-x{grid-column:3}
.toast>.tst.tst-long .tst-ic{align-self:start; margin-top:1px}
@media (max-width:359px){
  .toast>.tst{column-gap:10px; padding:10px 8px 10px 10px}
  .toast>.tst .tst-ic{width:32px; height:32px}
  .toast>.tst .tst-act{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  .toast>.tst,.toast>.tst:not(.in),.toast>.tst.out,.toast>.tst.out-up,.toast>.tst.out-right{
    transform:translate3d(0, var(--y), 0) scale(var(--s)) !important; transition:opacity .14s linear !important; animation:none !important}
}
html:not(.dark) body :is(.gs-num, .bn-badge, .unread-dot, .tl-row.done .tl-dot){color:#ffffff}
html body .gs-strip .gs-close{opacity:1}
html body .plate .plate-small{opacity:1; font-weight:600}
html:not(.dark) body .field .req-mark{color:#424245}
html:not(.dark) body .st-disp{color:#c00000 !important}
html:not(.dark) body .fbl-quick .fbl-quickrow textarea,
html:not(.dark) body .fbl-quick .fbl-quickrow input{border-color:var(--text-tertiary, #86868b)}
html:not(.dark) body .adv-custom input{border-bottom-color:var(--text-tertiary, #86868b)}
html.dark body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(.mk-search):not(:focus),
html.dark body select:not(:focus),
html.dark body textarea:not(:focus){border-color:var(--text-tertiary, #86868b) !important}
html.dark body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(.mk-search):focus,
html.dark body select:focus,
html.dark body textarea:focus{border-color:var(--volt, #0a84ff) !important}
html:not(.dark){--focus-ring:var(--volt-deep, #006edb)}
html body :focus-visible{outline:2px solid var(--focus-ring) !important; outline-offset:2px !important}
html:root body :is(input, select, textarea):focus-visible{outline:2px solid var(--focus-ring) !important; outline-offset:2px !important}
html body :is(.cat-scroll, .chips, .chip-row, .thread-list, .mk-cats, .trade-list, .cat-menu) :focus-visible{outline-offset:-2px !important}
html body :is(.fbl-nav, .el-x, .el-tb, .map-zoom button):focus-visible{outline:2px solid #ffffff !important; outline-offset:0 !important; box-shadow:0 0 0 4px #1d1d1f !important}
html{scroll-padding-top:72px}
@media (max-width:820px){ html:not(.kb-open){scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px))} }
html body .bubble.me :focus-visible{outline-color:#ffffff !important}
html body .switch:has(> input:focus-visible){outline:2px solid var(--focus-ring); outline-offset:2px; border-radius:999px}
html body .modal[tabindex="-1"]:focus-visible{outline:none !important}
.offer-chain{margin-top:4px; font-size:12px; color:var(--steel); line-height:1.4}
.offer-msg{margin-top:4px; font-size:13px; color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere}
.offer-row-counter .offer-who > span:first-of-type{color:var(--ink); font-weight:600}
.offer-actions .offer-counter-btn{white-space:nowrap}
#counterModal .modal-sub{margin-bottom:12px; line-height:1.45}
#counterModal .offer-chain{margin:-4px 0 12px}
.counter-total{min-height:18px; margin:-4px 0 12px; font-size:13px; font-weight:600; color:var(--ink)}
.counter-err{margin:0 0 10px; font-size:13px; font-weight:600; color:var(--danger)}
.counter-hint{margin-top:10px; font-size:12px}
#counterModal #counterSend{width:100%}
.chat-offer-slot{display:flex; justify-content:center; margin:14px 0 6px}
html body .offer-card.chat-offer-card{background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:18px; box-shadow:none; width:min(100%, 380px); max-width:none; margin:0; font-family:var(--body); font-size:14px}
html body .offer-card.chat-offer-card.closed{opacity:.8}
.chat-offer-card .offer-amt{font-size:30px}
.chat-offer-card .offer-state{margin:0 0 8px; font-weight:600; color:var(--steel)}
.chat-offer-card .offer-state.ok{color:var(--good)}
.chat-offer-total{margin:0 0 8px; font-size:13px; line-height:1.4; color:var(--ink)}
.chat-offer-msg{margin:0 0 8px; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere}
.chat-offer-card .offer-chain{margin:0 0 10px}
.chat-offer-card .offer-actions{flex-wrap:wrap; margin:0}
html body .offer-card.chat-offer-card .offer-actions .btn{flex:1 1 0; min-width:0; width:auto !important; min-height:44px; margin:0 !important; font-size:16px !important}
html body .offer-card.chat-offer-card .offer-actions .btn-volt{flex-basis:100%}
.chat-offer-note{margin-top:8px; font-size:12px; color:var(--steel)}
.uname-wrap{position:relative; display:flex; align-items:center}
.uname-wrap .uname-at{position:absolute; left:12px; color:var(--steel); font-weight:600; pointer-events:none}
.field .uname-wrap input, .uname-gate .uname-wrap input{padding-left:30px !important; width:100%}
.uname-status{min-height:16px; margin-top:5px; font-size:12px; line-height:1.35; color:var(--steel)}
.uname-status.ok{color:var(--success)}
.uname-status.bad{color:var(--danger)}
.uname-status.wait{color:var(--steel)}
.uname-gate{position:fixed; inset:0; z-index:340; display:none; align-items:center; justify-content:center; padding:18px;
  background:rgba(0,0,0,.4); backdrop-filter:blur(5px) saturate(1.1); -webkit-backdrop-filter:blur(5px)}
.uname-gate.open{display:flex}
.uname-gate .uname-card{max-width:420px; border-radius:24px !important; box-shadow:0 18px 50px rgba(0,0,0,.22) !important}
.uname-gate .uname-card .btn{width:100%; border-radius:999px; box-shadow:none}
.uname-badge{width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:10px;
  background:color-mix(in srgb, var(--volt) 14%, transparent); color:var(--volt)}
@media (max-width:640px){
  html.sheet-kb body .uname-gate.open{
    top:var(--sheet-vv-top,0px) !important; bottom:auto !important;
    height:var(--sheet-vv-h,100dvh) !important;
    padding-top:max(8px,env(safe-area-inset-top)); padding-bottom:8px !important;
  }
  html.sheet-kb body .uname-gate.open > .modal{
    max-height:calc(var(--sheet-vv-h,100dvh) - max(8px,env(safe-area-inset-top)) - 8px) !important;
    overflow-y:auto; overscroll-behavior:contain;
  }
}
.offers-subheading{font-size:15px; font-weight:700; margin:16px 0 8px; line-height:1.3}
.offers-subheading:first-of-type{margin-top:4px}
.offer-row-accepted{border-left:3px solid var(--success, #1a7f37); padding-left:12px}
.offer-row-accepted .offer-actions,.chat-offer-card .offer-actions{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
body .offer-withdraw{width:auto; min-height:44px; margin-top:8px}
.offer-reserved{color:var(--warn, #b35c00)}
.ad-card{position:relative; cursor:pointer}
.ad-card .card-photo,
.ad-card .plate{position:relative}
.ad-card .ad-label{
  position:absolute; left:8px; top:8px; z-index:2; pointer-events:none;
  padding:3px 9px; border-radius:999px;
  font:600 11px/1.35 var(--sf); letter-spacing:0; text-transform:none;
  background:var(--paper); color:var(--ink);
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.ad-card.house-ad .ad-label{background:var(--ink); color:var(--paper)}
.ad-card .ad-menu-btn{
  position:absolute; right:6px; top:6px; z-index:3;
  width:36px; height:36px; border-radius:50%; border:0; padding:0;
  display:flex; align-items:center; justify-content:center;
  font:700 18px/1 var(--sf); letter-spacing:1px;
  background:var(--paper); color:var(--ink); opacity:.92;
  box-shadow:0 1px 3px rgba(0,0,0,.18); cursor:pointer;
}
.ad-card .ad-menu-btn:hover{opacity:1}
.ad-card .ad-menu-btn:focus-visible{outline:3px solid var(--volt-deep); outline-offset:2px}
.ad-card:focus-visible{outline:3px solid var(--volt-deep); outline-offset:2px}
.ad-card .card-photo img{width:100%; height:100%; object-fit:cover; display:block}
.fbl-admin-edit{margin-top:10px; padding-top:10px; border-top:1px dashed color-mix(in srgb, var(--info) 45%, transparent)}
.fbl-admin-edit .btn-admin-edit{display:inline-flex !important; align-items:center; justify-content:center; gap:8px; width:100% !important;
  background:color-mix(in srgb, var(--info) 8%, var(--card)) !important; color:var(--text-primary) !important;
  border:1.5px dashed var(--info) !important; box-shadow:none !important; padding:11px 21px !important; font-size:16px !important; cursor:pointer}
.fbl-admin-edit .btn-admin-edit:hover{background:color-mix(in srgb, var(--info) 16%, var(--card)) !important}
.fbl-admin-edit .btn-admin-edit svg{color:var(--info); flex:0 0 auto}
.fbl-admin-note{margin-top:6px; font-size:12.5px; color:var(--text-secondary, var(--steel)); text-align:center}
.adm-actions .adm-edit-btn{border-style:dashed}
@media (max-width:640px){
  html body .modal-scrim{overflow-y:hidden !important; overscroll-behavior:contain}
  html body .modal-scrim > .modal{
    max-height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom))) !important;
    margin-bottom:0 !important;
    overscroll-behavior:contain;
  }
  html.sheet-kb body .modal-scrim.open{
    top:var(--sheet-vv-top, 0px) !important;
    bottom:auto !important;
    height:var(--sheet-vv-h, 100dvh) !important;
    padding-bottom:8px !important;
  }
  html.sheet-kb body .modal-scrim.open > .modal{
    max-height:calc(var(--sheet-vv-h, 100dvh) - max(8px, env(safe-area-inset-top)) - 8px) !important;
  }
}
header.top .account-chip.is-guest{gap:6px !important; padding:5px 13px 5px 5px !important; font-size:14px !important; line-height:1}
header.top .account-chip.is-guest .acc-name{display:inline !important; font-weight:600}
@media (max-width:999px){
  header.top .account-chip.is-guest{min-height:36px}
}
@media (max-width:999px){
  html body header.top .account-chip:not(.is-guest){width:44px; height:44px; padding:0 !important; gap:0 !important; justify-content:center}
  html body header.top .account-chip:not(.is-guest) .avatar{width:32px; height:32px; background:transparent !important; line-height:1}
  html body header.top .account-chip:not(.is-guest)::before{inset:0}
}
.pw-wrap{position:relative; display:block}
.field .pw-wrap > input.pw-input{width:100%; padding-right:52px !important}
.pw-eye{position:absolute; top:50%; right:4px; transform:translateY(-50%); width:44px; height:44px; display:flex; align-items:center; justify-content:center; padding:0; margin:0; border:0; border-radius:50%; background:transparent; color:var(--text-secondary, #6e6e73); cursor:pointer; box-shadow:none}
.pw-eye:hover{color:var(--text-primary, #1d1d1f); background:transparent}
.pw-eye:focus-visible{outline:2px solid var(--volt-deep); outline-offset:-4px}
.pw-eye svg{pointer-events:none}
.pw-wrap input::-ms-reveal, .pw-wrap input::-ms-clear{display:none}
.pw-match{min-height:18px; margin-top:6px; font-size:13px; line-height:18px; color:var(--text-secondary, #6e6e73)}
.pw-match.ok{color:var(--success, #1d7a46)}
.pw-match.bad{color:var(--danger, #e30000)}
.field .pw-wrap > input.pw-input[aria-invalid="true"]{border-color:var(--danger, #e30000) !important}
html.dark .pw-match.ok{color:#30d158}
html.dark .pw-match.bad{color:#ff453a}
html.dark .field .pw-wrap > input.pw-input[aria-invalid="true"]{border-color:#ff453a !important}
.pw-meter{--pw-weak:var(--danger, #e30000); --pw-ok:#b07800; --pw-ok-text:#8a5a00; --pw-strong:var(--success, #1d7a46);
  display:flex; align-items:center; gap:10px; min-height:18px; margin-top:8px}
html.dark .pw-meter{--pw-ok:#ffcc00; --pw-ok-text:#ffcc00}
.pw-meter-track{position:relative; flex:1 1 auto; height:6px; border-radius:999px; overflow:hidden; background:var(--line, #d2d2d7)}
html.dark .pw-meter-track{background:#3a3a3c}
.pw-meter-fill{position:absolute; left:0; top:0; bottom:0; width:0; border-radius:999px; background:transparent; transition:width .18s ease, background-color .18s ease}
.pw-meter[data-level="1"] .pw-meter-fill{width:33.4%; background:var(--pw-weak)}
.pw-meter[data-level="2"] .pw-meter-fill{width:66.7%; background:var(--pw-ok)}
.pw-meter[data-level="3"] .pw-meter-fill{width:100%; background:var(--pw-strong)}
.pw-meter-label{flex:0 0 auto; min-width:52px; font-size:13px; line-height:18px; font-weight:600; text-align:right; color:var(--text-secondary, #6e6e73)}
.pw-meter[data-level="1"] .pw-meter-label{color:var(--pw-weak)}
.pw-meter[data-level="2"] .pw-meter-label{color:var(--pw-ok-text)}
.pw-meter[data-level="3"] .pw-meter-label{color:var(--pw-strong)}
@media (prefers-reduced-motion: reduce){ .pw-meter-fill{transition:none} }
.pw-checks{list-style:none; margin:6px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:4px 16px}
.pw-check{display:flex; align-items:center; gap:6px; font-size:13px; line-height:18px; color:var(--text-secondary, #6e6e73)}
.pw-check-icon{flex:0 0 auto}
.pw-check .pw-check-mark{opacity:0}
.pw-check[data-ok="true"]{color:var(--success, #1d7a46)}
.pw-check[data-ok="true"] .pw-check-mark{opacity:1}
.pw-sr{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
:root{ --nb-bg:#d70015; --nb-fg:#ffffff; --nb-ring:#ffffff }
html.dark{ --nb-bg:#e30000; --nb-fg:#ffffff; --nb-ring:#161617 }
body .nb{display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  min-width:18px; height:18px; padding:0 5px; margin-left:6px; border-radius:999px; border:0;
  background:var(--nb-bg); color:var(--nb-fg); font:700 11px/1 var(--body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  font-variant-numeric:tabular-nums; letter-spacing:0; text-transform:none; vertical-align:middle; flex:none; pointer-events:none}
body .nb[hidden]{display:none !important}
body .nb.nb-dot{min-width:8px; width:8px; height:8px; padding:0}
body .nb.nb-inline{height:18px; margin-left:8px; font-size:10.5px; text-transform:uppercase; letter-spacing:.04em}
body .bn-item{position:relative}
body .bn-item > .nb{position:absolute; bottom:32px; left:calc(50% + 3px); margin:0; box-shadow:0 0 0 2px var(--nb-ring)}
body > header.top > .icon-btn, body > header.top > .account-chip{position:relative}
body > header.top > .icon-btn > .nb, body > header.top > .account-chip > .nb{position:absolute; top:-5px; right:-5px; margin:0; box-shadow:0 0 0 2px var(--nb-ring)}
body .mk-item > .nb{margin-left:auto}
body .acct-menu .btn > .nb{margin-left:8px}
@media (max-width:820px){
  body > header.top > .icon-btn.hdr-inbox{display:none}
}
@media (max-width:999px){
  html.native body > header.top > .icon-btn.hdr-inbox{display:none}
}
body .card-trade{display:flex; align-items:center; gap:4px; margin-top:3px; font-size:12.5px; font-weight:600; line-height:1.3;
  color:var(--link, var(--volt))}
body .card-trade .ico{flex:none}
body .trade-pill{display:inline-flex; align-items:center; gap:5px; padding:4px 11px; border-radius:999px; vertical-align:middle;
  border:1px solid currentColor; background:transparent; color:var(--link, var(--volt)); font:600 13px/1.2 var(--body, 'Inter', sans-serif); cursor:pointer; box-shadow:none}
body .trade-pill:hover{background:rgba(0,113,227,.08)}
body .trade-reach{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; font-size:14px; color:var(--text-secondary, #6e6e73)}
body .trade-reach .mini-btn{flex:none}
body .trade-waiting{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding:12px 14px; border-radius:14px;
  background:rgba(0,113,227,.08); color:var(--text-primary, #1d1d1f); font-size:14px}
html.dark body .trade-waiting{background:rgba(41,151,255,.14)}
html.dark body .trade-pill:hover{background:rgba(41,151,255,.14)}
.field-err{font-size:13px; line-height:1.4; font-weight:600; color:var(--danger); margin-top:6px}
.field-err:empty{display:none}
.form-err{margin:4px 0 10px}
.field input[aria-invalid="true"], .field select[aria-invalid="true"], .field textarea[aria-invalid="true"],
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"]{border-color:var(--danger) !important}
.fbl-buybar{display:contents}
.fbl-proof{margin:0 0 8px; font-size:14px; color:var(--steel)}
:root{--bn-h:calc(58px + env(safe-area-inset-bottom)); --bn-poke:22px; --buybar-h:66px}
@media (max-width:999px){
  body #view-listing .fbl-buybar{
    position:fixed; left:0; right:0; bottom:var(--bn-h); z-index:79;
    display:flex; gap:10px; align-items:stretch;
    padding:10px max(16px, env(safe-area-inset-right)) calc(var(--bn-poke) + 8px) max(16px, env(safe-area-inset-left));
    background:rgba(255,255,255,.92); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
    border-top:1px solid var(--border, #d2d2d7);
  }
  body #view-listing .fbl-buybar .btn{
    flex:1 1 0; width:auto !important; min-width:0; min-height:46px; margin:0 !important;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    padding:11px 12px !important; font-size:16px !important;
  }
  body #view-listing .fbl-buybar .btn[onclick="quickViewConversation()"]{white-space:normal;line-height:1.2;padding:5px 8px!important;font-size:13px!important}
  body #view-listing .fbl-buybar .btn-volt{flex-grow:1.35}
  body #view-listing .fbl-buybar .fbl-viewconvo{flex-grow:1.35}
  body #view-listing .fbl-buybar .btn-ink{background:var(--bg-primary, #ffffff) !important}
  html.dark body #view-listing .fbl-buybar{background:rgba(22,22,23,.92); border-top-color:#3a3a3c}
  body #view-listing .fbl-panel:has(.fbl-buybar){padding-bottom:calc(var(--buybar-h) + var(--bn-poke) + 24px)}
  html:has(#view-listing.active .fbl-buybar) body > main{z-index:2}
  html:has(#view-listing.active .fbl-buybar) body > footer{padding-bottom:calc(var(--bn-h) + var(--buybar-h) + var(--bn-poke) + 24px)}
  html.kb-open body #view-listing .fbl-buybar,
  html.editing body #view-listing .fbl-buybar{display:none}
}
@media (max-width:360px){
  body #view-listing .fbl-buybar{gap:8px}
  body #view-listing .fbl-buybar .btn{font-size:15px !important; padding:11px 8px !important}
}
.pitch-strip{
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 12px;
  margin:12px 0 2px; padding:12px 14px; border-radius:18px;
  background:rgba(0,113,227,.07); color:var(--text-primary, #1d1d1f);
  font-family:var(--sf); letter-spacing:-0.01em;
}
.pitch-copy{display:contents}
.pitch-line{grid-column:1 / -1; min-height:36px; margin:0; padding-right:40px; font-size:15px; line-height:1.32; color:var(--text-primary, #1d1d1f)}
.pitch-line strong{font-weight:600}
.pitch-held{grid-column:1; display:flex; align-items:center; gap:6px; margin:0; font-size:13px; line-height:1.3; color:var(--text-secondary, #6e6e73)}
.pitch-ico{flex-shrink:0; color:var(--button, #0071e3)}
.pitch-sell{
  grid-column:2; min-height:44px; padding:9px 18px; border:none; border-radius:980px;
  background:var(--button, #0071e3); color:#ffffff; font-family:var(--sf); font-size:15px; font-weight:600;
  letter-spacing:-0.015em; white-space:nowrap; cursor:pointer;
}
.pitch-sell:hover{background:var(--button-hover, #0070df)}
.pitch-sell:active{background:var(--button-active, #006edb)}
.pitch-x{
  position:absolute; top:4px; right:4px; width:44px; height:44px; padding:6px; border:none; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  background:rgba(128,128,128,.16) content-box; color:var(--text-secondary, #6e6e73);
}
.pitch-x::before{content:''; position:absolute; inset:0; border-radius:50%}
.pitch-x:hover{color:var(--text-primary, #1d1d1f)}
html.dark .pitch-strip{background:rgba(10,132,255,.14)}
html.dark .pitch-ico{color:#409cff}
@media (max-width:520px){
  .pitch-strip{padding:11px 12px 12px 13px}
  .pitch-copy{display:block; grid-column:1 / -1; min-width:0}
  .pitch-held{margin-top:8px; align-items:flex-start}
  .pitch-held .pitch-ico{margin-top:1px}
  .pitch-sell{grid-column:1 / -1; justify-self:stretch; width:100%; padding:10px 15px; margin-top:4px}
}
@media (max-width:1000px){
  body #view-listing .fbl-mainwrap{
    min-height:min(calc((100vw - 40px) * .75), 62vh);
    display:flex; align-items:center; justify-content:center;
  }
  body #view-listing .fbl-mainwrap.fbl-framed{height:var(--fbl-frame-h); min-height:0; max-height:none}
  body #view-listing .fbl-mainwrap.fbl-framed > .fbl-main{max-width:100%; max-height:100%; object-fit:contain}
}
.fbl-quick .fbl-viewconvo{width:100%; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:8px}
html.scroll-locked{overflow:hidden !important; overscroll-behavior:none}
html.scroll-locked body{padding-right:var(--lock-gap, 0px)}
html.scroll-locked-touch body{position:fixed !important; left:0; right:0; width:100%; overflow:hidden}
html.scroll-locked-touch body > header.top{position:relative !important; top:var(--lock-y, 0px) !important}
.modal-scrim, .modal, .chat-msgs, .dock-msgs, .fbl-panel, .fbl-mainwrap, .el-scroll, .el-preview,
.ac-list, .mk-side, .drawer, .trade-list, .thread-list, textarea{overscroll-behavior:contain}
.modal .trade-list{max-height:none !important; overflow:visible !important}
.chat-input textarea, .dock-input textarea, .fbl-quickrow textarea{scrollbar-width:none}
.chat-input textarea::-webkit-scrollbar, .dock-input textarea::-webkit-scrollbar, .fbl-quickrow textarea::-webkit-scrollbar{display:none}
@media (min-width:1000px){
  .mk-side{scrollbar-width:none}
  .mk-side::-webkit-scrollbar{display:none}
}
html.chat-focus #chatDock{display:none !important}
#view-inbox.active.chatting > :not(.inbox-wrap), #view-inbox.active.chatting .thread-list{display:none !important}
#view-inbox.active.chatting #threadPane{
  position:fixed !important; z-index:260; left:0; right:0;
  top:var(--chat-vv-top, 0px) !important; bottom:auto !important;
  height:var(--chat-vv-h, 100dvh) !important; min-height:0 !important; max-height:none !important;
  width:auto !important; max-width:none !important; margin:0 !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  display:flex !important; flex-direction:column; gap:8px; box-sizing:border-box; overflow:hidden;
  padding:max(6px, env(safe-area-inset-top)) 12px max(8px, env(safe-area-inset-bottom)) !important;
  background:var(--paper, #fff);
}
html.kb-open #view-inbox.active.chatting #threadPane{padding-bottom:10px !important}
@media (max-width:999px){
  html.chat-focus body > header.top, html.chat-focus .bottomnav{display:none !important}
}
#view-inbox.active.chatting{animation:none !important}
@media (min-width:1000px){
  #view-inbox.active.chatting #threadPane{
    z-index:240;
    top:calc(var(--chat-vv-top, 0px) + var(--focus-hdr, 64px)) !important;
    left:calc(max(0px, (100vw - 1760px) / 2) + 320px); width:calc(min(1760px, 100vw - var(--lock-gap, 0px)) - 342px) !important;
    height:calc(var(--chat-vv-h, 100dvh) - var(--focus-hdr, 64px) - 44px) !important;
    padding:10px 20px 14px !important; border:1px solid var(--line) !important; border-radius:14px !important;
  }
}
#threadPane .thread-head{display:flex; align-items:center; gap:6px; flex:0 0 auto; min-height:48px}
#threadPane .thread-back{display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; min-width:44px; height:44px; min-height:44px; margin-left:-8px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--ink); cursor:pointer}
#threadPane .thread-who{display:inline-flex; align-items:center; gap:10px; min-width:0; min-height:44px; font-weight:700}
#threadPane .thread-who strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#threadPane .thread-head .user-menu-btn{margin-left:auto}
#view-inbox.active.chatting #chatProductContext{flex:0 0 auto}
#view-inbox.active.chatting #chatProductContext .chat-product, #view-inbox.active.chatting #chatProductContext .chat-general{margin:0}
#view-inbox.active.chatting #threadPane .chat-msgs{flex:1 1 0 !important; min-height:0 !important; max-height:none !important; overflow-y:auto !important; overscroll-behavior:contain}
#view-inbox.active.chatting #threadPane .chat-input, #view-inbox.active.chatting #threadPane .chat-blocked-note{flex:0 0 auto}
#view-inbox.active.chatting #threadPane .chat-input textarea{max-height:120px}
.mk-legal{display:flex; flex-wrap:wrap; align-items:baseline; column-gap:6px; margin:16px 4px 2px; font-size:12px; line-height:1.6; color:var(--steel)}
.mk-legal button{background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer}
.mk-legal button:hover{text-decoration:underline}
.auth-legal{padding:7px 22px 16px; text-align:center; font-size:12.5px}
.auth-legal .link-plain{color:var(--steel)}
#view-about footer{margin-top:18px}
html{-webkit-tap-highlight-color:transparent}
body > header.top .logo, body > header.top .logo:active, body > header.top .logo:focus{background:transparent !important; box-shadow:none !important}
body > header.top .logo:focus:not(:focus-visible){outline:none}
body > header.top .logo:focus-visible{outline:2px solid var(--volt-deep); outline-offset:3px; border-radius:6px}
button, .tab, .bn-item, .chip, .mk-item, header.top, .bottomnav, .logo, [role="tab"], .thread-btn{-webkit-user-select:none; user-select:none; -webkit-touch-callout:none}
input, textarea, select, [contenteditable="true"]{-webkit-user-select:text; user-select:text}
html, body, button, a, .tab, .bn-item, .chip, .mk-item{touch-action:manipulation}
@media (max-width:820px), (pointer:coarse){
  *{scrollbar-width:none}
  *::-webkit-scrollbar{display:none}
}
html.native *{scrollbar-width:none}
html.native *::-webkit-scrollbar{display:none}
html.native, html.native body{overscroll-behavior-y:none}
html.sheet-kb body .modal-scrim.open{box-shadow:0 0 0 100vmax rgba(0,0,0,.4)}
html.dark.sheet-kb body .modal-scrim.open{box-shadow:0 0 0 100vmax rgba(0,0,0,.6)}
.ml-delete, .fbl-delete, .el-delete{color:var(--danger) !important}
.ml-delete{display:inline-flex; align-items:center; gap:4px}
.fbl-delete{display:inline-flex; align-items:center; justify-content:center; gap:6px}
.el-delete{display:flex; align-items:center; justify-content:center; gap:6px; width:100%; margin-top:10px}
.ml-delete svg, .fbl-delete svg, .el-delete svg{flex-shrink:0}
.fbl-quick .fbl-quickrow{align-items:flex-end}
.fbl-quick .fbl-quickrow textarea{min-height:44px !important; height:44px; padding:11px 16px !important; line-height:20px; font-size:16px; box-sizing:border-box}
.fbl-quick .fbl-quickrow .btn{min-height:44px; height:44px; padding:0 18px !important; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0}
.notif-focus { border-radius: 14px; animation: notif-focus-glow 2.4s ease-out 1; }
@keyframes notif-focus-glow {
  0%, 35% { box-shadow: 0 0 0 3px var(--volt); background-color: color-mix(in srgb, var(--volt) 10%, transparent); }
  100% { box-shadow: 0 0 0 0 transparent; background-color: transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .notif-focus { animation: none; box-shadow: 0 0 0 3px var(--volt); }
}
.tc-chips{display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 10px}
.tc-chip{min-height:44px; padding:10px 16px; border-radius:980px; border:1px solid var(--border, var(--line)); background:var(--card, #fff); color:var(--text-primary, var(--ink)); font:inherit; font-size:14px; font-weight:600; cursor:pointer}
.tc-chip.on{background:var(--text-primary, var(--ink)); border-color:var(--text-primary, var(--ink)); color:var(--bg-primary, #fff)}
.tc-chip:focus-visible{outline:2px solid var(--button, #0071e3); outline-offset:2px}
#tradeCashWrap, #tcCashWrap{margin-top:4px}
.chat-trade-context{margin:12px 0; padding:10px 12px; border:1px solid var(--line); border-radius:16px; background:var(--bg-secondary, var(--plate)); color:var(--text-primary, var(--ink))}
.chat-trade-context .chat-product-label{display:block; margin-bottom:6px}
.trade-pair{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px}
.tp-side{display:flex; align-items:center; gap:8px; min-width:0; min-height:44px; padding:6px; border:1px solid var(--line); border-radius:12px; background:var(--card, #fff); color:var(--text-primary, var(--ink)); font:inherit; text-align:left; cursor:pointer}
.tp-side:focus-visible{outline:2px solid var(--button, #0071e3); outline-offset:2px}
.tp-thumb{flex:0 0 40px; width:40px; height:40px; border-radius:8px; overflow:hidden; display:grid; place-items:center; background:var(--bg-secondary, var(--plate)); color:var(--text-secondary, var(--steel))}
.tp-thumb img{width:100%; height:100%; object-fit:cover}
.tp-thumb svg{width:20px; height:20px}
.tp-info{display:flex; flex-direction:column; min-width:0}
.tp-label{font-size:11px; color:var(--text-secondary, var(--steel))}
.tp-info strong{font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tp-value{font-size:12px; color:var(--text-secondary, var(--steel))}
.tp-cash{font-size:12px; font-weight:700; white-space:nowrap; padding:4px 8px; border-radius:980px; background:var(--card, #fff); border:1px solid var(--line); color:var(--text-primary, var(--ink))}
.tp-cash.none{font-weight:600; color:var(--text-secondary, var(--steel))}
.trade-pair.compact{margin:6px 0 8px}
@media (max-width:420px){
  .trade-pair{grid-template-columns:1fr}
  .tp-cash{justify-self:center}
}
.ship-steps{margin:12px 0;padding-left:22px;font-size:14px;line-height:1.5;color:var(--ink)}
.ship-steps li+li{margin-top:8px}
@media (hover: none) and (pointer: coarse){
  .card.card{transition:transform .14s ease, opacity .14s ease; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none}
  .card.card:active{transform:scale(.97) !important; opacity:.92}
  .card img{-webkit-touch-callout:none}
  .bn-item .bn-ico{transition:transform .12s ease}
  .bn-item:active .bn-ico{transform:scale(.86)}
  .thread-btn:active, .alert-item:active, .order-card:active, .qa-btn:active{background:var(--plate)}
  .icon-btn:active, .close-btn:active, .link-plain:active, .chat-back:active{opacity:.55}
}
.ptr-ind{
  position:fixed; left:50%; top:0; z-index:79; width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; pointer-events:none;
  background:var(--paper); color:var(--steel); box-shadow:0 4px 16px rgba(0,0,0,.14);
  opacity:0; transform:translate(-50%,-40px); transition:opacity .18s ease, transform .22s ease;
}
.ptr-ind.pulling{transition:none}
.ptr-ind.ready, .ptr-ind.spinning{color:var(--volt)}
.ptr-ind.spinning svg{animation:ptr-spin .8s linear infinite}
@keyframes ptr-spin{to{transform:rotate(360deg)}}
.view.edge-swiping,.modal.edge-swiping{animation:none !important;background:var(--paper);box-shadow:-10px 0 28px rgba(0,0,0,.14);will-change:transform}
@media(prefers-reduced-motion:reduce){.view.edge-swiping,.modal.edge-swiping{box-shadow:none;will-change:auto}}
@media (max-width:640px){.modal-scrim.quick-act{align-items:flex-end !important}}
.quick-act .qa-card{max-width:380px; padding:14px 12px calc(12px + env(safe-area-inset-bottom))}
.quick-act .qa-head{padding:4px 10px 12px; border-bottom:1px solid var(--line); margin-bottom:6px}
.quick-act .qa-price{font-weight:800; font-size:17px}
.quick-act .qa-title{color:var(--steel); font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.quick-act .qa-btn{
  display:flex; align-items:center; gap:14px; width:100%; min-height:48px; padding:0 10px;
  background:none; border:0; border-radius:12px; color:var(--ink); font:inherit; font-size:16px; font-weight:600; text-align:left; cursor:pointer;
}
.quick-act .qa-btn svg{flex:none; color:var(--steel)}
.quick-act .qa-cancel{justify-content:center; margin-top:6px; color:var(--steel); border-top:1px solid var(--line); border-radius:0 0 12px 12px}
@media (prefers-reduced-motion: reduce){
  .card.card, .card.card:active{transition:none; transform:none !important}
  .ptr-ind, .edge-ind{transition:none}
  .ptr-ind.spinning svg{animation-duration:2.4s}
}
.edge-underlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:var(--paper);clip-path:inset(0)}
.info-tip-btn{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0 0 0 2px; padding:0; border:0; border-radius:50%; background:none; color:var(--text-secondary,#6e6e73); vertical-align:middle; cursor:pointer; -webkit-tap-highlight-color:transparent; box-shadow:none}
.info-tip-btn svg{width:22px; height:22px; display:block}
.info-tip-btn:hover,.info-tip-btn[aria-expanded="true"]{color:var(--volt)}
.info-tip-btn:focus-visible{outline:3px solid var(--volt-deep); outline-offset:-3px}
.page-head .info-tip-btn{position:relative; top:-3px; margin:0 -8px 0 -2px}
html .page-head.has-tip{white-space:nowrap}
html .page-head.has-tip h1{display:inline; white-space:normal}
.info-tip-text{display:none !important}
html.dark .info-tip-btn{color:#a1a1a6}
html.dark .info-tip-btn:hover,html.dark .info-tip-btn[aria-expanded="true"]{color:var(--volt)}
@media (max-width:640px){
  html .page-head{padding:14px 0 4px !important}
  html .page-head h1{font-size:34px !important; line-height:1.1 !important}
}
html body .modal-head{min-height:58px; padding-right:64px !important}
html body .modal-head .close-btn{
  width:44px !important; height:44px !important; padding:6px !important; right:8px !important;
  border-radius:50% !important; background:#e9e9ed content-box !important; background-clip:content-box !important;
  color:#3a3a3c !important; font-size:14px !important; font-weight:600 !important;
  display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 auto;
}
html body .modal-head .close-btn::before{inset:0 !important}
html body .modal-head .close-btn:hover{background:#dcdce1 content-box !important; color:#1d1d1f !important}
html body .modal-head .close-btn:focus-visible{border-radius:50% !important}
html.dark body .modal-head .close-btn{background:#3a3a3c content-box !important; color:#f5f5f7 !important}
html.dark body .modal-head .close-btn:hover{background:#48484a content-box !important}
html body .modal-scrim > .modal, html body .modal{border-radius:24px !important}
html body .modal-scrim > .modal > .modal-head{border-radius:24px 24px 0 0}
html body .acct-row .k{font-family:inherit; font-size:15px; letter-spacing:0; text-transform:none; color:var(--text-primary, #1d1d1f); font-weight:500}
html body .acct-row .k .set-sub{text-transform:none; letter-spacing:0; font-weight:400}
html body .ac-sub{font-family:inherit; font-size:12px; letter-spacing:0; text-transform:none}
html.dark body .acct-row .k{color:#f5f5f7}
@media (max-width:640px){
  html body #view-sell > .page-head.has-tip{height:0; min-height:0; padding:0 !important; margin:0 !important; position:relative; z-index:3}
  html body #view-sell > .page-head.has-tip h1{display:none !important}
  html body #view-sell > .page-head.has-tip .info-tip-btn{position:absolute; right:8px; top:10px; margin:0}
}
html body .fbl-ownerrow{display:grid !important; grid-template-columns:1fr 1fr; gap:8px !important}
html body .fbl-ownerrow .btn{white-space:nowrap; min-height:44px; min-width:0; padding:10px 8px !important}
html body .fbl-ownerrow .fbl-delete{grid-column:1 / -1}
html body #authModal .pay-note .link-plain{padding:0; position:relative; color:var(--link, #0066cc); text-decoration:underline; text-underline-offset:2px}
html body #authModal :is(.pay-note, .auth-legal) .link-plain::after{content:''; position:absolute; inset:-14px -2px}
.saved-empty{display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.saved-empty .saved-browse{min-height:44px}
.fbl-title-row{display:flex; align-items:flex-start; gap:10px}
.fbl-title-row .fbl-title{flex:1; min-width:0}
.fbl-title-row .fbl-more{flex:none; margin-top:2px}
@media (max-width:999px){
  html body #view-sell .sell-actions{
    position:sticky; bottom:var(--bn-h, calc(58px + env(safe-area-inset-bottom))); z-index:30;
    display:flex; gap:10px; align-items:stretch;
    margin:12px 0 0; padding:10px 0 calc(var(--bn-poke, 22px) + 8px);
    background:var(--card, #ffffff); border-top:1px solid var(--border, #d2d2d7);
  }
  html body #view-sell .sell-actions .btn{flex:1 1 0; width:auto !important; min-width:0; min-height:46px; margin:0 !important; white-space:nowrap}
  html body #view-sell .sell-actions .btn-volt{flex-grow:1.4}
  html.dark body #view-sell .sell-actions{background:#1c1c1e; border-top-color:#3a3a3c}
  html.kb-open body #view-sell .sell-actions,
  html.editing body #view-sell .sell-actions{position:static; padding-bottom:0; border-top:0}
}
#view-garage .g-cta{margin:4px 0 6px}
#view-garage .g-cta .btn{min-height:46px}
#view-garage:not(.g-nobike) .g-add-first,
#view-garage.g-nobike .g-add-more,
#view-garage.g-adding .g-cta{display:none !important}
#view-garage:not(.g-adding) .g-bikeform{display:none}
#view-garage.g-nobike .g-parts,
#view-garage.g-nobike .book-panel{display:none !important}
#view-garage .g-cancel{display:block; margin:10px auto 0; min-height:44px}
.region-choice{flex-shrink:0;min-width:44px;min-height:44px;padding:0 !important}
#regionChoiceLabel{display:block;font-size:24px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
html.native-android{-webkit-tap-highlight-color:transparent}
html.native-android :is(button, [role="button"], [role="tab"], .bn-item, .bottomnav, .cat-item, .rect-btn, .qa-btn, .thread-btn, .alert-item, .order-card, .account-chip, label.ck-row, header.top .logo){
  -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;
}
.md-ripple{position:absolute; inset:0; border-radius:inherit; overflow:hidden; pointer-events:none; contain:strict}
.md-wave{position:absolute; border-radius:50%; background:currentColor; opacity:.14; transform:scale(0);
  animation:md-grow .42s cubic-bezier(.2,0,0,1) forwards}
.md-ripple.out{opacity:0; transition:opacity .24s linear}
.md-ripple.flat .md-wave{animation:none; transform:none; opacity:.12}
@keyframes md-grow{to{transform:scale(1)}}
.bc-chips > :last-child:nth-child(odd){grid-column:1 / -1}
.boost-credit:empty{display:none}
@media (min-width:1000px){ .bc-chips > :last-child:nth-child(odd){grid-column:auto} }
html body .info-tip-pop{pointer-events:none}
html body .info-tip-pop .info-tip-close{pointer-events:auto}
html body :is(.fbl-pill, .trade-pill, .seller-card .mini-btn), html body .fbl-title-row .fbl-more{position:relative}
html body :is(.fbl-pill, .trade-pill, .seller-card .mini-btn)::before, html body .fbl-title-row .fbl-more::before{content:''; position:absolute; top:50%; left:50%; width:max(100%, 44px); height:max(100%, 44px); transform:translate(-50%, -50%)}
html body .sf-addr-acts .hint-link{min-height:44px; margin-top:0; display:inline-flex; align-items:center}
.alert-status{max-width:100%; overflow:hidden; text-overflow:ellipsis; vertical-align:middle}
.oc-side{min-width:0}
html.fbm #threadList{gap:0}
html.fbm #threadList .thread-btn.fbc-row{
  position:relative; display:flex !important; align-items:center; justify-content:flex-start; gap:14px;
  width:100%; min-height:84px; margin:0 !important; padding:10px 8px 10px 14px !important;
  background:transparent !important; border:0 !important; border-radius:12px !important; box-shadow:none !important;
  color:var(--ink); text-align:left; font:inherit;
}
html.fbm #threadList .thread-btn.fbc-row:active{background:var(--plate) !important}
html.fbm #threadList .thread-btn.fbc-row:focus-visible{outline:2px solid var(--volt-deep); outline-offset:-2px}
html.fbm #threadList .fbc-dot{position:absolute; left:0; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:var(--volt)}
html.fbm #threadList .fbc-av{
  flex:0 0 60px; width:60px; height:60px; border-radius:50%; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--plate); color:var(--steel); font-size:21px; font-weight:600;
}
html.fbm #threadList .fbc-av img, html.fbm #threadPane .fbc-hav img, html.fbm #chatMsgs .fbc-mav img{width:100%; height:100%; object-fit:cover; display:block}
html.fbm #threadList .fbc-main{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px}
html.fbm #threadList .fbc-l1{display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; line-height:1.3; font-weight:500; color:var(--ink)}
html.fbm #threadList .fbc-l2{display:flex; min-width:0; font-size:15px; line-height:1.3; font-weight:400; color:var(--steel)}
html.fbm #threadList .fbc-prev{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html.fbm #threadList .fbc-time{flex:0 0 auto; white-space:pre}
html.fbm #threadList .fbc-unread .fbc-l1, html.fbm #threadList .fbc-unread .fbc-name{font-weight:700}
html.fbm #threadList .fbc-unread .fbc-l2{font-weight:700; color:var(--ink)}
html.fbm #threadList .fbc-name{font-weight:inherit}
html.fbm #threadPane .thread-head.fbc-head{gap:2px; min-height:52px; margin:0 -12px; padding:0 6px; border-bottom:1px solid var(--line)}
html.fbm #threadPane .fbc-head .thread-back{margin-left:0; color:var(--volt)}
html.fbm #threadPane .thread-who.fbc-who{
  flex:1 1 auto; min-width:0; justify-content:flex-start; gap:10px; padding:0 4px; margin:0;
  background:none !important; border:0 !important; box-shadow:none !important; color:var(--ink); text-decoration:none; font-weight:400;
}
html.fbm #threadPane .fbc-hav{
  flex:0 0 36px; width:36px; height:36px; border-radius:50%; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--plate); color:var(--steel); font-size:15px; font-weight:600;
}
html.fbm #threadPane .fbc-who-txt{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:1.25; text-align:left}
html.fbm #threadPane .fbc-who-txt strong{font-weight:700; overflow:visible}
html.fbm #threadPane .fbc-who-sub{font-weight:400; color:var(--steel)}
html.fbm #threadPane .user-menu-btn.fbc-more{
  flex:0 0 44px; width:44px; height:44px; min-width:44px; min-height:44px; margin-left:auto; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent !important; border:0 !important; border-radius:50% !important; box-shadow:none !important; color:var(--volt) !important;
}
html.fbm #threadPane .fbc-lbar{
  display:flex; align-items:center; gap:8px; width:100%; min-height:44px; margin:0; padding:8px 4px;
  background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0;
  color:var(--ink); font:inherit; font-size:14.5px; text-align:left; cursor:pointer;
}
html.fbm #threadPane .fbc-lbar-txt{flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
html.fbm #threadPane .fbc-lbar-txt strong{font-weight:700}
html.fbm #threadPane .fbc-lbar svg{flex:0 0 auto; color:var(--steel)}
html.fbm #threadPane .fbc-lbar:active{background:var(--plate)}
html.fbm{--fbc-r:18px; --fbc-r-in:4px; --fbc-them:#e9e9eb; --fbc-them-ink:#1d1d1f}
html.fbm.dark{--fbc-them:#3a3b3c; --fbc-them-ink:#f5f5f7}
html.fbm #chatMsgs{gap:0 !important; padding:6px 0 10px !important}
html.fbm #chatMsgs .msg-row.fbc-msg{display:flex; flex-direction:row; align-items:flex-end; gap:6px; width:100%; margin-top:2px}
html.fbm #chatMsgs .msg-row.fbc-msg.fbc-first, html.fbm #chatMsgs .msg-row.fbc-msg.fbc-single{margin-top:8px}
html.fbm #chatMsgs .msg-row.fbc-msg.fbc-me{justify-content:flex-end}
html.fbm #chatMsgs .fbc-mav{
  flex:0 0 28px; width:28px; height:28px; border-radius:50%; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--plate); color:var(--steel); font-size:12px; font-weight:600;
}
html.fbm #chatMsgs .fbc-mav.fbc-mav-gap{visibility:hidden}
html.fbm #chatMsgs .bubble.fbc-b{
  max-width:75%; padding:8px 12px !important; font-size:16px; line-height:1.35; overflow-wrap:anywhere;
  border-radius:var(--fbc-r) !important; corner-shape:round !important;
}
html.fbm #chatMsgs .bubble.them.fbc-b{background:var(--fbc-them) !important; color:var(--fbc-them-ink) !important}
html.fbm #chatMsgs .fbc-me.fbc-first .bubble.fbc-b{border-bottom-right-radius:var(--fbc-r-in) !important}
html.fbm #chatMsgs .fbc-me.fbc-mid .bubble.fbc-b{border-top-right-radius:var(--fbc-r-in) !important; border-bottom-right-radius:var(--fbc-r-in) !important}
html.fbm #chatMsgs .fbc-me.fbc-last .bubble.fbc-b{border-top-right-radius:var(--fbc-r-in) !important}
html.fbm #chatMsgs .fbc-them.fbc-first .bubble.fbc-b{border-bottom-left-radius:var(--fbc-r-in) !important}
html.fbm #chatMsgs .fbc-them.fbc-mid .bubble.fbc-b{border-top-left-radius:var(--fbc-r-in) !important; border-bottom-left-radius:var(--fbc-r-in) !important}
html.fbm #chatMsgs .fbc-them.fbc-last .bubble.fbc-b{border-top-left-radius:var(--fbc-r-in) !important}
html.fbm #chatMsgs .fbc-sep{align-self:center; margin:16px 0 6px; font-size:12px; line-height:1.3; font-weight:500; color:var(--steel); text-align:center}
html.fbm #chatMsgs .fbc-status{align-self:flex-end; margin:3px 4px 0 0; font-size:12px; line-height:1.2; color:var(--steel)}
html:not(.fbm) .chat-receipt{margin:3px 34px 0 auto;width:fit-content;text-align:right;font-size:12px;line-height:1.2;color:var(--steel)}
html.fbm #threadList .thread-btn{touch-action:pan-y;overflow:hidden}
html.fbm #chatMsgs .msg-sys{margin:10px 0 4px}
html.fbm #threadPane .chat-input.fbc-composer{display:flex; align-items:flex-end; gap:6px; margin:0 !important; padding:4px 0 0}
html.fbm #threadPane .fbc-composer textarea{
  flex:1 1 auto; min-height:40px; margin:0; padding:9px 16px !important;
  border:0 !important; border-radius:20px !important; box-shadow:none !important;
  background:var(--plate) !important; color:var(--ink) !important; font-size:16px !important; line-height:1.35;
}
html.fbm #threadPane .fbc-composer textarea::placeholder{color:var(--steel); opacity:1}
html.fbm #threadPane .fbc-composer textarea:focus-visible{outline:2px solid var(--volt-deep); outline-offset:1px}
html.fbm #threadPane .fbc-send{
  flex:0 0 44px; width:44px; height:44px; margin:0; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:0; border-radius:50%; color:var(--volt); cursor:pointer;
}
html.fbm #threadPane .fbc-send:active{background:var(--plate)}
html.fbm #threadPane .fbc-composer textarea:placeholder-shown + .fbc-send{display:none}
html body .btn.btn-ghost.code-resend,
html body .btn.btn-ghost.code-resend:hover,
html body .btn.btn-ghost.code-resend:active,
html body .btn.btn-ghost.code-resend:focus,
html body .btn.btn-ghost.code-resend:disabled,
html.dark body .btn.btn-ghost.code-resend,
html.dark body .btn.btn-ghost.code-resend:hover,
html.dark body .btn.btn-ghost.code-resend:active,
html.dark body .btn.btn-ghost.code-resend:focus,
html.dark body .btn.btn-ghost.code-resend:disabled{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  display:block !important; width:auto !important; min-height:44px; margin:8px auto 0 !important;
  padding:10px 12px !important; border-radius:10px !important; transform:none !important;
  font-size:15px !important; font-weight:500 !important; text-align:center;
  color:var(--link, #0066cc) !important; text-decoration:underline; text-underline-offset:3px;
  -webkit-tap-highlight-color:transparent;
}
html body .btn.btn-ghost.code-resend:disabled,
html.dark body .btn.btn-ghost.code-resend:disabled{
  opacity:1 !important; color:var(--text-secondary, #6e6e73) !important; text-decoration:none;
}
html body .btn.btn-ghost.code-resend:focus-visible,
html.dark body .btn.btn-ghost.code-resend:focus-visible{
  outline:2px solid var(--focus-ring, rgba(0,125,250,.9)) !important; outline-offset:2px !important;
}
.total-row small.row-sub,
.od-line small.row-sub{display:block;font-size:12px;line-height:1.3;font-weight:400;color:var(--steel);margin-top:1px}
.g-cover{width:56px; height:56px; padding:0; border:none; border-radius:12px; overflow:hidden; background:var(--plate); position:relative; cursor:pointer; color:var(--steel); display:grid; place-items:center}
.g-cover img{width:100%; height:100%; object-fit:cover; display:block}
.g-cover-add{font-size:10px; font-weight:600; line-height:1.1; gap:2px; grid-auto-rows:min-content; align-content:center}
.g-cover-n{position:absolute; right:3px; bottom:3px; min-width:16px; padding:0 4px; border-radius:999px; background:rgba(0,0,0,.6); color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:16px}
.gp-count{font-weight:400; color:var(--steel); margin-left:6px}
.gp-grid:empty{display:none}
.gp-pick{display:block; width:100%; height:100%; padding:0; border:none; background:none; cursor:pointer}
.gp-cover{position:absolute; left:6px; bottom:6px; padding:2px 7px; border-radius:999px; background:var(--ink); color:var(--paper); font-size:10px; font-weight:700}
.gp-pickrow,.gp-actions{display:flex; gap:10px; margin-top:12px}
.modal-body .gp-pickrow .btn,.modal-body .gp-actions .btn{width:auto !important; flex:1; margin:0 !important; min-height:44px}
.modal-body .gp-pickrow .btn{text-decoration:none; border:1px solid var(--line) !important; border-radius:999px !important; display:inline-flex; align-items:center; justify-content:center; gap:6px}
.gp-sheet .ac-list{z-index:40}
.od{--od-card:var(--plate);--od-tint:rgba(0,113,227,.08);--od-ico:rgba(0,113,227,.14);--od-fg:var(--button);--od-bad:rgba(227,0,0,.06)}
html.dark .od{--od-card:#2c2c2e;--od-tint:rgba(10,132,255,.14);--od-ico:rgba(10,132,255,.26);--od-fg:#409cff;--od-bad:rgba(255,69,58,.14)}
.od-mono,.od-code,.od-code-entry input{font-family:ui-monospace,Menlo,monospace!important}
.oc-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--plate)}
#orderDetailBody .od-title{font-size:20px!important;line-height:1.25!important;margin:0 0 2px!important}
.od-who{font-weight:500}
.od-sub .od-who{color:var(--link)!important}
@media not all and (pointer:coarse){.oc-main .od-who{color:var(--link)!important}}
.od-next{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-top:10px}
.od-status .ship-countdown{font-size:15px;font-weight:600;margin-top:6px}
.od-h{font-size:15px;font-weight:600;color:var(--ink);margin:24px 0 8px 4px}
.od-card{background:var(--od-card);border-radius:16px;padding:0 16px}
.od-card-pad{padding:10px 16px}
.od-row{padding:12px 0}
.od-row + .od-row{border-top:1px solid var(--line)}
.od-k{font-size:13px;font-weight:400;color:var(--steel);margin-bottom:2px}
.od-v{font-size:16px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.od-caption{font-size:13px;line-height:1.45;color:var(--steel);margin-top:8px}
.od-track{display:flex;align-items:center;gap:4px;min-height:44px}
.od-track .od-mono{font-size:15px;word-break:break-all;flex:1;min-width:0}
.od-icon-btn,.od-badge{flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--od-fg)}
.od-icon-btn{width:44px;height:44px;margin-right:-10px;background:none;border:0;cursor:pointer}
.od .od-track-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--link);font-size:15px;font-weight:500;text-decoration:none}
.od-code{font-size:24px;font-weight:600;letter-spacing:.22em}
.od-code-entry{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.od-code-entry input{flex:1 1 130px;min-width:0;max-width:200px;height:48px;font-size:18px;letter-spacing:.2em}
.od-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;font-size:15px;color:var(--steel)}
.od-line span:last-child,.total-row>:last-child{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.od-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:17px;font-weight:600;color:var(--ink)}
.pickup-tips.od-card{margin:0;padding:12px 16px 12px 34px;display:grid;gap:8px;font-size:14px;line-height:1.45}
.od-note{display:flex;gap:12px;align-items:flex-start;background:var(--od-tint);border-radius:16px;padding:14px 16px;margin-top:16px;font-size:14px;line-height:1.45;color:var(--ink)}
.od-badge{width:32px;height:32px;margin-top:-4px;background:var(--od-ico)}
.od-note-bad{background:var(--od-bad)}
.od-note-bad .od-badge{background:rgba(227,0,0,.12);color:var(--danger)}
.od-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
:is(#orderDetailBody,#orderDisputeModal) .od-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-height:50px;font-size:17px!important;margin:0}
:is(#orderDetailBody,#orderDisputeModal) .od-btn-2{background:var(--od-card)!important;color:var(--ink)!important;border:0!important}
.od-list{margin-top:16px;background:var(--od-card);border-radius:16px;overflow:hidden}
.od-list-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;background:none;border:0;color:var(--ink);font:inherit;font-size:16px;text-align:left;cursor:pointer}
.od-list-row + .od-list-row{box-shadow:inset 0 1px 0 var(--line)}
.od-list-row:hover{background:var(--od-tint)}
.od-list-row > .ico{flex:none;color:var(--text-tertiary)}
.od-list-ico{display:inline-flex;color:var(--od-fg)}
html.dark :is(.od-status,.order-card) .st-armed{background:#2c2c2e!important}
.od-card .tl-row:not(.done) .tl-dot{background:none}
html body .mini-btn.mini-danger{color:var(--danger)!important}
html.dark body .mini-btn.mini-danger{color:#ff6961!important}
.oc-side{text-align:right}
@media(max-width:820px){.oc-side{text-align:left}}
.od-list-label{flex:1;min-width:0}
.od-danger{margin-top:20px;display:flex;flex-direction:column;gap:4px}
#orderDetailBody .od-danger .btn-danger-text,#orderDetailBody .od-danger .btn-danger-text:hover{background:none!important;color:var(--danger)!important;text-decoration:none!important;width:100%!important;min-height:48px;padding:12px 16px!important;font-size:16px!important;font-weight:500!important}
.oc-main{display:flex;gap:12px;align-items:flex-start}
.oc-text{flex:1;min-width:0}
.oc-more{display:inline-flex;align-items:center;gap:2px;margin-top:8px;font-size:14px;font-weight:500;color:var(--link)}
.od-trackline{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:6px;font-size:13px;color:var(--steel)}
.od-carrier-link{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:44px;color:var(--link);text-decoration:none}.od-carrier-link:hover{text-decoration:underline}.od-carrier-link .od-mono{overflow-wrap:anywhere}
html body .btn.btn-ghost.pill2{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:50px;margin:10px 0!important;padding:10px 16px!important;border:0!important;border-radius:980px!important;background:var(--plate)!important;color:var(--ink)!important;font-size:17px!important;text-decoration:none}
html body .el-foot .btn.btn-ghost.pill2{width:auto!important;flex:1;min-height:0;margin:0!important;padding:12px!important;font-size:15px!important}
html body .btn.btn-ghost.q-link{display:block;background:none!important;margin:6px auto 0;min-height:44px;color:var(--link)!important;text-decoration:none}
html body .btn.btn-ghost:is(.btn-danger-text,.el-delete){background:none!important;color:var(--danger)!important;text-decoration:none;width:100%!important;min-height:48px;margin-top:12px}
html body :is(.count-row,.ver-badge,.mk-map-change){font-family:inherit;letter-spacing:0;text-transform:none}
html body .count-row{font-size:14px}
html body .ver-badge{font-size:12px;padding:2px 8px;border-radius:980px}
.inbox-wrap > .thread-list, .inbox-wrap > .thread-pane{min-width:0}
html.fbm #view-inbox{overflow-x:clip}
.fbl-admin-edit .btn-admin-edit + .btn-admin-edit{margin-top:8px}
.prof-admin-btn{border:1.5px dashed var(--info) !important; color:var(--text-primary) !important}
.ml-more .ml-menu.ml-menu-down{bottom:auto; top:calc(100% + 6px)}
.ml-more .ml-menu{max-width:calc(100vw - 16px)}
.empty-acts{max-width:320px; margin:8px auto 0}
.empty-acts .btn-volt{width:100%; min-height:50px; margin-top:10px}
@media (pointer:coarse){
  .sr-tools .rect-btn{position:relative}
  .sr-tools .rect-btn::before, header.top .account-chip::before{content:''; position:absolute; inset:-5px 0}
}
.refine-foot{display:flex; flex-wrap:wrap; gap:10px; margin-top:-4px}
html body .modal .refine-foot .btn{display:flex; align-items:center; justify-content:center; flex:1 1 auto; width:auto!important; min-height:48px; margin:0!important; padding:10px 12px!important; white-space:nowrap}
.refine-foot #refineShow{flex-grow:2}
.fbl-backbar{display:none}
@media (max-width:1000px){
  .fbl-backbar{display:flex; align-items:center; position:sticky; top:56px; z-index:6; height:52px;
    margin-top:-22px; background:var(--bg-primary);
    border-image:conic-gradient(var(--bg-primary) 0 0) fill 0 / 0 / 0 20px}
  html.native .fbl-backbar{top:calc(56px + env(safe-area-inset-top))}
  .fbl-backbar + .fbl{margin-top:4px}
  .fbl-backbar .fbl-back{position:relative; top:auto; left:auto; transform:none; width:40px; height:40px;
    background:var(--bg-secondary); color:var(--text-primary); box-shadow:none}
  html.dark .fbl-backbar .fbl-back{background:#2c2c2e}
  @media (hover:hover){ .fbl-backbar .fbl-back:hover{background:#e8e8ed} html.dark .fbl-backbar .fbl-back:hover{background:#3a3a3c} }
  #listingBody .fbl-stage .fbl-x{display:none}
  .fbl-trade-btn{min-height:44px}
}
.fbl-title-row .fbl-more{z-index:1}
@media (max-width:360px){ .fbl-panel .seller-card{padding:12px} .seller-card .mini-btn{margin-left:8px} }
.ml-row .ml-menu, .ml-tile .ml-menu{min-width:208px; padding:6px; display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 32px rgba(0,0,0,.16)}
.ml-row .ml-menu .mini-btn, .ml-tile .ml-menu .mini-btn{display:flex !important; align-items:center; justify-content:flex-start !important; gap:10px; width:100%; min-height:44px !important; padding:0 14px !important; margin:0;
  border:0 !important; box-shadow:none !important; background:transparent !important; border-radius:12px !important; font-size:15px !important; font-weight:600; color:var(--text-primary); text-align:left; flex:none}
.ml-row .ml-menu .mini-btn:hover, .ml-tile .ml-menu .mini-btn:hover{background:var(--plate) !important}
.ml-row .ml-menu .mini-btn svg, .ml-tile .ml-menu .mini-btn svg{width:16px; height:16px; flex:none}
.ml-row .ml-menu .ml-delete, .ml-tile .ml-menu .ml-delete{color:var(--danger) !important}
.ml-tile .ml-more{position:relative; display:flex}
.ml-tile .ml-more summary{list-style:none; min-width:44px; min-height:44px; padding:0 !important; display:inline-flex; align-items:center; justify-content:center; cursor:pointer}
.ml-tile .ml-more summary::-webkit-details-marker{display:none}
.ml-row .ml-more summary, .ml-tile .ml-more summary{flex:none}
.ml-acts .ml-publish, .ml-tile-actions .ml-publish{font-weight:700}#sellPayouts{margin:14px 0 0}
#sellPayouts .sp-card{display:flex; align-items:center; gap:12px; width:100%; min-height:64px; box-sizing:border-box; margin:0; padding:12px 14px; text-align:left; font:inherit;
  border:1px solid var(--line); border-radius:16px; background:var(--card, var(--paper)); color:var(--ink)}
#sellPayouts .sp-card:hover{background:var(--plate)}
#sellPayouts .sp-card:focus-visible{outline:3px solid var(--volt-deep); outline-offset:2px}
#sellPayouts .sp-ico{display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; height:40px; border-radius:50%; background:color-mix(in srgb, var(--volt) 14%, transparent); color:var(--volt)}
#sellPayouts .sp-text{display:flex; flex-direction:column; gap:2px; min-width:0; flex:1}
#sellPayouts .sp-title{font-size:16px; font-weight:600; line-height:1.25; color:var(--text-primary)}
#sellPayouts .sp-sub{font-size:13px; line-height:1.3}
#sellPayouts .sp-sub, #sellPayouts .sp-chev{color:var(--steel)}
#sellPayouts .sp-chev{flex:none}
:is(#view-mylistings, #view-orders) .page-head{margin-bottom:0}
#view-mylistings .commerce-tabs:not(.sales-sub), #orderTabs{margin-top:14px !important}
#ordersList, #salesList, #view-mylistings #myListingsBody{margin-top:14px !important}
:is(#view-mylistings, #view-orders) .live-offers{margin-top:14px}
#salesBody .sales-sub{gap:2px; margin:2px 0 0 -4px !important}
#salesBody .sales-sub .chip{position:relative; min-height:44px; margin:0; padding:10px 6px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  color:var(--steel) !important; font-size:14px !important; font-weight:600 !important; transform:none}
#salesBody .sales-sub .chip::after{content:""; position:absolute; left:6px; right:6px; bottom:7px; height:2px; border-radius:2px}
#salesBody .sales-sub .chip:hover, #salesBody .sales-sub .chip.on{color:var(--ink) !important; background:transparent !important}
#salesBody .sales-sub .chip.on::after{background:var(--ink)}
#salesBody .sales-sub .chip > .nb{margin-left:5px}
.order-empty{display:grid;justify-items:center;gap:12px;padding:48px 20px;text-align:center;border:1px solid var(--line);border-radius:20px;color:var(--text-secondary)}.order-empty h3{margin:0;font-size:18px;color:var(--ink)}
@media (pointer:coarse){
  .order-actions .mini-btn,[data-of],[data-sf],[data-selling],.ac-btn,.ac-more,.modal .btn,.sf-addr-acts .mini-btn{min-height:44px}
  .oc-main .od-who{pointer-events:none}
  .od-sub .od-who{position:relative}
  .od-sub .od-who::before{content:'';position:absolute;inset:min(0px,calc(50% - 22px)) 0}
}
.lw-err{text-align:center; padding:28px 20px}
.lw-err .btn{width:auto; min-height:44px; margin:4px auto 0}
.acct-err{display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--steel); padding:8px 0}
#view-garage.g-err :is(.g-cta, .g-bikeform){display:none}
@media (pointer:coarse){
  #authModal :is(.auth-tab, .btn, .forgot-row .link-plain){min-height:44px}
}
#authModal .auth-legal .link-plain{position:relative}
#authModal .ck-text a{padding:13px 0}
a.soc-chip span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
a.soc-chip .ico{flex:none}
@media (pointer:coarse){
  .rv-meta .link-plain, .rv-report, a.soc-chip{position:relative}
  .rv-meta .link-plain::before, .rv-report::before, a.soc-chip::before{content:''; position:absolute; inset:-13px 0}
  a.soc-chip::before{inset:-6px 0}
}
.field-row.addr-row{display:flex;flex-wrap:wrap;row-gap:0}
.field-row.addr-row>.field{min-width:0;flex:1 1 calc((520px - 100%) * 999)}
.field-row.addr-row>.field:first-child{flex-basis:100%}
.field-row.addr-row select{text-overflow:ellipsis}
@media (pointer:coarse){
.mini-btn:not(.x-close),.theme-pick,.chip{position:relative}
.mini-btn:not(.x-close)::before,.theme-pick::before,.chip::before{content:'';position:absolute;inset:min(0px,calc(50% - 22px)) 0}
.mk-side .cat-item{min-height:44px}
.ad-menu-btn::before{content:'';position:absolute;inset:-4px}
.btn,.rect-btn:not(.sr-tools .rect-btn){min-height:44px}
}
.ico-lead{vertical-align:-3px;margin-right:4px;flex-shrink:0}
.s-acts{display:flex}
html.page-kb body::after{content:""; position:fixed; left:0; right:0; top:var(--page-vv-top, 0px); height:env(safe-area-inset-top, 0px); background:var(--bg-primary, var(--paper)); z-index:410; pointer-events:none}
@media (max-width:640px){
  #userActionModal:has(#userActionBody > .side-stack){align-items:flex-end !important}
  #userActionModal .modal-title{text-align:center}
  #userActionModal .side-stack .rect-btn{display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; font-size:15px}
}
@media (pointer: coarse){
  #view-about :is(.f-col, .f-ad-btns) .f-link{min-height:44px; display:flex; align-items:center}
  #boostPage > .mini-btn{min-height:44px}
  .btn-volt{min-height:44px}
  #view-about .f-col{gap:0}
  #view-about .foot-bar > span + span{display:none}
}
#listingBody .fbl-partybar .btn{min-height:44px}
.fbl-gone{--g-tint:rgba(0,113,227,.14);--g-fg:var(--button);--g-card:var(--plate);
  max-width:520px;margin:24px auto 40px;padding:28px 22px;border-radius:24px;background:var(--paper);
  box-shadow:0 10px 40px rgba(0,0,0,.08);text-align:center}
html.dark .fbl-gone{--g-tint:rgba(10,132,255,.26);--g-fg:#409cff;box-shadow:none}
.fbl-gone-badge{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--g-tint);color:var(--g-fg)}
.fbl-gone-title{margin:14px 0 6px;font-size:21px;line-height:1.25;font-weight:700;color:var(--ink)}
.fbl-gone-sub{margin:0 auto 18px;max-width:34ch;font-size:15px;line-height:1.45;color:var(--steel)}
.fbl-gone-item{display:flex;align-items:center;gap:12px;text-align:left;background:var(--g-card);border-radius:16px;padding:12px 14px;margin-bottom:18px}
.fbl-gone-cover{flex:none;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--line)}
.fbl-gone-thumb{width:100%;height:100%;object-fit:cover;display:block}
.fbl-gone-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;color:var(--steel)}
.fbl-gone-text strong{color:var(--ink);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fbl-gone-acts{display:flex;flex-direction:column;gap:10px}
.fbl-gone-acts .btn{width:100%;min-height:44px}
@media (max-width:1000px){ .fbl-gone{margin-top:8px;box-shadow:none;background:transparent;padding:12px 4px} }
:root{ --sb-bg:#fdecee; --sb-fg:#b0000f; --sb-upd-bg:#f0f0f3; --sb-upd-fg:#1d1d1f }
html.dark{ --sb-bg:#3a1d1d; --sb-fg:#ffb4ae; --sb-upd-bg:#2c2c2e; --sb-upd-fg:#f5f5f7 }
body .sb-need{display:flex; align-items:center; gap:6px; width:fit-content; align-self:flex-start; box-sizing:border-box;
  height:22px; padding:0 9px 0 8px; margin:0 0 6px; border-radius:999px; background:var(--sb-bg); color:var(--sb-fg);
  font:600 12px/1 var(--body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif); letter-spacing:0; text-transform:none; white-space:nowrap}
body .sb-need::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--nb-bg, #d70015); flex:none}
body .sb-need.sb-upd{background:var(--sb-upd-bg); color:var(--sb-upd-fg)}
body .sb-need[hidden]{display:none}
body #view-mylistings #receivedOffersCount{display:none !important}
#authModal:not(:has(.auth-tabs)) .auth-legal{display:none}
#authBody:has(#auName) > .gate-why ~ .modal-sub{display:none}
#locSug:has(> .geo-end){position:static; margin-top:8px; box-shadow:none}
.info-tip-close::after{content:''; position:absolute; inset:-7px; border-radius:50%}
@media (min-width:601px) and (max-width:1000px){
  html body #view-listing .fbl-mainwrap{min-height:min(75vw - 30px, 50vh); max-height:50vh}
  html body #view-listing .fbl-mainwrap.fbl-framed{max-height:50vh}
  html body #view-listing .fbl-main{max-height:50vh}
}
@media (min-width:1001px) and (max-width:1180px){
  html body #view-listing .fbl-panel{max-width:50%}
}
#orderDetailBody .lqr.od-card{padding:16px}
.lqr-frame{display:block;width:100%;max-width:340px;margin:0 auto;padding:14px;border:0;border-radius:16px;background:#fff!important;cursor:zoom-in;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);-webkit-tap-highlight-color:transparent}
.lqr-img{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-touch-callout:default;background:#fff}
.lqr-wait{min-height:220px;display:flex;align-items:center;justify-content:center;color:#6e6e73;font-size:14px;cursor:default}
.lqr-wait span{animation:lqrPulse 1.4s ease-in-out infinite}
@keyframes lqrPulse{50%{opacity:.45}}
@media (prefers-reduced-motion: reduce){.lqr-wait span{animation:none}}
.lqr-test{margin:10px auto 0;max-width:340px;text-align:center;font-size:13px;font-weight:600;color:var(--warn)}
.lqr-say{margin-top:14px;font-size:15px;line-height:1.45;color:var(--ink)}
.lqr-say strong{font-weight:600}
.lqr-track{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:12px;font-size:14px}
.lqr-k{color:var(--steel)}
.lqr-track .od-mono{font-size:15px;word-break:break-all;color:var(--ink)}
.lqr-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.lqr-acts > :only-child{grid-column:1 / -1}
#orderDetailBody .lqr-acts .od-btn{min-height:48px;margin:0!important;padding-top:0!important;padding-bottom:0!important;font-size:16px!important}
#orderDetailBody .lqr-acts .od-btn-2{background:var(--paper)!important}
.lqr-none{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink)}
.lqr-none strong{display:block;font-size:15px;font-weight:600;margin-bottom:2px}
.lqr-none p{margin:0;color:var(--steel)}
.lqr-none .od-badge{margin-top:0}
.lqr-none + .lqr-acts{grid-template-columns:1fr}
@media (min-width: 420px){.lqr-none + .lqr-acts{grid-template-columns:1fr 1fr}.lqr-none + .lqr-acts > :first-child:nth-last-child(3){grid-column:1 / -1}}
.modal-scrim.lqr-scrim{z-index:320;padding:0;background:#fff}
.modal-scrim.lqr-scrim.open{display:flex}
.lqr-full{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:calc(env(safe-area-inset-top, 0px) + 56px) 16px calc(env(safe-area-inset-bottom, 0px) + 24px);background:#fff;color:#1d1d1f;text-align:center;cursor:zoom-out}
.lqr-full-carrier{font-size:17px;font-weight:600}
.lqr-full-img{display:block;width:min(92vw, calc(100dvh - 260px), 560px);min-width:200px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-touch-callout:default}
.lqr-full-track{font-size:16px;letter-spacing:0;color:#1d1d1f;word-break:break-all}
.lqr-full-hint{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#f5f5f7;font-size:14px;color:#1d1d1f}
.lqr-close{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 12px);right:16px;width:44px;height:44px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dock-order{
  display:block; width:100%; min-width:0; text-align:left; padding:0; margin:0; border:0; background:none;
  font:inherit; font-size:11.5px; line-height:1.2; color:var(--link); cursor:pointer;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.dock-order:hover{text-decoration:underline}
.dock-order:focus-visible{outline:2px solid var(--volt-deep); outline-offset:1px; border-radius:3px}
html body .chat-offer-slot{margin:6px 0 2px; flex:0 0 auto; width:100%}
.chat-offer-disclosure{border:1px solid var(--line); border-radius:14px; background:var(--card); color:var(--ink)}
.chat-offer-disclosure > summary{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:8px 12px; list-style:none; cursor:pointer; box-sizing:border-box}
.chat-offer-disclosure > summary::-webkit-details-marker{display:none}
.chat-offer-summary-text{display:flex; flex-direction:column; min-width:0; font-size:12px}
.chat-offer-summary-text strong{font-size:16px}
.chat-offer-summary-text > :is(strong,span){overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.chat-offer-review{flex:none; color:var(--button); font-size:13px; font-weight:600}
.action-center{gap:8px}
.ac-rest>summary{display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:0 16px; border-radius:14px; background:var(--plate); color:var(--ink); font-size:14px; font-weight:600; cursor:pointer; list-style:none}
.ac-rest>summary::-webkit-details-marker{display:none}
.ac-rest>summary::after{content:''; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .15s ease; flex:none}
.ac-rest[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.ac-rest>summary:focus-visible{outline:2px solid var(--focus-ring, var(--button)); outline-offset:2px}
.ac-rest>.ac-card,.ac-rest>.ac-more{margin-top:8px}
@media (max-width:640px){
  .ac-card{gap:8px; padding:12px 14px}
  .ac-txt strong{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  .ac-txt span{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  html body .ac-card .ac-btn{width:auto !important; align-self:flex-start; min-height:44px; padding:10px 18px !important}
}
.commerce-tabs, #orderTabs{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding:2px; margin-left:-2px; margin-right:-2px}
.commerce-tabs::-webkit-scrollbar, #orderTabs::-webkit-scrollbar{display:none}
.commerce-tabs .chip, #orderTabs .chip{flex:none; white-space:nowrap}
@media (max-width:400px){ .commerce-tabs .chip, #orderTabs .chip{padding-left:13px !important; padding-right:13px !important} }
.od-list-label{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.od-code-entry{flex-direction:column; align-items:stretch}
.od-code-entry input{flex:none; width:100%; max-width:none; box-sizing:border-box; padding:0 16px; border:1px solid var(--text-tertiary); border-radius:12px; background:var(--bg-primary); color:var(--text-primary)}
.od-code-entry input:focus{outline:none; border-color:var(--button); box-shadow:0 0 0 4px var(--focus-ring)}
.od-code-entry .od-btn{width:100% !important}
.trade-thumb:empty{position:relative; background:var(--plate)}
.trade-thumb:empty::after{content:''; position:absolute; inset:13px; background:var(--steel); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='17' r='3.5'/%3E%3Ccircle cx='18.5' cy='17' r='3.5'/%3E%3Cpath d='M15 6h2l3.5 11M5.5 17 9 9h7l-4 8H5.5M9 9 8 6H6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='17' r='3.5'/%3E%3Ccircle cx='18.5' cy='17' r='3.5'/%3E%3Cpath d='M15 6h2l3.5 11M5.5 17 9 9h7l-4 8H5.5M9 9 8 6H6'/%3E%3C/svg%3E") center/contain no-repeat}
html body .chat-offer-card .trade-pair{grid-template-columns:minmax(0,1fr)}
html body .chat-offer-card .tp-cash{justify-self:start}
body .el-price{position:relative; display:block}
body .el-price>span{position:absolute; left:16px; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--text-primary)}
html body .el-price input{width:100%; padding-left:30px !important}
@media (max-width:430px){
  #filtersBtn .fb-word{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
  .search-row .sr-tools #filtersBtn{min-width:44px; padding-left:12px !important; padding-right:12px !important}
}
.modal-body > .field + :is(.btn,.mini-btn){margin-top:8px !important}
.modal-body > :is(.btn,.mini-btn) + :is(.btn,.mini-btn){margin-top:12px !important}
.modal-body .od-actions > :is(.btn,.mini-btn){margin:0 !important;min-height:44px}
.modal-body > .od-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
:root{--bn-poke:0px}
body > .bottomnav > .bn-item{flex:1 1 0; min-width:0; margin:0}
body > .bottomnav > .bn-item .bn-ico svg{width:19px; height:19px}
#view-mylistings .sel-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
#view-mylistings .sel-head h1{margin:0}
body .sel-list-btn{display:inline-flex; align-items:center; gap:6px; width:auto !important; min-height:44px; padding:10px 18px !important; font-size:15px !important; white-space:nowrap}
body .sel-list-btn .ico-lead{flex:none}
#view-mylistings .ml-empty{display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:8px 0 16px}
#view-mylistings .ml-empty .prof-meta{margin:0}
.market-categories.cat-menu{display:flex;flex-wrap:nowrap;gap:8px;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none;margin:12px 0 18px;padding:2px 2px 6px}
.market-categories.cat-menu .cat-item{display:inline-flex;flex:none;align-items:center;gap:7px;min-height:44px;padding:8px 14px;white-space:nowrap;}
#noBikesChip{white-space:nowrap;flex-shrink:0}
.picks-row{align-items:center;gap:12px;margin-bottom:24px}
.market-heading{min-width:0}
.market-heading .picks-title{margin:0;line-height:1.25;letter-spacing:-.025em}
.market-sort{position:relative;display:flex;align-items:center;flex:none;gap:7px;margin-left:auto;padding:0 12px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink)}
.market-sort select{appearance:none;min-height:44px;width:auto;max-width:205px;padding:0 19px 0 0;border:0;background:transparent;color:inherit;font:600 13px/1.2 var(--sf);cursor:pointer}
.market-sort-chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-secondary)}
.market-bike-filter{justify-content:space-between;min-height:52px}
.market-bike-filter input{flex:none;width:20px;height:20px}
@media(max-width:999px){
 .market-categories.cat-menu{margin:8px 0 14px}
 .market-sort{gap:5px;padding:0 10px}.market-sort select{max-width:165px;font-size:12px}
 .market-sort-chevron{right:10px}
 #view-market .picks-title{font-size:19px}
}
@media(max-width:359px){.market-sort-icon{display:none}.market-sort select{max-width:148px}#view-market .picks-title{font-size:17px}}
html body #gsStrip .gs-row{display:grid !important; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:8px !important; padding:10px 8px 10px 12px !important; margin:8px 0 14px !important; border-radius:14px !important; flex-wrap:nowrap}
html body #gsStrip .gs-ico{width:32px; height:32px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--button, #0071e3) 12%, transparent); color:var(--button, #0071e3); flex-shrink:0}
html body #gsStrip .gs-text{font-family:var(--sf) !important; font-size:13.5px; line-height:1.3; color:var(--text-primary); min-width:0; text-transform:none; letter-spacing:-0.01em}
html body #gsStrip .gs-cta{flex:none !important; margin:0 !important; white-space:nowrap; background:var(--text-primary) !important; color:var(--bg-primary, #ffffff) !important; font-size:13px !important; padding:10px 13px !important; min-height:44px}
html body #gsStrip .gs-cta:hover{opacity:.88}
html body #gsStrip .gs-row .gs-close{position:relative !important; inset:auto !important; width:44px !important; height:44px !important; margin:0 !important}
html body #gsStrip .gs-row .gs-close::before{inset:0 !important}
html.dark body #gsStrip .gs-cta{background:#f5f5f7 !important; color:#1c1c1e !important}
html body #gsStrip .gs-invite .gs-text{display:flex;flex-direction:column}
html body #gsStrip .gs-invite .gs-text small{font-size:11px;color:var(--steel)}
@media(max-width:430px){html body #gsStrip .gs-invite{grid-template-columns:minmax(0,1fr) auto auto !important}html body #gsStrip .gs-invite .gs-ico{display:none}}
@media (max-width:999px){
  .search-row .side-stack.sr-tools{flex-wrap:nowrap !important; overflow:auto hidden; overscroll-behavior-x:contain; width:calc(100% + 20px) !important; margin:-5px 0; padding:5px 0; mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}
  .search-row .sr-tools::after{content:''; flex:0 0 20px}
  .search-row .sr-tools .rect-btn{flex:none}
  .search-row .sr-tools #locChip{display:flex; align-items:center; gap:4px; max-width:max(160px,46vw)}
  #locChipTxt{min-width:0; overflow:hidden; text-overflow:ellipsis}
}
@media (min-width:1000px){
  body>main{max-width:min(1760px,100vw);margin-left:max(0px,(100vw - 1760px)/2)}
}
*{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
body{line-height:1.5}
button{font-family:inherit; cursor:pointer}
input{font-family:inherit; font-size:15px}
select{font-family:inherit; font-size:15px}
textarea{font-family:inherit; font-size:15px}
.top{position:sticky; top:0; z-index:50; display:flex; align-items:center; gap:16px; padding:0 20px}
.logo{display:flex; text-decoration:none; flex-shrink:0}
.logo-mark{font-size:26px}
.tabs{height:100%}
.tab{background:none; border:none; height:100%}
.sell-cta{flex-shrink:0}
.account-chip{display:flex; align-items:center; gap:8px; border-radius:999px; padding:5px 12px 5px 5px; font-size:11px; white-space:nowrap; flex-shrink:0}
.avatar{width:26px; height:26px; border-radius:50%; font-size:12px; display:inline-flex; align-items:center; justify-content:center}
.garage-chip{border-radius:999px; padding:6px 14px; font-size:11px; letter-spacing:.5px; white-space:nowrap; flex-shrink:0}
.garage-chip:hover{border-color:var(--volt)}
@keyframes tick{to{transform:translateX(-100%)}}
main{max-width:1180px; margin:0 auto; padding:0 20px 80px}
.view{display:none}
.view.active{display:block}
.hero h1, .hero > p{display:none}
.trust-strip{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin:28px 0 8px; border-radius:var(--radius); overflow:hidden}
.trust-cell{background:var(--card); padding:14px 16px}
.trust-cell .t-label{display:block; font-size:15px; font-weight:600; color:var(--ink); margin-bottom:4px}
.trust-cell p{font-size:13px; color:var(--steel); line-height:1.45}
.filters{display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:18px 0 6px; margin-top:22px}
.chip{color:var(--ink); padding:8px 16px; font-size:12px}
.chip:hover{background:var(--line)}
.filters input[type=number]{width:130px}
.count-row{display:flex; justify-content:space-between; align-items:center; padding:16px 0 14px; font-family:var(--mono); font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--steel)}
.grid{display:grid}
.card{text-align:left; padding:0; display:flex; flex-direction:column; transition:transform .12s ease, box-shadow .12s ease}
.plate{aspect-ratio:4/2.6; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; position:relative; padding:14px}
.plate.plate-bike{background-image:radial-gradient(circle at 80% 90%, rgba(20,20,18,.10), transparent 55%)}
.plate-big{font-size:clamp(24px,3vw,34px); text-align:center; line-height:1}
.plate-small{font-size:10px; opacity:.75; text-align:center}
.card-photo{aspect-ratio:4/2.6; overflow:hidden; position:relative}
.card-photo img{width:100%; height:100%; object-fit:cover; display:block}
.card-photo video{width:100%; height:100%; object-fit:cover; display:block}
.media-count{position:absolute; bottom:8px; right:8px; background:rgba(20,20,18,.82); color:#fff; font-family:var(--mono); font-size:10px; padding:3px 8px; letter-spacing:1px}
.badges{position:absolute; display:flex; gap:5px; flex-wrap:wrap}
.badge-yours{background:var(--good); color:#fff}
.card-body{flex:1}
.card-title{font-size:15px; line-height:1.3}
.price-row{display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-top:auto}
.cond{font-size:10px; color:var(--steel)}
.meta{font-size:11px; color:var(--steel)}
.empty{grid-column:1/-1; text-align:center; font-family:var(--mono); color:var(--steel); font-size:13px}
.empty strong{display:block; font-size:28px; color:var(--ink); margin-bottom:8px}
.drawer{top:0; right:0; bottom:0; width:min(480px,100%); background:var(--paper); z-index:100; transform:translateX(102%); transition:transform .25s ease; overflow-y:auto; border-left:3px solid var(--ink)}
.drawer.open{transform:translateX(0)}
.close-btn:hover{border-color:var(--volt)}
.book-tag{font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase; padding:4px 8px; font-weight:600}
.book-under{background:#E3F0E7; color:var(--good)}
.book-at{background:var(--line); color:var(--steel)}
.book-over{background:#F6E4DC; color:var(--bad)}
.d-desc{margin:14px 0}
.escrow-note{display:flex; gap:12px; align-items:flex-start; background:rgba(0,113,227,.08); border:0; border-radius:16px; padding:14px 16px; font-size:14px; line-height:1.45; color:var(--ink); margin:14px 0}
.escrow-note .shield{flex:none; width:32px; height:32px; margin-top:-4px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(0,113,227,.14); color:var(--button)}
.action-col{display:flex; flex-direction:column; gap:8px; margin-top:16px}
.btn{border:2px solid var(--ink); padding:13px 18px; font-size:13px; width:100%}
.seller-card{display:flex; flex-wrap:wrap; row-gap:10px; justify-content:flex-end; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:12px 14px; margin-top:18px}
.seller-card .s-name{font-weight:600; font-size:14px}
.seller-card .s-meta{font-family:var(--mono); font-size:11px; color:var(--steel)}
.page-head p{max-width:520px}
.panel{background:var(--card); border-bottom:3px solid var(--ink); padding:22px; margin-top:20px; max-width:640px}
.panel h3{font-family:var(--mono); margin-bottom:14px}
.field input{width:100%}
.field select{width:100%}
.field textarea{width:100%; min-height:90px; resize:vertical}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.hint{font-size:11px; margin-top:5px}
.ship-est{font-size:13px; padding:10px 12px; margin:6px 0 14px}
.ship-est strong{color:var(--ink)}
.ac-wrap{position:relative}
.ac-list{position:absolute; top:100%; left:0; right:0; background:var(--card); border:2px solid var(--ink); border-top:none; border-radius:0 0 10px 10px; z-index:30; max-height:280px; overflow-y:auto; display:none; box-shadow:0 14px 30px rgba(20,20,18,.18)}
.ac-list.open{display:block}
.ac-item{display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; background:none; border:none; border-bottom:1px solid var(--line); padding:11px 12px; text-align:left; font-size:13.5px}
.ac-item:hover{background:var(--volt)}
.ac-item:focus{background:var(--volt)}
.ac-name{font-weight:600}
.ac-sub{font-family:var(--mono); font-size:10px; color:var(--steel); letter-spacing:1px; text-transform:uppercase; display:block; margin-top:2px}
.ac-book{font-family:var(--mono); font-size:11px; white-space:nowrap; color:var(--steel)}
.dropzone{border:2px dashed var(--ink); border-radius:10px; padding:20px; text-align:center; background:var(--paper); cursor:pointer; color:var(--steel); width:100%}
.dropzone:hover{background:var(--card); color:var(--ink)}
.dropzone strong{color:var(--ink); display:block; font-size:13px; margin-bottom:3px}
.media-grid{position:relative; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(140px,50% - 4px),1fr)); gap:8px; margin-top:10px}
.media-thumb{aspect-ratio:1; border-radius:8px; overflow:hidden; border:2px solid var(--ink)}
.media-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.media-thumb video{width:100%; height:100%; object-fit:cover; display:block}
.media-grid::before{content:''; position:absolute; inset:-8px}
.media-thumb>:active,.media-grid:active::before{filter:brightness(.94)}
.media-thumb .rm svg{width:14px; height:14px}
.garage-wrap{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; align-items:start}
.book-panel{padding:24px; position:sticky; top:80px}
.parts-list{list-style:none; margin:4px 0 12px}
.parts-list li{display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:15px; padding:6px 0 6px 2px; border-bottom:1px solid var(--line); min-height:56px}
.parts-list .g-name{flex:1; min-width:0; overflow-wrap:anywhere}
.parts-list small{display:block; color:var(--steel); font-size:13px}
.parts-list .g-none,.parts-list .acct-err{border:none; color:var(--steel)}
.g-primary{padding:5px 11px; border-radius:999px; border:1px solid var(--line); color:var(--steel); font-size:13px; font-weight:600}
.parts-list .x{flex:0 0 44px; height:44px; display:grid; place-items:center; background:none; border:none; border-radius:50%; color:var(--steel)}
.parts-list .x:hover{color:var(--bad); background:var(--plate)}
.part-link{color:var(--ink)}
.alert-item{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; background:var(--card); padding:14px 16px; margin-top:10px; max-width:640px}
.alert-q{font-weight:600; font-size:14px}
.alert-meta{font-family:var(--mono); font-size:11px; color:var(--steel); margin-top:2px}
.alert-status{white-space:nowrap}
.alert-actions{display:flex; gap:6px; align-items:center}
.modal-scrim{position:fixed; inset:0; z-index:300; display:none; align-items:center; justify-content:center; padding:18px}
.modal-scrim.open{display:flex}
.modal{width:min(460px,100%); max-height:92vh; overflow-y:auto}
.modal-head{display:flex; justify-content:space-between; align-items:center; top:0; z-index:2}
.auth-tabs{display:flex; overflow:hidden; margin-bottom:18px; background:var(--bg-secondary) !important; border-radius:980px !important; padding:3px !important; border:none !important}
.auth-tab{flex:1; padding:10px; font-size:11px; font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important; border-radius:980px !important; border:none !important; font-weight:600 !important}
.g-btn{display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px}
.divider{display:flex; align-items:center; gap:10px; margin:16px 0; color:var(--steel); font-size:10px}
.divider::before{content:''; flex:1; height:1px; background:var(--line)}
.divider::after{content:''; flex:1; height:1px; background:var(--line)}
.tier{display:flex; justify-content:space-between; align-items:center; padding:13px 14px; margin-bottom:8px; cursor:pointer; background:var(--card); gap:10px}
.tier.on{background:var(--volt)}
.tier .t-name{font-weight:700; font-size:14px}
.tier .t-sub{font-family:var(--mono); font-size:10.5px; color:var(--steel); letter-spacing:.5px}
.tier.on .t-sub{color:rgba(255,255,255,.85)}
.tier .t-price{font-family:var(--mono); font-weight:600; font-size:16px}
.pay-note{text-align:center}
footer{margin-top:60px; padding:26px 20px 40px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; max-width:1180px; margin-left:auto; margin-right:auto}
footer p{max-width:420px}
.f-link{background:none; border:none; font-size:13px; padding:0; text-align:left}
@media (max-width:820px){
  .trust-strip{grid-template-columns:1fr}
  .garage-wrap{grid-template-columns:1fr}
  .book-panel{position:static}
  .top{padding:0 10px; gap:8px}
  .tabs .tab{padding:0 9px; font-size:11px}
  .account-chip span.acc-name{display:none}
}
.bottomnav{position:fixed; bottom:0; left:0; right:0; display:none; z-index:80; padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); align-items:flex-end}
.bn-item{position:relative; flex:1 1 0; min-width:0; min-height:59px; justify-content:flex-end; background:none; border:none; display:flex; flex-direction:column; align-items:center; gap:3px; padding:4px 2px 12px}
.bn-item .bn-ico{font-size:18px; line-height:1}
.bn-item.active{opacity:1 !important; color:var(--volt) !important}
@media (max-width:820px){
  .bottomnav{display:flex}
  main{padding-bottom:120px}
  footer{padding-bottom:110px}
}
.gs-strip{display:flex; gap:14px; align-items:center; padding:12px 16px; flex-wrap:wrap}
.gs-strip .mini-btn{border-color:var(--volt); color:var(--volt)}
.gs-close{margin-left:auto; opacity:.7}
.acct-row{font-size:14px}
.acct-row .k{font-family:var(--mono); font-size:10.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--steel)}
.fit-chips{display:flex; flex-wrap:wrap; gap:6px}
.fit-chip{padding:6px 12px; font-size:10.5px; cursor:pointer}
.icon-btn{position:relative; border-radius:999px; width:36px; height:36px; font-size:15px; flex-shrink:0}
.icon-btn:hover{border-color:var(--volt)}
.chat-msgs{display:flex; flex-direction:column; gap:8px; max-height:44vh; overflow-y:auto; padding:6px 0}
.bubble{max-width:82%; padding:9px 12px; font-size:13.5px; line-height:1.4}
.bubble.me{align-self:flex-end}
.bubble.them{align-self:flex-start; background:var(--card); border:1px solid var(--line); border-bottom-left-radius:3px}
.offer-card{border:2px solid var(--ink); border-radius:10px; padding:10px 12px; background:var(--volt); font-family:var(--mono); font-size:12.5px; align-self:flex-start; max-width:90%}
.offer-card.me{align-self:flex-end; background:var(--card)}
.chat-input{display:flex; gap:8px; margin-top:10px; align-items:flex-end}
.chat-input input, .chat-input textarea{flex:1; padding:10px 12px; border:2px solid var(--ink); border-radius:8px}
.unread-dot{background:var(--volt); color:var(--ink); font-family:var(--mono); font-size:10px; border-radius:999px; min-width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; padding:0 4px}
.thread-btn{display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; background:var(--card); border:1px solid var(--line); border-radius:8px; margin-bottom:8px; padding:11px 12px; text-align:left; font-size:13.5px}
.thread-btn:hover{border-color:var(--ink)}
.search-hero{position:relative; margin-top:24px; max-width:640px}
.search-hero input{width:100%}
.search-hero input:focus{outline:none; box-shadow:0 0 0 4px var(--volt-deep)}
.search-ico{position:absolute; left:18px; top:50%; transform:translateY(-52%); pointer-events:none}
.ver-badge{background:var(--good); color:#fff; font-family:var(--mono); font-size:9px; padding:3px 8px; letter-spacing:1.5px; text-transform:uppercase; border-radius:4px; vertical-align:2px; margin-left:7px; font-weight:600; display:inline-block}
.prof-head{display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin:20px 0 4px}
.prof-name{font-size:22px; font-weight:700; overflow-wrap:anywhere}
.prof-meta{font-family:var(--mono); font-size:12px; color:var(--steel); margin-top:3px}
.prof-h{font-size:20px; font-weight:600; margin:28px 0 14px}
.link-plain{background:none; border:none; padding:0; text-align:left; cursor:pointer; color:inherit; font:inherit}
.refine-sec{border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:16px}
.refine-label{font-size:15px; font-weight:600; color:var(--ink); margin-bottom:10px}
.refine-toggle{display:flex; gap:10px; align-items:center; font-size:13.5px; cursor:pointer; margin-top:4px}
.refine-toggle input{width:18px; height:18px; accent-color:var(--ink)}
.people-row{display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; margin:0 0 20px}
.person-chip{flex:none; border:0; background:var(--bg-secondary); color:var(--ink); border-radius:999px; padding:5px 14px 5px 5px; font-weight:600; font-size:13.5px; cursor:pointer}
.person-chip:hover{background:var(--fill-hover)}
.inbox-wrap{display:grid; grid-template-columns:340px 1fr; gap:20px; margin-top:20px; align-items:start}
.thread-list{display:flex; flex-direction:column}
.thread-btn.active{border-color:var(--ink); background:var(--paper)}
.thread-pane{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px; min-height:340px}
@media (max-width:820px){
  .inbox-wrap{grid-template-columns:1fr}
  .inbox-wrap .thread-pane{display:none}
  .inbox-wrap.show-thread .thread-list{display:none}
}
.side-stack{display:flex; flex-direction:column; gap:8px}
.cat-item{cursor:pointer}
.rect-btn{padding:11px 14px; font-size:12px; text-align:left; width:100%; cursor:pointer}
.order-card{display:flex; justify-content:space-between; gap:14px; background:var(--card); border-left:5px solid var(--ink); padding:14px 16px; margin-bottom:10px; flex-wrap:wrap; align-items:center; max-width:820px}
.order-actions{display:flex; margin-top:8px; flex-wrap:wrap; justify-content:flex-end}
@media (max-width:820px){
  .search-row{grid-template-columns:1fr}
  .order-card{flex-direction:column; align-items:flex-start}
  .order-actions{justify-content:flex-start}
}
.thread-pane{display:flex; flex-direction:column; height:min(580px, 62vh)}
.thread-pane .chat-msgs{flex:1 1 0; min-height:0; max-height:none; overflow-y:auto}
.thread-pane .chat-input{flex:0 0 auto; margin-top:10px}
@media (max-width:820px){
  .inbox-wrap.show-thread .thread-pane{display:flex; height:calc(100vh - 330px); min-height:320px}
}
.avatar img{width:100%; height:100%; object-fit:cover; border-radius:50%; display:block}
.avatar{overflow:hidden}
.msg-row{display:flex; gap:8px; align-items:flex-end; width:100%}
.msg-row.me{flex-direction:row-reverse}
.msg-av{width:26px; height:26px; font-size:11px; flex-shrink:0}
.bn-ico svg{display:block}
.tl-row{display:flex; gap:10px; align-items:center; font-size:13.5px; padding:6px 0; color:var(--steel)}
.tl-row.done{color:var(--ink); font-weight:500}
.tl-dot{width:20px; height:20px; border-radius:50%; border:2px solid var(--line); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; background:var(--card)}
.tl-row.done .tl-dot{background:var(--volt); border-color:var(--ink)}
a.mini-btn{text-decoration:none; display:inline-block}
.foot-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:26px; padding:6px 0 20px}
.f-col{display:flex; flex-direction:column; gap:9px; align-items:flex-start}
.f-head{font-size:13px; font-weight:600; color:var(--steel); margin-bottom:2px}
.f-tag{font-size:13px; color:var(--steel); max-width:260px; line-height:1.5}
.foot-bar{padding-top:14px; display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:center}
.legal-doc h3{font-family:var(--mono); font-size:12px; letter-spacing:1.5px; text-transform:uppercase; margin:18px 0 6px}
.legal-doc p{font-size:13.5px; line-height:1.6; margin:6px 0}
.legal-doc li{font-size:13.5px; line-height:1.6; margin:6px 0}
.legal-doc ul{padding-left:20px}
.legal-doc ol{padding-left:20px}
.doc-date{font-family:var(--mono); font-size:11px; color:var(--steel)}
@media (max-width:820px){
  .foot-grid{grid-template-columns:1fr 1fr}
}
.crop-vp{width:260px; height:260px; margin:0 auto 14px; border-radius:50%; overflow:hidden; border:3px solid var(--ink); position:relative; touch-action:none; cursor:grab}
.crop-vp:active{cursor:grabbing}
.crop-vp img{position:absolute; left:0; top:0; transform-origin:0 0; user-select:none; -webkit-user-drag:none; pointer-events:none; max-width:none}
.crop-zoom{width:100%; accent-color:var(--ink); margin:6px 0 14px}
@keyframes smsIn{from{transform:translateY(-8px); opacity:0} to{transform:none; opacity:1}}
#cropModal{z-index:450}
.addr-opt{display:block; width:100%; text-align:left; padding:10px 12px; border:none; background:none; font-size:13.5px; cursor:pointer; border-bottom:1px solid var(--line)}
.addr-opt:last-child{border-bottom:none}
.addr-opt:hover{background:var(--volt)}
.badge-hot{background:var(--danger); color:#fff}
:focus-visible{outline-offset:2px}
.rect-btn{transition:transform .06s ease, background .15s ease, opacity .15s ease}
.chip{transition:transform .06s ease, background .15s ease, opacity .15s ease}
.btn:active{transform:translateY(1px)}
.rect-btn:active{transform:translateY(1px)}
.mini-btn:active{transform:translateY(1px)}
.chip:active{transform:translateY(1px)}
button[disabled]{opacity:.45; cursor:not-allowed; pointer-events:none}
.sk{position:relative; overflow:hidden; background:var(--line); border-radius:6px}
.sk::after{content:''; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation:skshine 1.1s infinite}
@keyframes skshine{100%{transform:translateX(100%)}}
.sk-img{aspect-ratio:1; margin-bottom:10px}
.sk-line{height:13px; margin-bottom:8px}
.sk-line.short{width:55%}
body::before{content:''; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.028; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
main{position:relative; z-index:1}
header{position:relative; z-index:1}
footer{position:relative; z-index:1}
.modal{z-index:1}
::selection{background:var(--volt); color:var(--ink)}
html{scrollbar-color:var(--ink) var(--paper); scrollbar-width:thin}
header.top{position:sticky; top:0; z-index:250}
.logo-img{align-self:center}
.hero{position:relative}
.btn-volt{box-shadow:3px 3px 0 var(--ink); border-width:2px}
.btn-volt:hover{box-shadow:5px 5px 0 var(--ink)}
.btn-volt:active{transform:translate(1px,1px); box-shadow:0 0 0 var(--ink)}
.chip.on{box-shadow:2px 2px 0 color-mix(in srgb, var(--ink) 28%, transparent)}
.chip:hover{border-color:var(--ink); transform:translateY(-1px)}
.card{border-color:transparent}
.card:hover .plate{background-image:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--volt) 16%, transparent), transparent 55%)}
.plate{box-shadow:inset 0 0 34px rgba(0,0,0,.5), inset 0 2px 0 rgba(255,255,255,.05); border-bottom:2px solid #000}
.plate::before{content:''; position:absolute; top:9px; width:5px; height:5px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #55544c, #23231f 70%); box-shadow:0 0 0 1.5px color-mix(in srgb, var(--volt) 22%, transparent)}
.plate::after{content:''; position:absolute; top:9px; width:5px; height:5px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #55544c, #23231f 70%); box-shadow:0 0 0 1.5px color-mix(in srgb, var(--volt) 22%, transparent)}
.plate::before{left:10px}
.plate::after{right:10px}
.price{font-size:23px}
.field input{border-color:var(--line); transition:border-color .12s ease, box-shadow .12s ease}
.field select{border-color:var(--line); transition:border-color .12s ease, box-shadow .12s ease}
.field textarea{border-color:var(--line); transition:border-color .12s ease, box-shadow .12s ease}
.field input:hover{border-color:var(--steel)}
.field select:hover{border-color:var(--steel)}
.field textarea:hover{border-color:var(--steel)}
.page-head h1{position:relative; display:inline-block}
.page-head h1::after{position:absolute; left:2px; bottom:-8px; width:52px; height:9px; background:var(--volt); transform:skewX(-18deg); box-shadow:2px 2px 0 var(--ink)}
.page-head{margin-bottom:14px}
.modal-scrim{backdrop-filter:blur(5px) saturate(1.1); -webkit-backdrop-filter:blur(5px)}
.modal-scrim.open .modal{animation:modalIn .2s cubic-bezier(.2,.9,.3,1.2)}
@keyframes modalIn{from{transform:scale(.96) translateY(8px); opacity:0} to{transform:none; opacity:1}}
.view.active{animation:viewIn .24s ease}
@keyframes viewIn{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important}
  *::before{animation:none !important; transition:none !important}
  *::after{animation:none !important; transition:none !important}
}
header.top{background:#FFFFFF; box-shadow:0 2px 0 var(--volt), 0 1px 0 var(--line)}
header.top .logo-mark{color:var(--ink)}
header.top .tab{color:var(--ink); opacity:.6}
header.top .tab:hover{opacity:1}
header.top .tab.active{opacity:1}
.account-chip{border-color:var(--line)}
.garage-chip{display:none}
.account-chip:hover{border-color:var(--ink)}
.mk-side{display:none}
@media (min-width: 1000px){
  .mk-layout{display:grid; grid-template-columns:296px minmax(0,1fr); gap:26px; align-items:start}
  .mk-side{display:block; position:sticky; top:78px; background:#FFFFFF; border:1px solid var(--line); border-radius:14px; padding:16px 12px; max-height:calc(100vh - 100px); overflow-y:auto}
  .hero #locChip{display:none}
  .hero{margin-bottom:0}
  .hero .search-row{display:flex; gap:10px; align-items:stretch}
  .hero .search-row > div:first-child{flex:1}
  .hero .side-stack{flex-direction:row; display:flex; gap:10px}
  .hero .side-stack .rect-btn{width:auto; margin:0; white-space:nowrap}
}
.mk-title{padding:2px 8px 10px}
.mk-search-wrap{position:relative; margin:0 4px 12px}
.mk-search-wrap .search-ico{position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--steel)}
.mk-search{width:100%; border:none; background:#F1F0EA; border-radius:999px; padding:11px 14px 11px 34px; font-size:14.5px}
.mk-search:focus{outline:none; box-shadow:0 0 0 2px var(--volt-deep)}
.mk-nav{display:flex; flex-direction:column; gap:2px}
.mk-item{display:flex; align-items:center; gap:12px; width:100%; background:none; border:none; text-align:left; font-family:var(--body); font-size:14.5px; color:var(--ink); padding:9px 10px; border-radius:10px; transition:background .1s ease}
.mk-item:hover{background:#F1F0EA}
.mk-item.on{background:#F1F0EA}
.mk-item.on .mk-ico{background:var(--volt); color:var(--ink)}
.mk-ico{width:32px; height:32px; border-radius:50%; background:#E8E6DD; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .1s ease}
.mk-div{height:1px; background:var(--line); margin:12px 8px}
.mk-heading{font-family:var(--body); font-weight:700; font-size:16px; padding:2px 10px 8px}
.mk-side .cat-item{font-weight:600}
.mk-side .cat-item.on{background:var(--volt); color:var(--ink)}
.picks-row{display:flex; justify-content:space-between; align-items:baseline}
.picks-title{font-family:var(--body); font-weight:800; font-size:20px; letter-spacing:-.2px}
.card{border-bottom:none}
.card:hover{border-color:transparent}
.card > *:first-child img{width:100%; height:100%; object-fit:cover}
.card:hover .card-title{text-underline-offset:2px}
.card .plate{border-bottom:none}
.card-body{display:flex; flex-direction:column}
.card-body .price-row{display:flex; justify-content:space-between; align-items:baseline}
.card-body .cond{font-family:var(--mono); font-size:10.5px; color:var(--steel); text-transform:uppercase; letter-spacing:.5px}
@media (max-width: 999px){
  .mk-layout{display:block}
}
.mk-map{display:block; width:100%; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--card); padding:0; text-align:left; cursor:pointer; transition:border-color .12s ease}
.mk-map:hover{border-color:var(--ink)}
.mk-map svg{display:block; width:100%; height:104px}
.mk-map-label{display:flex; flex-direction:column; gap:1px; padding:9px 12px; position:relative}
.mk-map-label strong{font-size:14px}
.mk-map-label span{font-size:12.5px; color:var(--steel)}
.mk-map-change{position:absolute; right:12px; top:50%; transform:translateY(-50%)}
.wallet-cards{display:flex; gap:16px; flex-wrap:wrap}
.wallet-big{font-family:var(--display); font-size:52px; letter-spacing:1px; margin:6px 0 14px}
.acct-row{display:flex; justify-content:space-between; gap:14px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line)}
.acct-row:last-of-type{border-bottom:none}
.label-only label{font-family:var(--mono)}
.msg-sys{align-self:center; max-width:88%; margin:10px auto; padding:10px 14px; font-size:12.5px; line-height:1.5; background:#FFF7D6; border:1.5px solid var(--volt); border-left-width:5px; border-radius:10px; color:#3d3000}
@media (max-width: 640px){
  .hero{margin-bottom:0}
  .hero .search-row{display:flex; flex-direction:column; gap:10px}
  .hero .side-stack{display:flex; flex-direction:row; flex-wrap:wrap; gap:8px}
  .hero .side-stack .rect-btn{width:auto; margin:0; padding:9px 13px; font-size:13px}
  .hero #locChip{margin-top:8px}
  .grid{grid-template-columns:1fr 1fr}
  .picks-title{font-size:18px}
  .wallet-big{font-size:42px}
  .trust-strip{margin-top:36px !important}
}
:root{color-scheme:light only}
.chat-back{display:none; background:none; border:none; font-family:var(--body); font-weight:700; font-size:15px; color:var(--ink); padding:10px 0 0; cursor:pointer; align-items:center; gap:4px}
#view-inbox.chatting .page-head{display:none}
#view-inbox.chatting .thread-list{display:none}
#view-inbox.chatting .chat-back{display:inline-flex}
#view-inbox.chatting .inbox-wrap{display:block; margin-top:10px}
#view-inbox.chatting .thread-pane{display:flex; width:100%; max-width:none; min-height:calc(100dvh - 200px)}
@media (min-width:1230px){
  .grid{grid-template-columns:repeat(4, 1fr)}
}
@media (min-width:641px) and (max-width:1229px){
  .grid{grid-template-columns:repeat(3, 1fr)}
}
.badge-freeship{background:var(--success, #1B7F4B); color:#fff}
.ac-dismiss{color:var(--steel); font-size:12.5px}
.hint{color:#55544C}
.field label{opacity:.8}
.mk-title{font-family:var(--body); font-weight:800; font-size:24px; letter-spacing:-.4px; text-transform:none}
.cat-item{font-size:14px}
.dropzone{font-family:var(--body); font-size:13px}
.cat-menu{border:none; border-radius:0; overflow-x:auto; overflow-y:visible; background:transparent; display:flex; gap:8px; padding:2px; scrollbar-width:none}
.cat-menu::-webkit-scrollbar{display:none}
.cat-menu .cat-item{flex:0 0 auto; width:auto; display:inline-flex; align-items:center; justify-content:center; padding:9px 18px; font-size:14px; text-align:center}
.cat-menu .cat-item:hover{border-color:var(--ink)}
.cat-menu .cat-item.on{border-color:var(--ink)}
@media (min-width:641px) and (max-width:999px){
  .cat-menu{display:flex}
}
.loc-map{border:1.5px solid var(--line); border-radius:12px; overflow:hidden; background:#E9F0F4}
.loc-map svg{display:block; width:100%; height:auto}
.rad-row{display:flex; gap:6px; flex-wrap:wrap; margin-top:4px}
#chatDock{display:none}
@media (min-width:1000px){
  #chatDock{position:fixed; right:16px; bottom:0; z-index:300; display:flex; align-items:flex-end; gap:12px; pointer-events:none}
  #chatDock > *{pointer-events:auto}
  .dock-heads{display:flex; flex-direction:column-reverse; gap:10px; padding-bottom:14px; order:2}
  .dock-head{position:relative; cursor:pointer; filter:drop-shadow(0 3px 8px rgba(20,20,18,.3))}
  .dock-head .avatar{border:2px solid var(--ink)}
  .dock-head-x{position:absolute; top:-6px; right:-6px; width:20px; height:20px; border-radius:50%; border:1.5px solid var(--ink); background:#fff; font-size:10px; line-height:1; cursor:pointer; display:none; align-items:center; justify-content:center}
  .dock-head:hover .dock-head-x{display:inline-flex}
  .dock-dot{position:absolute; bottom:-3px; right:-3px; background:var(--danger,#C4372C); color:#fff; font-size:10px; font-weight:700; min-width:17px; height:17px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 4px}
  .dock-win{width:330px; height:420px; background:var(--card); border:1.5px solid var(--line); border-bottom:none; border-radius:14px 14px 0 0; display:flex; flex-direction:column; box-shadow:0 6px 28px rgba(20,20,18,.25); overflow:hidden}
  .dock-bar{display:flex; align-items:center; gap:9px; padding:10px 12px; border-bottom:1.5px solid var(--line); cursor:pointer; background:var(--paper)}
  .dock-who{flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.2}
  .dock-who strong{font-size:14px}
  .dock-who em{font-style:normal; font-size:11.5px; color:var(--steel); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .dock-btn{background:none; border:none; font-size:14px; color:var(--ink); cursor:pointer; padding:4px 6px; border-radius:6px}
  .dock-btn:hover{background:var(--line)}
  .dock-msgs{flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:8px}
  .dock-input{display:flex; gap:8px; padding:10px; border-top:1.5px solid var(--line); align-items:flex-end}
  .dock-input input, .dock-input textarea{flex:1; border:1.5px solid var(--line); border-radius:18px; padding:9px 14px; font-size:13.5px}
  .dock-input input:focus, .dock-input textarea:focus{outline:none; border-color:var(--ink)}
}
.mini-map{margin-top:14px; overflow:hidden; background:var(--card)}
.mini-map svg{display:block; width:100%; height:auto; pointer-events:none}
.person-chip{display:inline-flex; align-items:center; gap:9px; text-align:left; min-height:44px}
.pc-meta{display:flex; flex-direction:column; line-height:1.25; font-weight:600}
.pc-meta em{font-style:normal; font-weight:400; font-size:11.5px; color:var(--steel)}
.pc-follow{white-space:nowrap; min-height:44px}
.modal{background:var(--card)}
.modal-head .close-btn{font-size:13px}
.modal-head .close-btn:hover{background:#E8E6DE; color:var(--ink)}
.modal .btn{font-family:var(--body); text-transform:none; letter-spacing:0; font-size:15px; font-weight:600; border:1.5px solid var(--line); border-radius:14px; box-shadow:none; background:var(--card); color:var(--ink)}
.modal .btn:hover{transform:none; box-shadow:none; background:#F7F6F2; border-color:var(--steel)}
.modal .btn:active{transform:scale(.98); box-shadow:none}
.modal .chip.on{box-shadow:none}
.tier{border:1.5px solid var(--line); border-radius:14px}
.tier.on{border-color:var(--ink)}
.acct-del-link{background:none; border:none; padding:8px 4px; margin-top:2px; color:var(--steel); font-family:var(--body); font-size:13px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; align-self:center}
.acct-del-link:hover{color:var(--bad)}
.modal .btn-danger{background:var(--bad); color:#fff; border-color:var(--bad)}
.modal .btn-danger:hover{background:#9A3419; border-color:#9A3419; color:#fff}
.modal .btn-danger:disabled{opacity:.45; cursor:not-allowed}
.modal .btn-danger:disabled:hover{background:var(--bad); border-color:var(--bad)}
.chat-blocked-note{display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:space-between; padding:12px 14px; border:1.5px solid var(--line); border-radius:14px; background:var(--bg-secondary); color:var(--steel); font-size:13.5px}
header.top img.logo-mark{height:17px; width:auto; display:block; align-self:center}
.f-brand{display:flex; align-items:center}
.f-brand img.f-wordmark{height:14px; width:auto; margin-right:6px}
.t-av{width:36px; height:36px; font-size:14px; flex-shrink:0}
.thread-btn .t-main{flex:1; min-width:0}
.user-menu-btn{min-width:44px; font-weight:800; letter-spacing:1px; color:var(--steel)}
.user-menu-btn:hover{color:var(--ink)}
:root{--bg-primary:#ffffff; --bg-secondary:#f5f5f7; --bg-tertiary:#fbfbfd; --bg-dark:#000000; --bg-dark-elevated:#1d1d1f; --text-primary:#1d1d1f; --text-secondary:#6e6e73; --text-tertiary:#86868b; --text-on-dark:#f5f5f7; --text-on-dark-secondary:#a1a1a6; --link:#0066cc; --link-on-dark:#2997ff; --button:#0071e3; --button-hover:#0070df; --button-active:#006edb; --border:#d2d2d7; --border-on-dark:#424245; --fill-hover:#e8e8ed; --new-label:#b64400; --error:#e30000; --focus-ring:rgba(0,125,250,.9); --paper:#ffffff; --ink:#1d1d1f; --volt:#0071e3; --volt-deep:#006edb; --steel:#6e6e73; --line:#d2d2d7; --card:#ffffff; --plate:#f5f5f7; --good:#1d7a46; --bad:#e30000; --warn:#6e6e73; --info:#0066cc; --success:#1d7a46; --danger:#e30000; --radius:12px; --sf:'Inter','SF Pro Display','SF Pro Text',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif; --display:var(--sf); --body:var(--sf); --mono:var(--sf)}
body{font-family:var(--sf); font-feature-settings:"cv11"; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; background:var(--bg-primary); color:var(--text-primary); letter-spacing:-0.022em}
:focus-visible{outline:none !important; box-shadow:0 0 0 4px var(--focus-ring) !important; border-radius:12px}
h1{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
h2{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
h3{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
h4{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
.page-head h1{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
.plate-big{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
.empty strong{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
.logo-mark{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
.modal-title{font-family:var(--sf) !important; text-transform:none !important}
.big{font-family:var(--sf) !important; font-weight:600 !important; text-transform:none !important; letter-spacing:-0.005em !important}
.page-head{padding:56px 0 10px !important}
.page-head h1{font-size:clamp(40px,5vw,56px) !important; line-height:1.07 !important}
.page-head p{font-family:var(--sf) !important; font-size:17px !important; color:var(--text-secondary) !important; letter-spacing:-0.022em !important; margin-top:10px !important}
.card-title{font-weight:600; letter-spacing:-0.01em}
.price{font-family:var(--sf) !important; font-weight:600 !important; letter-spacing:-0.01em}
.field label{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.meta{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.cond{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.plate-small{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.hint{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.pay-note{font-family:var(--sf) !important; text-transform:none !important}
.divider{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.tag{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.btn{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.022em !important; border-radius:980px !important; box-shadow:none !important; transition:background-color .3s cubic-bezier(.4,0,.6,1), color .3s cubic-bezier(.4,0,.6,1) !important}
.sell-cta{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.022em !important; border-radius:980px !important; box-shadow:none !important; transition:background-color .3s cubic-bezier(.4,0,.6,1), color .3s cubic-bezier(.4,0,.6,1) !important}
.mini-btn{font-family:var(--sf) !important; box-shadow:none !important; transition:background-color .3s cubic-bezier(.4,0,.6,1), color .3s cubic-bezier(.4,0,.6,1) !important}
.g-btn{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.022em !important; box-shadow:none !important; transition:background-color .3s cubic-bezier(.4,0,.6,1), color .3s cubic-bezier(.4,0,.6,1) !important}
.btn-volt{background:var(--button) !important; color:#ffffff !important; border:none !important; padding:11px 21px !important; font-size:17px !important}
.btn-ghost{background:transparent !important; border:none !important; box-shadow:none !important; width:auto !important; padding:8px 2px !important; font-size:15px !important; color:var(--text-secondary, #6e6e73) !important; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; border-radius:0 !important}
.btn-ghost:hover{color:var(--text-primary) !important}
.btn-ink{background:transparent !important; color:var(--text-primary) !important; border:1.5px solid rgba(128,128,128,.9) !important; box-shadow:none !important; padding:11px 21px !important; font-size:17px !important; border-radius:980px !important}
.btn-ink:hover{border-color:currentColor !important}
.sell-cta{background:var(--button) !important; color:#ffffff !important; border:none !important}
.modal .btn-volt{background:var(--button) !important; color:#ffffff !important; border:none !important; padding:11px 21px !important; font-size:17px !important}
.modal .btn-ink{background:var(--button) !important; color:#ffffff !important; border:none !important; padding:11px 21px !important; font-size:17px !important}
.btn-volt:hover{background:var(--button-hover) !important; transform:none !important}
.btn-ink:hover{background:var(--button-hover) !important; color:#ffffff !important; transform:none !important}
.sell-cta:hover{background:var(--button-hover) !important; transform:none !important}
.btn-volt:active{background:var(--button-active) !important}
.btn-ink:active{background:var(--button-active) !important}
.sell-cta:active{background:var(--button-active) !important}
.modal .btn-ghost:hover{background:var(--text-primary) !important; color:#ffffff !important}
.g-btn{background:#ffffff !important; color:var(--text-primary) !important; border:1px solid var(--border) !important; font-size:15px !important; border-radius:980px !important}
.g-btn:hover{background:var(--fill-hover) !important}
.sell-cta{font-size:15px !important; padding:8px 18px !important}
.f-link{color:var(--link) !important; text-decoration:none !important; font-weight:400 !important}
a.link{color:var(--link) !important; text-decoration:none !important; font-weight:400 !important}
.f-link:hover{text-decoration:underline !important}
a.link:hover{text-decoration:underline !important}
.top{background:rgba(255,255,255,.8) !important; -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); color:var(--text-primary) !important; border-bottom:none !important; box-shadow:none !important}
.logo{color:var(--text-primary) !important; opacity:1 !important}
.logo-mark{color:var(--text-primary) !important; opacity:1 !important}
.tab{color:var(--text-primary) !important; opacity:.72 !important; font-size:13px !important; border-bottom:2px solid transparent !important; text-transform:none !important; letter-spacing:-0.01em !important; font-family:var(--sf) !important}
.search-hero{border:none !important; background:var(--bg-secondary) !important; border-radius:980px !important; box-shadow:none !important}
.search-hero input{border:none !important; background:var(--bg-secondary) !important; border-radius:980px !important; box-shadow:none !important}
.search-hero{padding:2px 6px !important}
.search-hero input{font-family:var(--sf) !important; font-size:15px !important; color:var(--text-primary) !important}
.search-hero input::placeholder{color:var(--text-secondary) !important}
.search-hero:focus-within{background:var(--card) !important; box-shadow:0 0 0 4px var(--focus-ring) !important}
.tab:hover{opacity:1 !important}
.tab.active{opacity:1 !important; border-bottom:2px solid var(--text-primary) !important}
.account-chip{background:var(--bg-secondary) !important; border:none !important; color:var(--text-primary) !important; font-family:var(--sf) !important}
.garage-chip{background:var(--bg-secondary) !important; border:none !important; color:var(--text-primary) !important; font-family:var(--sf) !important}
.icon-btn{background:var(--bg-secondary) !important; border:none !important; color:var(--text-primary) !important; font-family:var(--sf) !important}
.account-chip:hover{background:var(--fill-hover) !important}
.garage-chip:hover{background:var(--fill-hover) !important}
.icon-btn:hover{background:var(--fill-hover) !important}
.account-chip strong{color:var(--text-primary) !important; font-weight:600 !important}
.garage-chip strong{color:var(--text-primary) !important; font-weight:600 !important}
.avatar{background:var(--fill-hover) !important; color:var(--text-primary) !important; font-family:var(--sf) !important; font-weight:600 !important}
.filters{border-top:none !important; padding-top:8px !important}
.filters select{border:none !important; background:var(--bg-secondary) !important; border-radius:980px !important; padding:10px 18px !important; font-family:var(--sf) !important; font-size:15px !important; color:var(--text-primary) !important}
.filters input[type=number]{border:none !important; background:var(--bg-secondary) !important; border-radius:980px !important; padding:10px 18px !important; font-family:var(--sf) !important; font-size:15px !important; color:var(--text-primary) !important}
.filters select:focus{background:#ffffff !important; box-shadow:0 0 0 4px var(--focus-ring) !important}
.cat-item{background:var(--bg-secondary) !important; border:none !important; border-radius:980px !important; color:var(--text-primary) !important; font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important}
.cat-item:hover{background:var(--fill-hover) !important}
.cat-item.on{background:var(--text-primary) !important; color:#ffffff !important}
.chip.on{background:var(--text-primary) !important; color:#ffffff !important; border-color:var(--text-primary) !important}
.fit-chip.on{background:var(--text-primary) !important; color:#ffffff !important; border-color:var(--text-primary) !important}
.rect-btn.on{background:var(--text-primary) !important; color:#ffffff !important; border-color:var(--text-primary) !important}
.pc-follow.on{background:var(--text-primary) !important; color:#ffffff !important; border-color:var(--text-primary) !important}
.st-armed{border-color:var(--text-primary) !important}
.chip{border:1px solid var(--border) !important; border-radius:980px !important; background:#ffffff !important; text-transform:none !important; letter-spacing:-0.01em !important; font-family:var(--sf) !important}
.fit-chip{border:1px solid var(--border) !important; border-radius:980px !important; background:#ffffff !important; text-transform:none !important; letter-spacing:-0.01em !important; font-family:var(--sf) !important}
.rect-btn{border:1px solid var(--border) !important; border-radius:980px !important; background:#ffffff !important; text-transform:none !important; letter-spacing:-0.01em !important; font-family:var(--sf) !important}
.rect-btn:not(.on):hover{background:var(--fill-hover) !important}
.panel{border:none !important; border-radius:18px !important; box-shadow:2px 4px 12px rgba(0,0,0,.08) !important}
.plate{background:var(--bg-secondary) !important; background-image:none !important; color:var(--text-secondary) !important}
.card-photo{background:var(--bg-secondary) !important; background-image:none !important; color:var(--text-secondary) !important}
.crop-vp{background:var(--bg-secondary) !important; background-image:none !important; color:var(--text-secondary) !important}
.plate.plate-bike{background:var(--bg-secondary) !important; color:var(--text-primary) !important}
.badge{font-family:var(--sf) !important; border-radius:980px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important}
.badge-fits{background:var(--button) !important; color:#ffffff !important; border:none !important}
.badge-boost{background:var(--button) !important; color:#ffffff !important; border:none !important}
.badge-trade{background:rgba(255,255,255,.9) !important; color:var(--text-primary) !important}
.plate-bike .badge-fits{background:var(--button) !important; color:#ffffff !important}
.book-panel *{font-family:var(--sf) !important}
.gs-strip{background:var(--bg-secondary) !important; color:var(--text-primary) !important; border:none !important; border-radius:18px !important}
.modal-head{background:rgba(255,255,255,.9) !important; color:var(--text-primary) !important; -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); border-bottom:1px solid var(--border) !important}
.modal{border-radius:18px !important; border:none !important; box-shadow:2px 4px 24px rgba(0,0,0,.16) !important}
.drawer{border-radius:18px !important; border:none !important; box-shadow:2px 4px 24px rgba(0,0,0,.16) !important}
.modal-scrim{background:rgba(0,0,0,.4) !important}
.modal-head span{font-family:var(--sf) !important; font-size:12px !important; letter-spacing:-0.01em !important; text-transform:none !important; color:var(--text-secondary) !important}
.modal-sub{font-family:var(--sf) !important}
.field input{border:1px solid var(--text-tertiary) !important; border-radius:12px !important; background:#ffffff !important; color:var(--text-primary) !important; padding:14px 16px !important; font-family:var(--sf) !important; font-size:15px !important}
.field select{border:1px solid var(--text-tertiary) !important; border-radius:12px !important; background:#ffffff !important; color:var(--text-primary) !important; padding:13px 16px !important; font-family:var(--sf) !important; font-size:15px !important}
.field textarea{border:1px solid var(--text-tertiary) !important; border-radius:12px !important; background:#ffffff !important; color:var(--text-primary) !important; padding:14px 16px !important; font-family:var(--sf) !important; font-size:15px !important}
.field input:focus{outline:none !important; border-color:var(--button) !important; box-shadow:0 0 0 4px var(--focus-ring) !important}
.field select:focus{outline:none !important; border-color:var(--button) !important; box-shadow:0 0 0 4px var(--focus-ring) !important}
.field textarea:focus{outline:none !important; border-color:var(--button) !important; box-shadow:0 0 0 4px var(--focus-ring) !important}
.ship-est{border:1px solid var(--border) !important; background:var(--bg-secondary) !important; font-family:var(--sf) !important; border-radius:12px !important}
.bubble{background:var(--bg-secondary) !important; color:var(--text-primary) !important; border:none !important; border-radius:18px !important}
.bubble.me{background:var(--button) !important; color:#ffffff !important; border-bottom-right-radius:6px !important}
.msg-av-them{background:var(--fill-hover) !important; color:var(--text-primary) !important}
.t-av{background:var(--fill-hover) !important; color:var(--text-primary) !important}
.bottomnav{background:rgba(255,255,255,.85) !important; -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); border-top:1px solid var(--border) !important}
.bn-item{color:var(--text-primary) !important; opacity:.8 !important; font-family:var(--sf) !important; font-size:10px !important; text-transform:none !important; letter-spacing:-0.01em !important}
.bn-item.on{opacity:1 !important}
.bn-item:hover{opacity:1 !important}
footer{border-top:1px solid var(--border) !important; background:var(--bg-secondary) !important}
footer p{font-family:var(--sf) !important; color:var(--text-secondary) !important; font-size:12px !important}
.foot-bar{font-family:var(--sf) !important; color:var(--text-secondary) !important; font-size:12px !important; border-top:1px solid var(--border) !important}
.foot-grid a{color:var(--text-secondary) !important}
.foot-grid a:hover{color:var(--text-primary) !important}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important; animation:none !important}
}
.search-hero input{padding:10px 18px 10px 46px !important; height:52px !important}
.alert-status{font-family:var(--sf) !important; text-transform:none !important; letter-spacing:-0.01em !important; font-size:12px !important; font-weight:500 !important; padding:4px 11px !important; border-radius:980px !important; border:none !important}
.st-armed{background:var(--pill-muted, var(--bg-secondary)) !important; color:var(--text-secondary) !important}
.st-matched{background:rgba(0,113,227,.12) !important; color:var(--link) !important}
.st-done{background:rgba(29,122,70,.12) !important; color:#1d7a46 !important}
.st-disp{background:rgba(227,0,0,.10) !important; color:var(--error) !important}
.alert-item{border:none !important; border-left:none !important; border-radius:18px !important; box-shadow:2px 4px 12px rgba(0,0,0,.06) !important}
.alert-item.matched{background:#ffffff !important; box-shadow:0 0 0 1.5px var(--link) inset, 2px 4px 12px rgba(0,0,0,.06) !important}
.mini-btn{background:var(--bg-secondary) !important; color:var(--text-primary) !important; border:none !important; border-radius:980px !important; font-size:13px !important; padding:7px 14px !important; text-transform:none !important; letter-spacing:-0.016em !important}
.mini-btn:hover{background:var(--fill-hover) !important}
.d-desc{overflow-wrap:anywhere; white-space:pre-line !important; font-size:15px !important; color:var(--text-primary) !important; line-height:1.55 !important}
.mini-map{border:1px solid var(--border) !important; border-radius:14px !important}
.mini-map svg image{filter:saturate(.4) contrast(1.03) !important}
.bubble.me .mini-btn{background:#ffffff !important; color:var(--link) !important; font-weight:500 !important; border:none !important}
.bubble.me .mini-btn:hover{background:rgba(255,255,255,.88) !important}
.bubble.me input{border:none !important; border-radius:980px !important; background:rgba(255,255,255,.94) !important; color:#1d1d1f !important; font-family:var(--sf) !important; font-size:13px !important; padding:7px 12px !important}
.bubble.me input::placeholder{color:var(--text-tertiary) !important}
.order-card{border:none !important; border-radius:18px !important; box-shadow:2px 4px 12px rgba(0,0,0,.06) !important}
.order-actions{gap:8px !important}
.btn{font-weight:600 !important}
.btn-volt{font-weight:600 !important}
.btn-ink{font-weight:600 !important}
.btn-ghost{font-weight:600 !important}
.sell-cta{font-weight:600 !important}
.mini-btn{font-weight:600 !important}
.g-btn{font-weight:600 !important}
.rect-btn{font-weight:600 !important}
.cat-item{font-weight:600 !important}
.chip{font-weight:600 !important}
.fit-chip{font-weight:600 !important}
.tab{font-weight:600 !important}
.mk-item{font-weight:600 !important}
.bn-item{font-weight:600 !important}
.icon-btn{font-weight:600 !important}
.account-chip{font-weight:600 !important}
.garage-chip{font-weight:600 !important}
button.link-plain{font-weight:600 !important}
.ac-item{font-weight:600 !important}
.tab.active{font-weight:600 !important}
.mk-item.on{font-weight:600 !important}
.cat-item.on{font-weight:600 !important}
.ico{vertical-align:-2px; flex-shrink:0}
.shield .ico{vertical-align:-3px}
.badge .ico{width:12px; height:12px; vertical-align:-2px}
.search-ico{display:inline-flex; align-items:center; color:var(--text-tertiary) !important; font-size:0 !important}
.hero::after{display:none !important; content:none !important}
.page-head h1::after{display:none !important; content:none !important}
@media (min-width:641px) and (max-width:999px){
  .hero .search-row{display:flex !important; flex-wrap:wrap; gap:10px; grid-template-columns:none !important}
  .hero .search-row > div:first-child{flex:0 0 auto; display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0}
  .hero .search-row .search-hero{flex:1 1 260px; margin-top:0 !important; min-width:0}
  .hero .search-row #locChip{margin-top:0 !important; flex:0 0 auto}
  .hero .side-stack{flex-direction:row !important; flex-wrap:wrap; align-items:center; gap:10px; flex:0 1 auto}
  .hero .side-stack .rect-btn{width:auto !important; margin:0 !important; white-space:nowrap}
}
@media (max-width:999px){
  .hero{padding:28px 0 18px !important}
}
@media (max-width:1150px){
  .garage-chip{display:none !important}
}
@media (min-width:1000px){
  .hero{padding:8px 0 14px !important}
}
.empty{padding:56px 20px !important}
.gs-strip{position:relative}
.alert-item{position:relative}
.order-card{position:relative}
.media-thumb{position:relative}
.modal{position:relative}
.drawer{position:relative}
.x-close{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; color:var(--text-secondary) !important; font-size:15px !important; font-weight:400 !important; line-height:1 !important; padding:0 !important; width:22px !important; height:22px !important; display:inline-flex !important; align-items:center; justify-content:center; cursor:pointer; transition:color .3s cubic-bezier(.4,0,.6,1) !important}
.gs-close{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; color:var(--text-secondary) !important; font-size:15px !important; font-weight:400 !important; line-height:1 !important; padding:0 !important; width:22px !important; height:22px !important; display:inline-flex !important; align-items:center; justify-content:center; cursor:pointer; transition:color .3s cubic-bezier(.4,0,.6,1) !important}
.close-btn{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; color:var(--text-secondary) !important; font-size:15px !important; font-weight:400 !important; line-height:1 !important; padding:0 !important; width:22px !important; height:22px !important; display:inline-flex !important; align-items:center; justify-content:center; cursor:pointer; transition:color .3s cubic-bezier(.4,0,.6,1) !important}
.media-thumb .rm{padding:0 !important; display:inline-flex !important; align-items:center; justify-content:center; cursor:pointer; transition:color .3s cubic-bezier(.4,0,.6,1) !important}
.dock-head-x{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; color:var(--text-secondary) !important; font-size:15px !important; font-weight:400 !important; line-height:1 !important; padding:0 !important; width:22px !important; height:22px !important; align-items:center; justify-content:center; cursor:pointer; transition:color .3s cubic-bezier(.4,0,.6,1) !important}
.dock-btn{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; color:var(--text-secondary) !important; font-size:15px !important; font-weight:400 !important; line-height:1 !important; padding:0 !important; width:22px !important; height:22px !important; display:inline-flex !important; align-items:center; justify-content:center; cursor:pointer; transition:color .3s cubic-bezier(.4,0,.6,1) !important}
.x-close:hover{background:none !important; color:var(--text-primary) !important; transform:none !important}
.gs-close:hover{background:none !important; color:var(--text-primary) !important; transform:none !important}
.close-btn:hover{background:none !important; color:var(--text-primary) !important; transform:none !important}
.dock-head-x:hover{background:none !important; color:var(--text-primary) !important; transform:none !important}
.dock-btn:hover{background:none !important; color:var(--text-primary) !important; transform:none !important}
.x-close:focus-visible{box-shadow:0 0 0 4px var(--focus-ring) !important; border-radius:6px !important}
.gs-close:focus-visible{box-shadow:0 0 0 4px var(--focus-ring) !important; border-radius:6px !important}
.close-btn:focus-visible{box-shadow:0 0 0 4px var(--focus-ring) !important; border-radius:6px !important}
.x-close{position:absolute !important; top:12px !important; right:12px !important; margin:0 !important}
.gs-close{position:absolute !important; top:12px !important; right:12px !important; margin:0 !important}
.alert-item{padding-right:46px !important}
.order-card{padding-right:46px !important}
.gs-strip{padding-right:44px !important}
.modal-head{padding-right:44px !important; position:sticky}
.modal-head .close-btn{position:absolute !important; top:50% !important; right:12px !important; transform:translateY(-50%) !important; color:var(--text-secondary) !important}
.media-thumb .rm{position:absolute !important; top:5px !important; right:5px !important; color:#fff !important; width:24px !important; height:24px !important; transform:none !important; background:rgba(0,0,0,.55) !important; border:none !important; border-radius:50% !important; box-shadow:0 0 0 1px rgba(255,255,255,.35) !important}
.media-thumb .rm:hover{background:rgba(0,0,0,.75) !important}
.dock-head-x{position:absolute !important; top:6px !important; right:6px !important; display:inline-flex !important}
.modal-head .close-btn{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important}
.dock-head .dock-head-x{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important}
.gs-strip .gs-close{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important}
.alert-item .x-close{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important}
.order-card .x-close{background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important}
@media (max-width:640px){
  .hero .search-row{align-items:stretch !important}
  .hero .search-row > *{width:100% !important; max-width:none !important}
  .hero .search-row .search-hero{max-width:none !important; margin-top:0 !important}
  .hero .search-row #locChip{width:auto !important; align-self:flex-start !important}
  .hero .side-stack{flex-direction:row !important; flex-wrap:wrap; align-items:center}
  .hero .side-stack .rect-btn{width:auto !important; margin:0 !important}
}
@media (min-width:641px) and (max-width:999px){
  .hero .search-row{align-items:center !important}
}
.modal-title .ico{display:none !important}
.big .ico{display:none !important}
.page-head h1 .ico{display:none !important}
.modal-head{padding:13px 22px !important}
.modal-body{padding:20px 22px 22px !important}
.modal-head span{line-height:1.33 !important}
.modal-title{font-size:26px !important; line-height:1.15 !important; letter-spacing:-0.005em !important; font-weight:600 !important; margin-bottom:8px !important; text-wrap:balance}
.modal-sub{font-size:15px !important; line-height:1.47 !important; letter-spacing:-0.016em !important; color:var(--text-secondary) !important; margin-bottom:20px !important; max-width:46ch}
.modal-sub strong{color:var(--text-primary) !important; font-weight:600 !important}
.modal-body .btn + .btn{margin-top:10px !important}
.modal-body .btn{width:100% !important}
.pay-note{font-size:12px !important; line-height:1.4 !important; margin-top:14px !important; letter-spacing:-0.01em !important}
.field label{font-size:13px !important; font-weight:600 !important; color:var(--text-primary) !important; margin-bottom:6px !important; display:block}
.field{margin-bottom:16px !important}
.panel h3{font-size:13px !important; font-weight:600 !important; color:var(--text-secondary) !important; letter-spacing:-0.01em !important; text-transform:none !important}
.label-only label{font-size:13px !important; font-weight:600 !important; color:var(--text-secondary) !important; letter-spacing:-0.01em !important; text-transform:none !important}
.search-row{display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; grid-template-columns:none !important; max-width:none !important}
.sr-main{width:100% !important}
.sr-main .search-hero{max-width:none !important; margin-top:0 !important; width:100% !important}
.sr-tools{display:flex !important; flex-direction:row !important; flex-wrap:wrap; align-items:center; gap:8px !important; width:100% !important}
.sr-tools .rect-btn{width:auto !important; margin:0 !important; white-space:nowrap}
@media (min-width:1000px){
  .search-row{flex-direction:row !important; align-items:center !important; gap:10px !important}
  .sr-main{flex:1 1 auto !important; width:auto !important}
  .sr-tools{width:auto !important; flex:0 0 auto !important}
}
.logo{gap:9px !important; align-items:center !important}
.logo-img{width:32px !important; height:32px !important; opacity:1 !important; filter:brightness(0) saturate(100%) invert(31%) sepia(93%) saturate(1352%)
         hue-rotate(196deg) brightness(97%) contrast(101%) !important}
header.top .logo-img{filter:brightness(0) saturate(100%) invert(31%) sepia(93%) saturate(1352%)
         hue-rotate(196deg) brightness(97%) contrast(101%) !important}
.top{height:56px !important}
@media (max-width:820px){
  .logo-img{width:30px !important; height:30px !important}
  .tabs{gap:0 !important}
  .tab[data-tab="alerts"]{display:none !important}
}
img.logo-mark{display:inline-block !important; height:26px !important; width:auto !important; opacity:1 !important; filter:brightness(0) !important}
@media (max-width:820px){
  img.logo-mark{display:inline-block !important; height:24px !important}
}
.tabs{display:flex !important; flex:1 1 auto !important; min-width:0 !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; gap:2px !important; padding-right:6px !important}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto !important; white-space:nowrap !important; padding:0 12px !important}
.tabs .tab{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; line-height:1 !important}
.tab[data-tab="market"]{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; line-height:1 !important}
.tab[data-tab="trades"]{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; line-height:1 !important}
.tab[data-tab="orders"]{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; line-height:1 !important}
.tab[data-tab="garage"]{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; line-height:1 !important}
.tab[data-tab="alerts"]{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:100% !important; line-height:1 !important}
.tabs{align-items:stretch !important}
.book-tag{display:none !important}
#bookHint{display:none !important}
html.dark{color-scheme:dark; --bg-primary:#161617; --bg-secondary:#1d1d1f; --bg-tertiary:#1a1a1c; --text-primary:#f5f5f7; --text-secondary:#a1a1a6; --text-tertiary:#86868b; --link:#2997ff; --border:#3a3a3c; --focus-ring:rgba(41,151,255,.9); --paper:#161617; --ink:#f5f5f7; --volt:#0a84ff; --volt-deep:#0077e6; --steel:#a1a1a6; --line:#3a3a3c; --card:#1d1d1f; --plate:#2c2c2e}
html.dark body{background:#161617 !important; color:#f5f5f7 !important}
html.dark .top{background:rgba(22,22,23,.82) !important; border-bottom:1px solid #3a3a3c !important}
html.dark .tab{color:#a1a1a6 !important}
html.dark .tab.active{color:#f5f5f7 !important; border-color:#f5f5f7 !important}
html.dark img.logo-mark{filter:brightness(0) invert(1) !important}
html.dark .logo-badge{background:#f5f5f7 !important; color:#161617 !important}
html.dark .panel{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .card{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .modal{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .drawer{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .trust-cell{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .alert-item{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .order-card{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .acct-row{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .mk-side{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .card-body{color:#f5f5f7 !important; background:transparent !important}
html.dark .modal-body{color:#f5f5f7 !important; background:transparent !important}
html.dark .modal-head{background:#1d1d1f !important; color:#f5f5f7 !important; border-color:#3a3a3c !important}
html.dark .modal-scrim{background:rgba(0,0,0,.6) !important}
html.dark .plate{background:#2c2c2e !important}
html.dark .hero{background:transparent !important}
html.dark .page-head{background:transparent !important}
html.dark .trust-strip{background:transparent !important}
html.dark h1{color:#f5f5f7 !important}
html.dark h2{color:#f5f5f7 !important}
html.dark h3{color:#f5f5f7 !important}
html.dark h4{color:#f5f5f7 !important}
html.dark .modal-title{color:#f5f5f7 !important}
html.dark .card-title{color:#f5f5f7 !important}
html.dark .mk-title{color:#f5f5f7 !important}
html.dark p{color:#a1a1a6 !important}
html.dark .meta{color:#a1a1a6 !important}
html.dark .hint{color:#a1a1a6 !important}
html.dark .modal-sub{color:#a1a1a6 !important}
html.dark .pay-note{color:#a1a1a6 !important}
html.dark .cond{color:#a1a1a6 !important}
html.dark .field label{color:#a1a1a6 !important}
html.dark .k{color:#a1a1a6 !important}
html.dark input{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .field input:focus{border-color:var(--volt) !important}
html.dark select:not(#marketSort){background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark textarea{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark input::placeholder{color:var(--text-secondary) !important}
html.dark textarea::placeholder{color:var(--text-secondary) !important}
html.dark .rect-btn{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .g-btn{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .mini-btn{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .mk-item{color:#f5f5f7 !important}
html.dark .rect-btn:hover{background:#3a3a3c !important}
html.dark .mini-btn:hover{background:#3a3a3c !important}
html.dark .mk-item:hover{background:#3a3a3c !important}
html.dark .chip{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .chip:hover{background:#3a3a3c !important}
html.dark .mk-item{background:transparent !important; border-color:transparent !important}
html.dark .mk-item.on{color:#fff !important}
html.dark .mk-item.cat-item.on{color:#fff !important}
html.dark .mk-ico{background:#3a3a3c !important; color:#f5f5f7 !important}
html.dark .mk-item.on .mk-ico{background:rgba(255,255,255,.2) !important; color:#fff !important}
html.dark .btn-ghost{border-color:#2997ff !important; background:transparent !important}
html.dark .mk-search{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .mk-div{background:#3a3a3c !important; border-color:#3a3a3c !important}
html.dark .divider{background:#3a3a3c !important; border-color:#3a3a3c !important}
html.dark footer{background:#1d1d1f !important; color:#a1a1a6 !important; border-color:#3a3a3c !important}
html.dark .footer{background:#1d1d1f !important; color:#a1a1a6 !important; border-color:#3a3a3c !important}
html.dark .f-wordmark{filter:brightness(0) invert(1) !important}
html.dark .btn-ink{color:#f5f5f7 !important}
html.dark .btn-ink:hover{color:#ffffff !important}
html.dark .btn-ghost{color:#a1a1a6 !important}
html.dark .btn-ghost:hover{color:#f5f5f7 !important}
html.dark .dock{background:rgba(22,22,23,.92) !important; border-color:#3a3a3c !important; border-top-color:#3a3a3c !important}
html.dark .bottomnav{background:rgba(22,22,23,.92) !important; border-color:#3a3a3c !important; border-top-color:#3a3a3c !important}
html.dark .bn-item{color:#a1a1a6 !important}
html.dark .bn-item.active{color:#2997ff !important}
html.dark .escrow-note{background:rgba(10,132,255,.14) !important; color:var(--ink) !important; border:0 !important}
html.dark .ac-list{background:#1d1d1f !important; border-color:#3a3a3c !important}
html.dark .ac-item{color:#f5f5f7 !important}
html.dark .ac-item:hover{background:#2c2c2e !important}
html.dark .chip.on{background:#f5f5f7 !important; color:#161617 !important; border-color:#f5f5f7 !important}
html.dark .fit-chip.on{background:#f5f5f7 !important; color:#161617 !important; border-color:#f5f5f7 !important}
html.dark .rect-btn.on{background:#f5f5f7 !important; color:#161617 !important; border-color:#f5f5f7 !important}
html.dark .pc-follow.on{background:#f5f5f7 !important; color:#161617 !important; border-color:#f5f5f7 !important}
html.dark .cat-item.on{background:#f5f5f7 !important; color:#161617 !important; border-color:#f5f5f7 !important}
html.dark .fit-chip{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .pc-follow{background:#2c2c2e !important; color:#f5f5f7 !important; border-color:#48484a !important}
html.dark .badge-trade{color:#161617 !important}
html.dark{--good:#30d158; --success:#30d158; --bad:#ff453a; --danger:#ff453a; --error:#ff453a; --info:#409cff; --new-label:#ff9f0a; --fill-hover:#3a3a3c}
html.dark .st-done{background:rgba(48,209,88,.15) !important; color:#30d158 !important}
html.dark .st-matched{background:rgba(64,156,255,.15) !important; color:#409cff !important}
html.dark .ver-badge{background:#1d7a46 !important; color:#ffffff !important}
html.dark .badge-freeship{background:#1d7a46 !important}
html.dark .badge-hot{background:var(--danger-hover) !important}
html.dark .modal .btn-danger{background:var(--danger-hover) !important; border-color:var(--danger-hover) !important}
html.dark .mk-item.on{background:#0071e3 !important}
html.dark .mk-item.cat-item.on{background:#0071e3 !important}
html.dark button[disabled]{background:#0d0d0e !important; border-color:#3a3a3c !important}
@media (min-width:1000px){
  main{display:flex; align-items:flex-start; gap:26px; max-width:1560px; margin:0 auto; padding:0 22px}
  main > .mk-side{display:block; flex:0 0 272px; position:sticky; top:78px}
  .main-col{flex:1 1 auto; min-width:0}
  .mk-layout{display:block !important}
}
@media (max-width:999px){
  main > .mk-side{display:none !important}
}
.logo-badge{font-size:10px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; background:var(--ink); color:var(--paper); padding:3px 8px; border-radius:6px; margin-left:10px; align-self:center; line-height:1.4}
@media (max-width:520px){
  .logo-badge{display:none}
}
.mk-map-change{opacity:0 !important; background:#0071e3 !important; color:#fff !important; font-weight:600 !important; font-size:12px !important; padding:6px 14px !important; border-radius:980px !important; box-shadow:0 1px 4px rgba(0,0,0,.28); transition:opacity .18s ease; pointer-events:none}
.mk-map-label strong{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
.mk-map-label span:not(.mk-map-change){white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
.mk-map:is(:hover,:focus-visible) .mk-map-change{opacity:1 !important}
.mk-map:is(:hover,:focus-visible) .mk-map-label :is(strong,span:not(.mk-map-change)){text-overflow:clip; -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 126px), transparent calc(100% - 88px)); mask-image:linear-gradient(to right, #000 calc(100% - 126px), transparent calc(100% - 88px))}
@media (hover:none){
  .mk-map .mk-map-change{opacity:1 !important}
  .mk-map .mk-map-label :is(strong,span:not(.mk-map-change)){text-overflow:clip; -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 126px), transparent calc(100% - 88px)); mask-image:linear-gradient(to right, #000 calc(100% - 126px), transparent calc(100% - 88px))}
}
#ageBody .btn{display:block; width:100%}
#ageBody .age-exit{margin-top:10px}
.mini-btn.x-close{background:none !important; border:none !important; box-shadow:none !important}
html.dark .mini-btn.x-close{background:none !important; border:none !important; box-shadow:none !important}
html.dark .x-close{background:none !important; color:#a1a1a6 !important}
html.dark .gs-close{background:none !important; color:#a1a1a6 !important}
html.dark .close-btn{background:none !important; color:#a1a1a6 !important}
html.dark .x-close:hover{color:#f5f5f7 !important}
html.dark .close-btn:hover{color:#f5f5f7 !important}
.hero{padding:8px 0 8px !important}
.gs-strip{margin-top:8px !important}
@media (max-width:640px){
  .hero{padding:4px 0 6px !important}
  .hero .search-row{gap:8px !important}
  .hero .side-stack{gap:6px !important}
  .hero #locChip{margin-top:0 !important}
}
@media (max-width:820px){
  header .tabs{display:none !important}
}
.book-panel .btn{font-size:16px !important; font-weight:700 !important; padding:12px 18px !important}
#view-settings .panel{margin-bottom:16px}
.offer-card.offer-big{display:block; max-width:min(92%, 360px); padding:14px 16px 12px; border-radius:16px}
.offer-card.offer-big.me{margin-left:auto}
.offer-card.offer-big.accepted{background:var(--card); border-color:var(--good, #1a7f37)}
.offer-kicker{font-size:13px; font-weight:500; color:var(--steel); margin-bottom:2px}
.offer-amt{font-family:var(--body); font-weight:800; font-size:34px; letter-spacing:-.02em; line-height:1.05; margin:2px 0 10px}
.offer-card.offer-big.me .offer-amt{font-size:26px}
.offer-actions{display:flex; gap:8px; margin-bottom:10px}
.offer-actions .btn{flex:1; padding:11px 12px; font-size:14px}
.offer-accept{font-weight:700}
.offer-state{font-size:13px; font-weight:600; margin:-4px 0 6px}
.offer-state.ok{color:var(--good, #1a7f37)}
.live-offers{margin-bottom:18px}
.live-offers .offer-row{display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line, #e5e5ea); flex-wrap:wrap}
.live-offers .offer-row:last-child{border-bottom:none}
.live-offers .offer-who{flex:1; min-width:180px}
.live-offers .offer-who strong{display:block; font-size:14px}
.live-offers .offer-who span{font-size:12px; color:var(--steel)}
.live-offers .offer-amt{margin:0; font-size:28px}
.live-offers .offer-actions{margin:0; gap:6px}
.live-offers .offer-actions .btn{padding:9px 12px; font-size:13px; flex:none}
html.dark .offer-card.offer-big.accepted{background:#1c1c1e}
#listingBody{max-width:1360px}
.fbl{display:flex; align-items:stretch; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--paper); margin-top:12px; box-shadow:0 1px 2px rgba(0,0,0,.06)}
.fbl-stage{flex:1 1 auto; position:relative; background:#141413; display:flex; min-height:76vh; overflow:hidden}
.fbl-bg{position:absolute; inset:-40px; background-size:cover; background-position:center; filter:blur(46px) brightness(.4); transform:scale(1.15)}
.fbl-mainwrap{position:relative; z-index:1; width:100%; display:flex; align-items:center; justify-content:center}
.fbl-main{max-width:100%; object-fit:contain; display:block}
img.fbl-main{cursor:zoom-in}
video.fbl-main{width:min(96%,900px); background:#000}
.fbl-nav{position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:#fff; color:#111; border:none; font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 10px rgba(0,0,0,.4); z-index:3; cursor:pointer}
@media (hover:hover){ .fbl-nav:hover{background:var(--volt)} }
.fbl-prev{left:16px}
.fbl-next{right:16px}
.fbl-x{top:16px; left:16px; transform:none; font-size:16px}
.fbl-count{position:absolute; top:22px; right:18px; z-index:3; background:rgba(0,0,0,.65); color:#fff; font-family:var(--mono); font-size:11px; letter-spacing:1px; padding:5px 10px; border-radius:999px}
.fbl-thumbs{bottom:12px; left:0; right:0; display:flex; gap:8px; justify-content:center; overflow-x:auto}
.fbl-thumbs img, .fbl-vthumb{width:54px; height:54px; object-fit:cover; border-radius:8px; border:2px solid rgba(255,255,255,.35); opacity:.72; cursor:pointer; flex-shrink:0; transition:opacity .12s}
.fbl-vthumb{display:flex; align-items:center; justify-content:center; background:#000; color:#fff; font-size:16px; padding:0}
.fbl-thumbs img.on, .fbl-vthumb.on{border-color:#fff; opacity:1}
.fbl-thumbs img:hover, .fbl-vthumb:hover{opacity:1}
.fbl-panel{width:420px; max-width:44%; flex-shrink:0; overflow-y:auto; max-height:76vh; padding:20px 22px 30px; border-left:1px solid var(--line)}
.fbl-title{font-size:24px; line-height:1.22; font-weight:700; overflow-wrap:anywhere}
.fbl-price{font-family:var(--mono); font-size:22px; font-weight:600; margin:8px 0 2px; display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.fbl-listed{font-family:var(--mono); font-size:12px; color:var(--steel); margin-top:4px}
.fbl-actions{display:flex; gap:8px}
.fbl-actions .btn{flex:1; padding:11px 8px; font-size:12px; letter-spacing:1px}
.fbl-sec{margin-top:20px; padding-top:16px; border-top:1px solid var(--line)}
.fbl-sec h3{font-size:17px; font-weight:700; margin-bottom:6px}
.fbl-row{display:flex; gap:11px; align-items:flex-start; padding:7px 0; font-size:13.5px; line-height:1.45; color:#33322E}
.fbl-row > span{min-width:0; overflow-wrap:anywhere}
.fbl-row .fbl-ic{flex-shrink:0; margin-top:1px; color:var(--steel)}
.fbl-quickrow{display:flex; gap:8px; margin-top:8px; align-items:flex-end}
.fbl-quickrow input, .fbl-quickrow textarea{flex:1; padding:12px 13px; border:2px solid var(--ink); border-radius:var(--radius); font-size:14px}
@media (max-width:1000px){
  .fbl{flex-direction:column}
  .fbl-panel{width:100%; max-width:none; max-height:none; border-left:none; border-top:1px solid var(--line)}
  .fbl-thumbs{justify-content:flex-start}
  .fbl-nav{width:38px; height:38px}
}
.fbl-pillrow{display:flex; gap:8px; align-items:stretch}
.fbl-pill{flex:1; display:flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 12px; border:none; border-radius:980px; background:var(--card); color:var(--ink); font-weight:600; font-size:13px; letter-spacing:0; text-transform:none; cursor:pointer; white-space:nowrap; transition:background .12s}
.fbl-pill:hover{background:var(--line)}
.fbl-pill:active{transform:scale(.97)}
.fbl-quicklabel{font-size:14px; font-weight:700; margin-bottom:6px}
.fbl-quick .fbl-quickrow input, .fbl-quick .fbl-quickrow textarea{border-width:1.5px; border-color:var(--line); border-radius:20px; padding:10px 16px}
.fbl-quick .fbl-quickrow .btn{border-radius:999px; border-width:0}
@media (max-width:420px){
  .fbl-pill{padding:0 10px; font-size:12px}
}
.grid{gap:20px 14px !important}
@media (max-width:640px){
  .grid{gap:16px 10px !important}
}
.card{background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important}
.card:hover{box-shadow:none !important; transform:none !important}
.card > *:first-child{aspect-ratio:1/1 !important; overflow:hidden !important; transition:filter .12s ease}
.card .card-photo{padding:0 !important}
.card .card-photo img{width:100%; height:100%}
.card .card-photo video{width:100%; height:100%}
.card:hover > *:first-child{filter:brightness(.94); box-shadow:none !important; transform:none !important}
.card:hover .card-title{text-decoration:none !important}
.card .plate{aspect-ratio:1/1 !important}
.card-body{padding:8px 4px 0 !important; gap:1px !important; background:transparent !important}
.card-body .price-row{order:-1; margin:0}
.card-body .price{font-family:var(--body) !important; font-weight:700; font-size:16.5px; letter-spacing:-0.01em; color:var(--ink)}
.card-body .cond{display:none !important}
.card-body .card-title{font-weight:400 !important; font-size:14.5px; line-height:1.3; color:var(--ink); overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.card-body .meta{order:3; font-size:12.5px !important; color:var(--steel) !important}
.badges{top:8px !important; left:8px !important; right:auto !important}
.badge{font-size:8.5px !important; padding:3px 6px !important}
.media-count{border-radius:999px !important}
.card .media-count{display:none !important}
.card .card-photo{background:var(--plate) !important}
.fbl-ownerrow{display:flex; align-items:center}
.mk-side .mk-search-wrap{display:none}
@media (min-width: 1000px){ header .tabs{display:none !important} header .sell-cta{margin-left:auto} }
details.adv{margin:14px 0 4px; border-top:1px solid rgba(128,128,128,.25); padding-top:12px}
details.adv summary{cursor:pointer; list-style:none; font-size:14px; font-weight:600; color:var(--text-secondary, #6e6e73); display:flex; align-items:center; gap:6px; min-height:44px}
details.adv summary::-webkit-details-marker{display:none}
details.adv summary svg{transition:transform .2s}
details.adv[open] summary svg{transform:rotate(90deg)}
details.adv[open] summary{color:var(--text-primary, #1d1d1f)}
.hint-link{font-size:12px; color:var(--text-secondary, #6e6e73); text-decoration:underline; text-underline-offset:3px; margin-top:8px; display:inline-block}
.gs-strip{gap:10px}
[hidden]{display:none !important}
html.dark details.adv summary{color:#a1a1a6}
html.dark details.adv[open] summary{color:#f5f5f7}
html.native body{padding-top:0}
html.native header.top{padding-top:env(safe-area-inset-top); height:calc(56px + env(safe-area-inset-top)) !important}
html.native .modal-scrim{padding-top:calc(18px + env(safe-area-inset-top))}
html.native:not(.promo-boost) [onclick^="openBoost"], html.native:not(.promo-boost) [onclick^="confirmBoost"]{display:none !important}
html.native-android:not(.native-geo) [onclick^="locateMe"], html.native-android:not(.native-geo) [onclick^="useMyLocation"]{display:none !important}
.acct-menu{display:flex; flex-direction:column; gap:8px; margin-top:16px}
.modal .acct-menu .btn{width:100% !important}
.modal .acct-menu .btn-ghost{display:flex !important; align-items:center; justify-content:center; gap:8px; width:100% !important; padding:9.5px 21px !important; font-size:17px !important; font-weight:600 !important; line-height:1.2; color:var(--text-primary) !important; background:transparent !important; border:1.5px solid rgba(128,128,128,.45) !important; border-radius:980px !important; text-decoration:none !important}
.modal .acct-menu .btn-ghost:hover{background:rgba(128,128,128,.08) !important; border-color:currentColor !important; color:var(--text-primary) !important}
.modal .acct-menu .btn-ghost .ico{width:16px; height:16px}
.modal .acct-menu .acct-del-link{margin-top:6px}
@media (max-width:760px){ .adm-group .adm-stats{grid-template-columns:repeat(2, minmax(0,1fr))} }
.chat-input textarea, .fbl-quickrow textarea, .dock-input textarea{resize:none; min-height:0; max-height:140px; overflow-y:auto; line-height:1.4; font-family:inherit; white-space:pre-wrap; overflow-wrap:anywhere; box-sizing:border-box; display:block}
@media (min-width:1001px){
  html.listing-lock footer{display:none}
  html.listing-lock .fbl{margin-top:12px; height:var(--fbl-h, auto)}
  html.listing-lock .fbl-stage{min-height:0; height:100%}
  html.listing-lock .fbl-main{max-height:100%}
  html.listing-lock .fbl-panel{max-height:none; height:100%}
}
:root{--r-min:8px; --corner:18px; --inset:6px}
.modal, .panel, .book-panel{--corner:18px; --inset:22px}
.book-panel{--inset:24px}
.order-card, .alert-item, .gs-strip{--corner:18px; --inset:16px}
.mk-side{--corner:14px; --inset:12px}
.dock-win{--corner:14px; --inset:10px}
.fbl{--corner:var(--radius); --inset:0px}
.fbl-panel{--corner:var(--radius); --inset:22px}
.seller-card, .escrow-note, .thread-btn{--corner:8px; --inset:12px}
.field input, .field select, .field textarea,
.modal-body input:not([type=checkbox]):not([type=radio]):not(.mk-search), .modal-body select, .modal-body textarea,
.adm-search,
.mk-map, .mk-item:not(.cat-item), .loc-map, .addr-sug, .mini-map, .seller-card, .escrow-note,
.media-thumb, .thread-btn, .crop-vp:not(.round){
  border-radius:max(var(--r-min), calc(var(--corner) - var(--inset))) !important;
}
.fbl-stage{border-radius:var(--corner) 0 0 var(--corner)}
.fbl-panel{border-radius:0 var(--corner) var(--corner) 0}
@media (max-width:1000px){ .fbl-stage{border-radius:var(--corner) var(--corner) 0 0} .fbl-panel{border-radius:0 0 var(--corner) var(--corner)} }
@supports (corner-shape: squircle){
  .modal, .panel, .book-panel, .order-card, .alert-item, .gs-strip, .adm-stat, .mk-side, .mk-map, .mini-map,
  .seller-card, .escrow-note, .thread-btn, .media-thumb, .loc-map, .addr-sug, .fbl, .fbl-stage, .fbl-panel, .dock-win, .bubble,
  .field input, .field select, .field textarea, .modal-body input, .modal-body select, .modal-body textarea,
  .adm-search, .mk-item:not(.cat-item), .card-photo, .trust-strip, .sk{corner-shape:squircle}
}
.apple-btn{display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px; margin-bottom:10px; font-family:var(--sf); font-size:15px; font-weight:600; letter-spacing:-0.022em; background:#000000; color:#ffffff; border:1px solid #000000; border-radius:980px; cursor:pointer; transition:background-color .3s cubic-bezier(.4,0,.6,1)}
.apple-btn:hover{background:#1d1d1f}
.apple-btn svg{width:18px; height:18px}
html.dark .apple-btn{background:#ffffff; color:#000000; border-color:#ffffff}
html.dark .apple-btn:hover{background:#e8e8ed}
html.dark .fbl-row{color:#f5f5f7}
html.dark .fbl-row .fbl-ic{color:#a1a1a6}
.gate-why{background:var(--bg-secondary, #f5f5f7); color:var(--text-primary); border-radius:12px; padding:10px 14px; font-size:14px; font-weight:500; margin-bottom:14px}
html.dark .gate-why{background:#2c2c2e; color:#f5f5f7}
.modal .guest-btn{align-self:center; margin-top:6px}
.theme-pick{border:1px solid var(--border, #d2d2d7); background:transparent; color:var(--text-primary); border-radius:980px; padding:6px 12px; font-size:13px; font-weight:600; cursor:pointer}
.theme-pick.on{background:var(--text-primary); color:var(--bg-primary, #fff); border-color:var(--text-primary)}
@media (max-width:999px){
  header.top{padding-left:20px !important; padding-right:20px !important}
  header.top .sell-cta{margin-left:auto}
  .account-chip{padding:5px !important; gap:0 !important}
  .account-chip .acc-name{display:none !important}
}
.auth-tab.on{background:var(--button, #0071e3) !important; color:#ffffff !important; box-shadow:none !important}
.auth-tab:not(.on){background:transparent !important; color:var(--text-secondary, #6e6e73) !important}
html.dark .auth-tab:not(.on){color:#a1a1a6 !important}
.fbl-stage{flex-direction:column; align-items:stretch; justify-content:flex-start; padding:14px}
.fbl-mainwrap{flex:1 1 auto; min-height:0; height:auto; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain}
.fbl-main{max-height:100%; border-radius:14px}
video.fbl-main{border-radius:14px}
.fbl-thumbs{position:static; flex:0 0 auto; z-index:1; padding:12px 44px 0; margin-top:auto}
.fbl-stage:not(:has(.fbl-thumbs)) .fbl-mainwrap{padding-bottom:0}
@media (max-width:1000px){
  .fbl-stage{min-height:0; max-height:none; padding:10px}
  .fbl-mainwrap{max-height:62vh; height:auto}
  .fbl-main{max-height:62vh}
}
.card > *:first-child{border-radius:16px !important}
.card .card-photo{background:#141413; isolation:isolate}
.card .card-photo img{position:relative; z-index:1}
.card .card-photo video{position:relative; z-index:1}
.card .card-photo .badges, .card .card-photo .media-count{z-index:2}
html.dark .card .card-photo{background:#0b0b0c}
.soc-row{display:flex; gap:12px 8px; flex-wrap:wrap; margin-top:10px}
a.soc-chip{display:inline-flex; max-width:100%; align-items:center; gap:4px; text-decoration:none; color:var(--text-primary, #1d1d1f); background:transparent; border:1.5px solid rgba(128,128,128,.45); border-radius:980px; padding:6px 13px; font-family:var(--sf); font-size:12.5px; font-weight:600; letter-spacing:-0.01em}
a.soc-chip:hover{background:var(--button, #0071e3); border-color:var(--button, #0071e3); color:#fff}
.fbl-ownerrow{gap:8px !important}
.fbl-ownerrow .btn{flex:1; display:inline-flex !important; align-items:center; justify-content:center; gap:7px; padding:10px 12px !important; font-size:14px !important; font-weight:600; letter-spacing:-0.01em !important; text-transform:none !important; border:1.5px solid var(--text-primary, #1d1d1f) !important; border-radius:980px !important; background:transparent !important; color:var(--text-primary, #1d1d1f) !important; text-decoration:none !important}
.fbl-ownerrow .btn:hover{background:var(--text-primary, #1d1d1f) !important; color:var(--bg-primary, #fff) !important}
html.dark .fbl-ownerrow .btn{border-color:#f5f5f7 !important; color:#f5f5f7 !important}
html.dark .fbl-ownerrow .btn:hover{background:#f5f5f7 !important; color:#000 !important}
#view-editlisting{padding:0 !important; max-width:none !important}
.el-page{box-sizing:border-box;height:100dvh;position:fixed; inset:0; z-index:400; display:grid; grid-template-columns:365px minmax(0,1fr); background:var(--bg-secondary, #f0f2f5)}
.el-form{background:var(--bg-primary, #fff); box-shadow:0 0 12px rgba(0,0,0,.12); display:flex; flex-direction:column; height:100%; overflow:hidden; min-height:0}
.el-topbar{display:flex; align-items:center; gap:10px; padding:12px 16px 8px}
.el-close{width:36px; height:36px; border-radius:50%; border:none; background:var(--bg-secondary, #e4e6eb); color:var(--text-primary, #1d1d1f); font-size:15px; display:flex; align-items:center; justify-content:center; cursor:pointer}
.el-logo{height:26px; width:auto}
.el-modeswitch{display:none; margin:0 16px 8px; background:var(--bg-secondary, #f0f2f5); border-radius:980px; padding:3px}
.el-modeswitch button{flex:1; border:none; background:transparent; border-radius:980px; padding:7px; font-size:13.5px; font-weight:600; color:var(--text-secondary, #6e6e73); cursor:pointer}
.el-modeswitch button.on{background:var(--bg-primary, #fff); color:var(--text-primary, #1d1d1f); box-shadow:0 1px 3px rgba(0,0,0,.12)}
.el-scroll{flex:1; min-height:0; overflow-y:auto; padding:0 16px 20px; overscroll-behavior:contain}
.el-media{display:grid; grid-template-columns:repeat(3, 1fr); gap:8px}
.el-thumb{position:relative; aspect-ratio:1; border-radius:12px; overflow:hidden; background:#141413; cursor:grab; border:2px solid transparent; transition:transform .12s ease, border-color .12s ease, opacity .12s ease}
.el-thumb img, .el-thumb video{width:100%; height:100%; object-fit:cover; display:block; pointer-events:none}
.el-x{position:absolute; top:5px; right:5px; width:24px; height:24px; border-radius:50%; border:none; padding:0; background:rgba(0,0,0,.65); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center}
.el-thumb-tools{position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; padding:5px; opacity:0; transition:opacity .12s ease}
.el-thumb:hover .el-thumb-tools, .el-thumb:focus-within .el-thumb-tools{opacity:1}
@media (hover:none){ .el-thumb-tools{opacity:1} }
.el-tb{width:26px; height:26px; border-radius:50%; border:none; padding:0; background:rgba(255,255,255,.92); color:#111; cursor:pointer; display:flex; align-items:center; justify-content:center}
.el-tb:disabled{visibility:hidden}
.el-add{aspect-ratio:1; border-radius:12px; border:1.5px dashed rgba(128,128,128,.6); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-size:12.5px; font-weight:600; color:var(--text-secondary, #6e6e73); cursor:pointer; transition:border-color .12s ease, color .12s ease}
.el-add input{display:none}
.el-topbar,.el-modeswitch,.el-foot{flex-shrink:0}
.el-foot{box-sizing:border-box;padding:12px 20px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid rgba(128,128,128,.22); background:var(--bg-primary, #fff)}
.el-foot .btn{width:100% !important; padding:12px !important; font-size:15px !important}
.el-preview{overflow-y:auto; padding:46px 40px 40px}
.el-pstage{position:relative; background:#111; overflow:hidden; min-height:560px}
.el-pstage > img, .el-pstage > video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block}
.el-pnav{position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; border:none; background:#fff; color:#111; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.35); cursor:pointer; padding:0}
.el-pnav svg{width:24px; height:24px}
.el-pprev{left:12px} .el-pnext{right:12px}
.el-pthumbs{position:absolute; left:0; right:0; bottom:0; display:flex; gap:6px; justify-content:safe center; overflow-x:auto; scrollbar-width:none; padding:8px; background:rgba(0,0,0,.35)}
.el-pthumbs img, .el-pthumbs span{flex:none; width:36px; height:36px; object-fit:cover; border-radius:6px; opacity:.55; cursor:pointer; border:2px solid transparent; display:flex; align-items:center; justify-content:center; background:#000; color:#fff; font-size:12px}
.el-pthumbs .on{opacity:1; border-color:#fff}
@media (pointer:coarse){ .el-modeswitch button{min-height:44px} .el-pthumbs img, .el-pthumbs span{width:44px; height:44px} }
html.dark .el-page{background:#000}
html.dark .el-form, html.dark .el-pwrap, html.dark .el-pside, html.dark .el-foot, html.dark .el-float input, html.dark .el-float select, html.dark .el-float textarea, html.dark .el-static input{background:#1c1c1e; color:#f5f5f7}
html.dark .el-close, html.dark .el-modeswitch{background:#2c2c2e}
html.dark .el-modeswitch button.on{background:#48484a; color:#fff}
@media (max-width:900px){
  .el-page{grid-template-columns:1fr}
  .el-form{box-shadow:none}
  .el-modeswitch{display:flex}
  .el-preview{display:none; padding:12px}
  .el-page.preview-mode .el-preview{display:block; overflow-y:auto}
  .el-page.preview-mode .el-scroll, .el-page.preview-mode .el-foot{display:none}
  .el-page.preview-mode .el-form{height:auto; flex:none}
  .el-page.preview-mode{display:flex; flex-direction:column}
  .el-pwrap{padding:10px}
}
html.editing header.top{display:none !important}
html.editing body{padding-top:0 !important}
html.editing footer, html.editing .mk-side{display:none !important}
#view-editlisting.active{transform:none !important; animation:none !important; filter:none !important; contain:none !important; overflow:visible !important}
.card .card-photo img{object-fit:cover !important; transform:scale(1.03)}
.card .card-photo video{object-fit:cover !important}
.mk-map{background:var(--card); color:var(--text-primary)}
.ml-toolbar{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; max-width:820px}
.ml-count{font-size:13px; color:var(--text-secondary, #6e6e73)}
.ml-switch{display:inline-flex; gap:2px; background:var(--bg-secondary, #f5f5f7); border-radius:980px; padding:3px}
.ml-switch button{width:36px; height:30px; border:none; border-radius:980px; background:transparent; color:var(--text-secondary, #6e6e73); display:flex; align-items:center; justify-content:center; cursor:pointer}
.ml-switch button.on{background:var(--bg-primary, #fff); color:var(--text-primary, #1d1d1f); box-shadow:0 1px 3px rgba(0,0,0,.14)}
html.dark .ml-switch{background:#2c2c2e} html.dark .ml-switch button.on{background:#48484a; color:#fff}
.order-card.ml-row{display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px 14px; align-items:start; padding:14px !important}
.ml-main{min-width:0; cursor:pointer}
.ml-main .card-title{overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.ml-price{display:flex; align-items:center; gap:8px; margin:2px 0}
.ml-acts{grid-column:2; display:flex; gap:6px}
.ml-acts>.mini-btn{flex:1 1 auto; min-width:0; white-space:nowrap; justify-content:center; margin:0; padding:0 8px !important; font-size:14px !important}
.ml-acts .mini-btn{min-height:44px !important; display:inline-flex; align-items:center}
.ml-more{position:relative; display:flex}
.ml-more summary{list-style:none; width:44px; padding:0 !important; justify-content:center; cursor:pointer}
.ml-more summary::-webkit-details-marker{display:none}
.ml-menu{position:absolute; right:0; bottom:calc(100% + 6px); z-index:5; background:var(--card); border-radius:14px; box-shadow:0 8px 28px rgba(0,0,0,.18); padding:6px}
.ml-menu .mini-btn{white-space:nowrap; margin:0}
.ml-cover{width:88px; height:88px; border-radius:12px; overflow:hidden; background:#141413; cursor:pointer; display:flex; align-items:center; justify-content:center}
.ml-cover img, .ml-cover video{width:100%; height:100%; object-fit:cover; display:block}
.ml-noimg{color:#8B8A80; font-size:11px; font-weight:700; letter-spacing:.04em; padding:0 6px; text-align:center}
.ml-row.is-sold .ml-cover{opacity:.55}
.ml-grid{max-width:none; margin-top:4px}
.ml-grid .card{min-width:0}
.ml-tile .price-row{align-items:center}
.ml-tile-actions{display:flex; gap:6px; flex-wrap:wrap; margin-top:8px}
.ml-tile-actions .mini-btn{padding:5px 10px !important; font-size:12px !important}
.ml-tile-actions .x-close{margin-left:auto}
@media (max-width:640px){
  .order-card.ml-row{grid-template-columns:72px minmax(0,1fr); gap:10px 12px}
  .ml-cover{width:72px; height:72px}
  .ml-acts{grid-column:1/-1}
  .ml-toolbar{max-width:none}
}
.card .card-photo.ml-photo{aspect-ratio:1/1 !important; background:#141413 !important; cursor:pointer}
.card .card-photo.ml-photo img{object-fit:cover !important; transform:scale(1.03)}
.sell-draft-btn{width:100%; margin-top:8px}
.st-draft{background:rgba(128,128,128,.18); color:var(--text-secondary, #6e6e73)}
.st-pending{background:rgba(182,68,0,.12); color:#b64400}
html.dark .st-pending{background:rgba(255,159,10,.16); color:#ffb340}
.ml-h{font-size:15px; font-weight:700; margin:16px 0 8px; display:flex; align-items:center; gap:8px}
.ml-h .ml-count{font-weight:500}
.ml-row.is-draft .ml-cover, .ml-tile.is-draft .card-photo{opacity:.85}
html .mini-btn.ml-continue{background:var(--button, #0071e3) !important; color:#fff !important}
.el-foot .el-keep{width:auto !important; min-width:0; margin-right:8px}
.el-foot:has(.el-keep){display:flex; gap:8px}
.el-foot:has(.el-keep) .btn-volt{flex:1; width:auto !important}
header .tabs{display:none !important}
html.topmenu:not(.native) header .tabs{display:flex !important}
html.topmenu:not(.native) header .sell-cta{margin-left:0}
.chat-input textarea, .fbl-quickrow textarea, .dock-input textarea{scrollbar-width:none; -ms-overflow-style:none}
.chat-input textarea::-webkit-scrollbar, .fbl-quickrow textarea::-webkit-scrollbar, .dock-input textarea::-webkit-scrollbar{display:none; width:0; height:0}
.badge.badge-icon{width:22px; height:22px; padding:0 !important; display:inline-flex !important; align-items:center; justify-content:center; border-radius:50% !important; font-size:0 !important; line-height:0; box-shadow:0 1px 2px rgba(0,0,0,.18)}
.badge.badge-icon .ico{width:12px; height:12px; display:block}
.fbl-price .badge{font-size:13px !important; padding:4px 11px !important; display:inline-flex; align-items:center; gap:4px}
.fbl-trade-btn{display:inline-flex !important; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:10px; min-height:44px; padding:0 14px !important; font-size:16px !important; font-weight:600; letter-spacing:-0.01em !important; text-transform:none !important; border:1.5px solid var(--text-primary, #1d1d1f) !important; border-radius:980px !important; background:transparent !important; color:var(--text-primary, #1d1d1f) !important; text-decoration:none !important}
.fbl-trade-btn:hover{background:var(--text-primary, #1d1d1f) !important; color:var(--bg-primary, #fff) !important}
html.dark .fbl-trade-btn{border-color:#f5f5f7 !important; color:#f5f5f7 !important}
html.dark .fbl-trade-btn:hover{background:#f5f5f7 !important; color:#000 !important}
.trade-sec{font-size:15px; font-weight:600; color:var(--ink); margin:14px 0 6px}
.trade-list{display:flex; flex-direction:column; gap:8px; max-height:280px; overflow-y:auto; scrollbar-width:none}
.trade-list::-webkit-scrollbar{display:none}
.trade-opt{display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:8px; border:1.5px solid rgba(128,128,128,.35); border-radius:14px; background:var(--bg-primary, #fff); color:var(--text-primary, #1d1d1f); cursor:pointer; font:inherit}
.trade-opt.on{border-color:var(--button, #0071e3); box-shadow:0 0 0 3px color-mix(in srgb, var(--volt) 18%, transparent)}
.trade-thumb{flex:0 0 52px; width:52px; height:52px; border-radius:10px; overflow:hidden; background:#141413}
.trade-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.trade-txt{display:flex; flex-direction:column; gap:2px; min-width:0}
.trade-txt strong{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.trade-txt span{font-size:12.5px; color:var(--text-secondary, #6e6e73)}
.trade-offered{margin-top:8px; max-width:360px}
html.dark .trade-opt{background:#1c1c1e; color:#f5f5f7}
.addr-sug{position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:40; background:var(--bg-primary, #fff); border:1px solid rgba(128,128,128,.28); border-radius:14px !important; overflow:hidden; box-shadow:0 12px 32px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.06); padding:4px}
.addr-sug:empty{display:none}
.addr-sug .addr-opt{display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:9px 10px; border:none; border-radius:10px; background:none; font:inherit; color:var(--text-primary, #1d1d1f); cursor:pointer}
.addr-sug .addr-opt svg{flex:0 0 16px; color:var(--text-secondary, #6e6e73)}
.addr-sug .addr-opt:hover, .addr-sug .addr-opt.on{background:color-mix(in srgb, var(--volt) 10%, transparent)}
.addr-sug .addr-opt:hover svg, .addr-sug .addr-opt.on svg{color:var(--button, #0071e3)}
.addr-sug .addr-txt{display:flex; flex-direction:column; gap:1px; min-width:0}
.addr-sug .addr-txt strong{font-size:14px; font-weight:600; letter-spacing:-0.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.addr-sug .addr-txt span{font-size:12.5px; color:var(--text-secondary, #6e6e73)}
.addr-sug .addr-loading{font-size:12px; color:var(--text-secondary, #6e6e73); padding:6px 10px 4px}
html.dark .addr-sug{background:#1c1c1e; border-color:rgba(255,255,255,.14)}
html.dark .addr-sug .addr-opt{color:#f5f5f7}
@media (min-width:1000px){ .hero{padding:8px 0 4px !important} }
.picks-row .count-row{padding:6px 0 4px !important}
#gsStrip:empty{display:none}
.action-center{display:flex; flex-direction:column; gap:10px; margin:10px 0 14px; max-width:820px}
.ac-card{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; background:var(--bg-primary,#fff); border:1.5px solid rgba(128,128,128,.25); box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ac-card.ac-hot{border-color:var(--button,#0071e3); background:linear-gradient(90deg, rgba(0,113,227,.10), rgba(0,113,227,.02))}
.ac-card.ac-warm{border-color:var(--warn); background:color-mix(in srgb, var(--warn) 8%, transparent)}
.ac-txt{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px}
.ac-txt strong{font-size:15px; letter-spacing:-0.01em}
.ac-txt span{font-size:13px; color:var(--text-secondary,#6e6e73); line-height:1.35}
.ac-btn{width:auto !important; padding:10px 16px !important; font-size:14px !important; white-space:nowrap; flex-shrink:0}
.ac-more{align-self:flex-start; background:none; border:none; color:var(--link); font:inherit; font-size:13px; font-weight:600; cursor:pointer; padding:0 4px}
html.dark .ac-card{background:#1c1c1e; border-color:rgba(255,255,255,.14)}
html.dark .ac-card.ac-hot{background:linear-gradient(90deg, rgba(0,113,227,.22), rgba(0,113,227,.06)); border-color:#0a84ff}
@media (max-width:640px){ .ac-card{flex-direction:column; align-items:stretch} .ac-btn{width:100% !important} }
.pay-note{color:var(--text-secondary) !important}