@font-face { font-family: "Plex"; src: url("/fonts/Plex.ttf"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Plex"; src: url("/fonts/PlexMed.ttf"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Plex"; src: url("/fonts/PlexSemibold.ttf"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Plex Mono"; src: url("/fonts/PlexMono.ttf"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Plex Mono"; src: url("/fonts/PlexMonoMed.ttf"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Geist"; src: url("/fonts/geist-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/fonts/geist-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/fonts/geist-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/fonts/geist-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root { color-scheme: light; --bg:#fff; --ink:#0a0a0a; --muted:#9a9a9a; --line:#2a2a2a; --card:#141414; --accent:#d6ff4a; }
* { box-sizing: border-box; }
html { background:#fff; color:#0a0a0a; }
body { margin:0; min-height:100%; background:#fff; color:#0a0a0a; font:16px/1.5 Plex, ui-sans-serif, system-ui, sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:22px 22px 72px; background:#fff; color:#0a0a0a; }
.mkt-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0 16px; border-bottom:1px solid #222; }
.mkt-brand { display:flex; align-items:center; gap:8px; color:#0a0a0a; text-decoration:none; font-family:Geist, sans-serif; font-weight:600; font-size:22px; letter-spacing:-.045em; }
.mkt-brand .mkt-spark { display:block; flex:none; height:26px; width:auto; }
img.mkt-spark { display:block; height:22px; width:auto; flex:none; }
body.sme-site .land-foot .mkt-brand .mkt-spark { height:22px; }
.site-nav { display:flex; gap:16px; flex-wrap:wrap; }
.site-nav a { color:#3a3a3a; text-decoration:none; font-size:14px; }
.site-nav a:hover { color:#0a0a0a; }
.kicker { font-family:"Plex Mono", monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); margin:28px 0 8px; }
h1 { font-size:46px; line-height:1.02; letter-spacing:-.045em; font-weight:600; margin:0 0 12px; color:#0a0a0a; }
h2 { font-family:Plex, sans-serif; font-size:28px; line-height:1.05; letter-spacing:-.03em; font-weight:600; color:#0a0a0a; margin:0; }
.deck { font-size:17px; color:var(--muted); max-width:42ch; margin:0 0 22px; }
.grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; }
.card { background:#141414; border:1px solid #2a2a2a; border-radius:16px; padding:16px; color:#fff; }
a.card { display:block; color:inherit; text-decoration:none; }
a.card:hover { border-color:var(--accent); }
.card b { display:block; margin-bottom:6px; }
.muted { color:var(--muted); }
.sample { border-style:dashed; }
.stamp { font-family:"Plex Mono", monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#090b10; background:var(--accent); display:inline-block; padding:3px 7px; border-radius:4px; margin-bottom:8px; }
.figs { margin-top:10px; padding-top:10px; border-top:1px solid #2a2a2a; font-family:"Plex Mono", monospace; font-size:13px; color:#d0d0d0; }
label { display:block; font-family:"Plex Mono", monospace; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); margin:14px 0 4px; }
input, textarea, select { width:100%; font:16px/1.4 Plex, sans-serif; color:#fff; background:#111; border:1px solid #2a2a2a; border-radius:8px; padding:9px 10px; }
textarea { min-height:76px; }
button { margin-top:16px; font:14px/1 Plex, sans-serif; font-weight:600; background:var(--accent); color:#090b10; border:0; border-radius:8px; padding:11px 16px; cursor:pointer; }
button[disabled] { background:transparent; color:var(--muted); border:1px solid #2a2a2a; cursor:not-allowed; }
.row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:14px; }
.row button, .row form { margin-top:0; }
.row form button { margin-top:0; }
a.door { display:inline-block; background:var(--accent); color:#090b10; text-decoration:none; font-weight:600; border-radius:8px; padding:11px 16px; }
.filters { display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:12px; align-items:end; margin:12px 0 18px; }
.filters button { margin-top:0; }
.filters label { margin-top:0; }
.check { display:flex; gap:10px; align-items:flex-start; margin-top:12px; font-family:Plex, sans-serif; font-size:15px; text-transform:none; letter-spacing:0; color:#0a0a0a; }
.check input { width:auto; margin-top:3px; }
.nda { white-space:pre-wrap; }
.note { font-size:13px; color:var(--muted); margin:6px 0 0; }
footer { margin-top:36px; padding-top:14px; border-top:1px solid #222; color:#8a8a8a; font-size:13px; }
.hidden { display:none; }
@media (max-width:720px) {
  .grid, .filters { grid-template-columns:1fr; }
  h1 { font-size:34px; }
  .wrap { padding:16px 16px 64px; background:#fff; }
}

/* listing: white page, dark cards, lime only on the marked bits */
body.sme-phone-listing { background:#fff; color:#0a0a0a; }
.mkt-sheet { max-width:430px; padding:12px 20px 64px; background:#fff; color:#0a0a0a; }
.mkt-menu { position:relative; }
.mkt-menu summary { list-style:none; cursor:pointer; }
.mkt-menu summary::-webkit-details-marker { display:none; }
.mkt-burger { width:36px; height:32px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:5px; }
.mkt-burger span { display:block; width:18px; height:1.6px; background:#0a0a0a; border-radius:1px; }
.mkt-menu nav { position:absolute; right:0; top:38px; background:#141414; border:1px solid #2a2a2a; border-radius:12px; padding:6px; min-width:max-content; z-index:5; display:flex; flex-direction:column; gap:2px; }
.mkt-menu nav a { color:#fff; text-decoration:none; font-size:15px; padding:8px 10px; }
.site-nav .nav-soon { color:#9a9a9a; font-size:14px; cursor:default; }
.mkt-menu nav .nav-soon { display:block; color:#8d8d8d; font-size:15px; padding:8px 10px; cursor:default; }
.mkt-back { display:flex; align-items:center; justify-content:space-between; padding:18px 0 4px; }
.mkt-back a { display:flex; align-items:center; gap:4px; color:#3a3a3a; text-decoration:none; font-size:15px; }
.mkt-tools { display:flex; align-items:center; gap:14px; }
.mkt-sheet .mkt-tools button { margin:0; padding:0; width:28px; height:28px; background:transparent; border:0; color:#0a0a0a; display:grid; place-items:center; cursor:default; }
.mkt-sheet .kicker { display:inline-block; margin:18px 0 0; background:#d6ff4a; color:#0a0a0a; font-family:Plex, sans-serif; font-weight:600; font-size:12px; letter-spacing:.04em; text-transform:uppercase; padding:6px 9px; border-radius:6px; }
.mkt-sheet h1 { font-size:58px; line-height:.9; letter-spacing:-.055em; font-weight:600; margin:14px 0 12px; color:#0a0a0a; }
.mkt-where { display:flex; align-items:center; gap:6px; margin:0; color:#0a0a0a; font-size:16px; }
.mkt-where svg { flex:none; }
.mkt-photo { position:relative; margin-top:16px; border-radius:18px; overflow:hidden; background:#111; }
.mkt-photo img { display:block; width:100%; aspect-ratio:1.64/1; object-fit:cover; height:auto; }
.mkt-corner { position:absolute; top:0; right:0; width:44px; height:44px; border-top:3px solid #d6ff4a; border-right:3px solid #d6ff4a; border-top-right-radius:18px; box-sizing:border-box; pointer-events:none; }
.mkt-locpill { position:absolute; left:12px; bottom:12px; background:#d6ff4a; color:#0a0a0a; font-weight:600; font-size:13px; line-height:1; padding:7px 11px; border-radius:999px; }
.mkt-claim { display:flex; align-items:center; gap:8px; margin:16px 0 0; color:#5c5c5c; font-size:15px; }
.mkt-claim i { width:9px; height:9px; border-radius:50%; background:#e6a23c; display:block; flex:none; }
.mkt-price { background:#d6ff4a; color:#0a0a0a; border-radius:20px; padding:18px 18px 16px; margin-top:16px; }
.mkt-ask-k { margin:0; font-size:15px; font-weight:600; color:#0a0a0a; }
.mkt-ask { margin:8px 0 18px; font-size:48px; font-weight:600; letter-spacing:-.045em; line-height:.92; color:#0a0a0a; }
.mkt-ask span { font-size:30px; margin-right:6px; letter-spacing:-.03em; }
.mkt-splits { display:grid; grid-template-columns:1fr 1fr 1.15fr; border-top:1px solid rgba(10,10,10,.45); padding-top:14px; }
.mkt-splits div { min-width:0; padding:0 10px; border-right:1px solid rgba(10,10,10,.45); }
.mkt-splits div:first-child { padding-left:0; }
.mkt-splits div:last-child { border-right:0; padding-right:0; }
.mkt-splits span { display:block; font-size:13px; font-weight:500; color:#0a0a0a; }
.mkt-splits b { display:block; margin-top:4px; font-size:17px; font-weight:600; letter-spacing:-.02em; color:#0a0a0a; }
.mkt-card { background:#121212; border:1px solid #242424; border-radius:22px; padding:20px 18px 8px; margin-top:16px; color:#fff; }
.mkt-behind-h { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mkt-sheet h2 { font-size:28px; line-height:1.05; font-weight:600; letter-spacing:-.03em; color:#fff; margin:0; }
.mkt-pair { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin:18px 0 6px; }
.mkt-stat { display:flex; align-items:center; gap:10px; min-width:0; }
.mkt-stat b { font-size:52px; line-height:.85; letter-spacing:-.05em; font-weight:600; color:#fff; }
.mkt-stat span { font-size:11px; line-height:1.15; letter-spacing:.05em; text-transform:uppercase; color:#e4e4e4; font-weight:600; max-width:7.2em; }
.mkt-pair > i { width:1px; height:46px; background:rgba(255,255,255,.22); display:block; }
.mkt-kv div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:16px 0; border-top:1px solid rgba(255,255,255,.14); font-size:16px; color:#fff; }
.mkt-kv span { color:#fff; flex:1 1 auto; min-width:0; }
.mkt-kv b { font-weight:600; text-align:right; color:#fff; flex:0 0 auto; }
.mkt-reads { margin-top:8px; }
.mkt-read { border-top:1px solid rgba(255,255,255,.14); }
.mkt-read:last-child { border-bottom:1px solid rgba(255,255,255,.14); }
.mkt-read summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 0; cursor:pointer; list-style:none; font-size:16px; color:#fff; }
.mkt-read summary::-webkit-details-marker { display:none; }
.mkt-read summary > span { min-width:0; }
.mkt-pips { display:flex; align-items:center; gap:5px; flex:none; }
.mkt-pips i { width:18px; height:8px; border-radius:99px; background:#2c2c2c; display:block; }
.mkt-pips i.on { background:#d6ff4a; }
.mkt-pips b { margin:0 0 0 8px; font-size:15px; font-weight:600; color:#fff; }
.mkt-read .note { margin:0 0 14px; color:#bdbdbd; }
.mkt-dealh { margin:0 0 4px; }
.mkt-dealh p { margin:6px 0 0; color:#9a9a9a; font-size:14px; }
.mkt-box > div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:16px 0; border-top:1px solid rgba(255,255,255,.14); font-size:16px; color:#fff; }
.mkt-box span { color:#fff; flex:1 1 auto; min-width:0; }
.mkt-box b { font-weight:600; text-align:right; color:#fff; flex:0 0 auto; }
a.mkt-enquire { display:grid; grid-template-columns:24px 1fr 24px; align-items:center; width:100%; box-sizing:border-box; margin-top:18px; background:#d6ff4a; color:#0a0a0a; text-decoration:none; font-weight:600; font-size:16px; border-radius:16px; padding:18px 16px; }
a.mkt-enquire span { grid-column:2; text-align:center; }
a.mkt-enquire .mkt-go { grid-column:3; justify-self:end; }
.mkt-room { text-align:center; margin:14px 0 0; }
.mkt-room a { color:#8d8d8d; font-size:13px; text-decoration:none; }
.mkt-sheet footer { color:#777; border-top-color:#222; margin-top:36px; }
@media (max-width:720px) {
  .mkt-sheet h1 { font-size:52px; }
  .mkt-ask { font-size:42px; }
  .mkt-stat b { font-size:46px; }
}
@media (max-width:360px) {
  .mkt-sheet h1 { font-size:44px; }
  .mkt-ask { font-size:34px; }
  .mkt-ask span { font-size:22px; }
  .mkt-stat b { font-size:40px; }
  .mkt-splits b { font-size:14px; }
  .mkt-kv b, .mkt-box b { font-size:14px; }
}

/* listing only: sections ease in from the right as they enter */
@keyframes mkt-fly {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (prefers-reduced-motion: no-preference) {
  body.sme-phone-listing .reveal {
    animation-name: mkt-fly;
    animation-duration: .7s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-timeline: view();
    animation-range: entry 0% cover 26%;
  }
}


/* site pages only. listing rules above stay as they are. */
body.sme-site { background:#fff; color:#0a0a0a; }
body.sme-site .wrap { max-width:430px; padding:8px 20px 36px; background:#fff; color:#0a0a0a; }
body.sme-site .pill, body.sme-site .kicker { display:inline-block; margin:18px 0 0; background:#d6ff4a; color:#0a0a0a; font-family:Plex, sans-serif; font-weight:600; font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:6px 8px; border-radius:5px; }
body.sme-site h1 { font-size:40px; line-height:.96; letter-spacing:-.045em; font-weight:600; margin:12px 0 10px; color:#0a0a0a; }
body.sme-site h1 mark { background:#d6ff4a; color:#0a0a0a; padding:0 .06em; border-radius:3px; }
body.sme-site .deck { font-size:16px; line-height:1.35; color:#5c5c5c; max-width:34ch; margin:0 0 18px; }
body.sme-site a.lime-btn, body.sme-site button.lime-btn { display:grid; grid-template-columns:22px 1fr 22px; align-items:center; width:100%; box-sizing:border-box; background:#d6ff4a; color:#0a0a0a; text-decoration:none; font-weight:600; font-size:16px; border:0; border-radius:14px; padding:16px 16px; margin:0; cursor:pointer; }
body.sme-site a.lime-btn span, body.sme-site button.lime-btn span { grid-column:2; text-align:center; }
body.sme-site a.lime-btn svg, body.sme-site button.lime-btn svg { grid-column:3; justify-self:end; }
body.sme-site .sell-link { display:block; text-align:center; margin:14px 0 0; color:#0a0a0a; font-weight:600; font-size:14px; text-decoration:none; }
body.sme-site .hero { position:relative; background:#101010; color:#fff; border-radius:28px; height:276px; margin-top:20px; padding:22px 16px 14px; overflow:hidden; }
body.sme-site .hero h2 { position:relative; z-index:2; margin:10px 0 0; color:#fff; font-size:26px; line-height:.98; letter-spacing:-.048em; font-weight:700; max-width:7.6em; }
body.sme-site .hero-door { position:absolute; z-index:1; right:-18px; bottom:-18px; width:58%; height:auto; pointer-events:none; }
body.sme-site a.peek { position:absolute; z-index:3; width:172px; display:block; background:#171717; color:#fff; text-decoration:none; border-radius:16px; overflow:hidden; box-shadow:0 16px 30px rgba(0,0,0,.5); }
body.sme-site a.peek-a { top:14px; right:28px; left:auto; transform:rotate(-6deg); transform-origin:center center; }
body.sme-site a.peek-b { top:148px; right:10px; left:auto; transform:rotate(6deg); transform-origin:center center; z-index:4; }
body.sme-site .peek-art { display:block; height:50px; background:#222; position:relative; overflow:hidden; }
body.sme-site .peek-art img { display:block; width:100%; height:100%; object-fit:cover; }
body.sme-site a.peek-a .peek-art img { object-position:64% 42%; transform:scale(2.05); }
body.sme-site a.peek-b .peek-art img { object-position:42% 58%; transform:scale(1.25); }
body.sme-site .biz-photo .slash { position:absolute; right:0; top:0; bottom:0; width:48%; background:#d6ff4a; clip-path:polygon(42% 0, 100% 0, 100% 100%, 0 100%); }
body.sme-site .biz-photo .scene { position:absolute; left:8px; top:8px; }
body.sme-site .peek b { display:block; padding:6px 10px 0; font-size:12px; line-height:1.15; font-weight:600; letter-spacing:-.02em; white-space:nowrap; }
body.sme-site .peek strong { display:block; padding:1px 10px 0; font-size:14px; line-height:1.15; font-weight:700; letter-spacing:-.03em; white-space:nowrap; }
body.sme-site .peek em { display:inline-block; margin:4px 10px 7px; font-style:normal; font-size:10px; line-height:1.2; font-weight:600; letter-spacing:-.01em; background:#ececec; color:#111; border-radius:999px; padding:2px 7px; white-space:nowrap; }
body.sme-site .peek em.soft { background:#3a3a3a; color:#e8e8e8; }
body.sme-site h2.sec { margin:26px 0 12px; color:#0a0a0a; font-size:26px; letter-spacing:-.03em; font-weight:600; }
body.sme-site .cats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.sme-site a.cat > svg { width:28px; height:28px; flex:none; }
body.sme-site a.cat { display:flex; align-items:center; gap:8px; min-height:74px; background:#121212; color:#fff; text-decoration:none; border-radius:18px; padding:14px 12px; }
body.sme-site a.cat b { font-size:14px; line-height:1.15; font-weight:600; letter-spacing:-.02em; }
body.sme-site a.cat .chev { margin-left:auto; color:#9a9a9a; flex:none; }
body.sme-site .path { background:#121212; color:#fff; border-radius:24px; padding:20px 18px 8px; margin-top:22px; }
body.sme-site .path h2 { color:#fff; font-size:26px; letter-spacing:-.03em; margin:0 0 6px; }
body.sme-site .path li { display:flex; gap:12px; align-items:flex-start; list-style:none; padding:14px 0; border-top:1px solid rgba(255,255,255,.12); }
body.sme-site .path ol { margin:0; padding:0; }
body.sme-site .path li > i { width:32px; height:32px; border-radius:50%; background:#d6ff4a; color:#0a0a0a; display:grid; place-items:center; font-style:normal; font-weight:700; font-size:13px; flex:none; }
body.sme-site .path b { display:block; font-size:16px; }
body.sme-site .path p { margin:2px 0 0; color:#c8c8c8; font-size:14px; }
body.sme-site .sell-cta { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#d6ff4a; color:#0a0a0a; border-radius:22px; padding:18px 16px; margin-top:16px; }
body.sme-site .sell-cta h2 { margin:0; font-size:22px; line-height:1.05; letter-spacing:-.03em; color:#0a0a0a; max-width:16ch; }
body.sme-site .sell-cta p { margin:6px 0 12px; font-size:14px; max-width:28ch; }
body.sme-site a.dark-btn { display:inline-flex; align-items:center; gap:6px; background:#141414; color:#fff; text-decoration:none; font-weight:600; font-size:14px; border-radius:999px; padding:10px 14px; }
body.sme-site .land-foot, body.sme-site .site-foot { margin-top:28px; padding-top:16px; border-top:1px solid #e6e6e6; color:#6e6e6e; font-size:13px; }
body.sme-site .land-foot .mkt-brand { font-size:18px; }
body.sme-site .land-foot p, body.sme-site .site-foot p { margin:8px 0 0; }
body.sme-site .foot-links a { color:#3a3a3a; text-decoration:none; font-weight:600; }
body.sme-site .search { display:flex; align-items:center; gap:8px; border:1px solid #e5e5e5; border-radius:14px; padding:12px 14px; margin:16px 0; background:#fff; color:#9a9a9a; }
body.sme-site .search input { border:0; padding:0; margin:0; width:100%; background:transparent; color:#0a0a0a; border-radius:0; font-size:15px; }
body.sme-site .fit { background:#121212; color:#fff; border-radius:24px; padding:16px 16px 14px; }
body.sme-site .fit-h { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.sme-site .fit h2 { margin:0; color:#fff; font-size:22px; letter-spacing:-.03em; }
body.sme-site button.reset { margin:0; padding:0; background:transparent; color:#cfcfcf; border:0; border-radius:0; font-size:14px; font-weight:500; }
body.sme-site .fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 10px; margin-top:12px; }
body.sme-site .fit label { margin:0 0 6px; color:#fff; font-family:Plex, sans-serif; font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; }
body.sme-site .fit select { background:#1a1a1a; color:#fff; border:1px solid #3a3a3a; border-radius:12px; padding:12px 10px; }
body.sme-site .fit .lime-btn { margin-top:14px; }
body.sme-site .toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:16px 0 6px; color:#3a3a3a; font-size:14px; }
body.sme-site .toolbar select { width:auto; background:#fff; color:#0a0a0a; border:1px solid #e5e5e5; border-radius:10px; padding:8px 8px; font-size:14px; }
body.sme-site .locknote { display:flex; align-items:center; gap:8px; margin:0 0 12px; color:#6a6a6a; font-size:13px; }
body.sme-site a.biz { display:block; text-decoration:none; color:#fff; border-radius:22px; overflow:hidden; margin:0 0 14px; background:#141414; border:1px solid #ececec; }
body.sme-site .biz-photo { position:relative; height:168px; background:#efefef; }
body.sme-site .biz-photo > img { display:block; width:100%; height:168px; object-fit:cover; background:#efefef; }
body.sme-site .biz-photo .mark { position:absolute; top:12px; right:12px; color:#111; }
body.sme-site .biz-body { padding:14px 16px 16px; }
body.sme-site .eyebrow { margin:0; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#cfcfcf; font-weight:600; }
body.sme-site .eyebrow.live { letter-spacing:0; text-transform:none; font-size:13px; color:#e8e8e8; display:flex; align-items:center; gap:8px; }
body.sme-site .eyebrow.live i { width:8px; height:8px; border-radius:50%; background:#e6a23c; display:block; }
body.sme-site .biz-body h2 { margin:8px 0 0; color:#fff; font-size:32px; letter-spacing:-.04em; line-height:1; }
body.sme-site .where { display:flex; align-items:center; gap:6px; margin:6px 0 0; color:#fff; font-size:14px; }
body.sme-site .ask-k { margin:12px 0 0; color:#d0d0d0; font-size:13px; }
body.sme-site .ask { margin:2px 0 0; font-size:32px; font-weight:600; letter-spacing:-.045em; line-height:1; }
body.sme-site .splits { display:grid; gap:0; margin-top:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.16); }
body.sme-site .splits.two { grid-template-columns:1fr 1fr; }
body.sme-site .splits.three { grid-template-columns:1fr 1fr 1fr; }
body.sme-site .splits div { min-width:0; padding:0 8px; border-right:1px solid rgba(255,255,255,.16); }
body.sme-site .splits div:first-child { padding-left:0; }
body.sme-site .splits div:last-child { border-right:0; padding-right:0; }
body.sme-site .splits span { display:block; color:#cfcfcf; font-size:12px; }
body.sme-site .splits b { display:block; margin-top:3px; font-size:14px; font-weight:600; }
body.sme-site .illus { margin:8px 0 0; color:#9a9a9a; font-size:12px; }
body.sme-site .go { display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:12px; background:#d6ff4a; color:#0a0a0a; font-weight:600; font-size:14px; border-radius:999px; padding:10px 12px; }
body.sme-site .go.full { display:flex; width:100%; border-radius:12px; padding:13px 12px; }
body.sme-site .go.end { float:right; }
body.sme-site .showing, body.sme-site .fine { color:#8a8a8a; font-size:13px; margin:4px 0 0; }
body.sme-site .miss { display:flex; gap:12px; align-items:flex-start; background:#d6ff4a; color:#0a0a0a; border-radius:18px; padding:14px; margin-top:16px; }
body.sme-site .miss b { display:block; font-size:16px; }
body.sme-site .miss p { margin:2px 0 0; font-size:14px; }
body.sme-site .empty { background:#121212; color:#fff; border-radius:16px; padding:16px; }
body.sme-site a.back { display:inline-flex; align-items:center; gap:4px; margin-top:14px; color:#3a3a3a; text-decoration:none; font-size:15px; }
body.sme-site .sum { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; background:#121212; color:#fff; border-radius:22px; padding:16px; margin-top:16px; }
body.sme-site .sum-id { display:flex; align-items:center; gap:10px; min-width:0; }
body.sme-site .sum-ico { width:42px; height:42px; border-radius:12px; background:#d6ff4a; color:#0a0a0a; display:grid; place-items:center; flex:none; }
body.sme-site .sum b { display:block; font-size:18px; letter-spacing:-.03em; }
body.sme-site .sum .where { margin:2px 0 0; font-size:13px; }
body.sme-site .sum-price { border-left:1px solid rgba(255,255,255,.2); padding-left:12px; text-align:right; }
body.sme-site .sum-price b { font-size:16px; letter-spacing:-.03em; }
body.sme-site .sum-price span { display:block; margin-top:2px; color:#cfcfcf; font-size:12px; font-weight:500; }
body.sme-site .claim { display:flex; align-items:center; gap:8px; margin:10px 0 0; color:#3a3a3a; font-size:14px; }
body.sme-site .claim i { width:8px; height:8px; border-radius:50%; background:#e6a23c; display:block; }
body.sme-site .step { background:#121212; color:#fff; border-radius:22px; padding:16px 16px 14px; margin-top:12px; }
body.sme-site .step-h { display:flex; align-items:center; gap:10px; margin-bottom:4px; }
body.sme-site .step-h i { width:30px; height:30px; border-radius:50%; background:#d6ff4a; color:#0a0a0a; display:grid; place-items:center; font-style:normal; font-weight:700; font-size:12px; flex:none; }
body.sme-site .step-h b { font-size:18px; letter-spacing:-.02em; }
body.sme-site .step label, body.sme-site form.panel label { display:block; margin:14px 0 6px; color:#fff; font-family:Plex, sans-serif; font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; }
body.sme-site .step input::placeholder, body.sme-site form.panel input::placeholder, body.sme-site form.panel textarea::placeholder { color:#8a8a8a; }
body.sme-site .step input, body.sme-site .step select, body.sme-site form.panel input, body.sme-site form.panel textarea, body.sme-site form.panel select { width:100%; box-sizing:border-box; background:#0e0e0e; color:#fff; border:1px solid #3a3a3a; border-radius:12px; padding:13px 12px; font-size:15px; }
body.sme-site .step .hint { margin:8px 0 0; color:#a3a3a3; font-size:13px; }
body.sme-site .lockrow { display:flex; gap:10px; align-items:flex-start; margin-top:8px; color:#e8e8e8; font-size:14px; }
body.sme-site .lockrow p { margin:0; }
body.sme-site details.fold { margin-top:10px; }
body.sme-site details.fold summary { cursor:pointer; color:#d6ff4a; font-weight:600; font-size:14px; }
body.sme-site details.fold p { margin:8px 0 0; color:#d7d7d7; font-size:14px; line-height:1.45; }
body.sme-site .step .check { display:flex; gap:10px; align-items:flex-start; margin-top:14px; color:#fff; font-family:Plex, sans-serif; font-size:15px; font-weight:500; letter-spacing:0; text-transform:none; }
body.sme-site .step .check input, body.sme-site form.panel .check input { width:auto; margin-top:3px; accent-color:#d6ff4a; }
body.sme-site label.upload { position:relative; display:block; margin-top:8px; border:1px dashed #5a5a5a; border-radius:16px; padding:18px 12px; text-align:center; color:#fff; }
body.sme-site label.upload input { position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer; }
body.sme-site label.upload b { display:block; margin-top:4px; }
body.sme-site label.upload small { display:block; color:#bdbdbd; font-size:13px; }
body.sme-site .access { margin-top:14px; }
body.sme-site .access > .lime-btn { margin-top:14px; }
body.sme-site .center-note { text-align:center; color:#8a8a8a; font-size:13px; margin:10px 0 0; }
body.sme-site .warn { background:#121212; color:#fff; border-radius:18px; padding:16px; margin-top:12px; }
body.sme-site .warn b { display:block; margin-bottom:6px; }
body.sme-site .warn ul { margin:0; padding-left:18px; }
body.sme-site form.panel { background:#121212; color:#fff; border-radius:22px; padding:6px 16px 16px; margin-top:8px; }
body.sme-site form.panel .check { color:#fff; }
body.sme-site form.panel button, body.sme-site .actions .lime-btn { margin-top:16px; }
body.sme-site .actions { display:grid; gap:10px; }
body.sme-site .hidden { display:none; }
@media (max-width:360px) {
  body.sme-site h1 { font-size:34px; }
  body.sme-site .biz-body h2, body.sme-site .ask { font-size:28px; }
}

/* home only: tight geometric grotesque. listing screens stay on Plex. */
body.sme-site.home { font-family: Geist, ui-sans-serif, system-ui, sans-serif; font-weight: 400; letter-spacing: -0.011em; }
body.sme-site.home .wrap { padding: 8px 18px 36px; }
body.sme-site.home .mkt-bar { border-bottom: 1px solid #e4e4e4; padding-bottom: 14px; }
body.sme-site.home .mkt-brand { font-family: Geist, sans-serif; font-weight: 600; font-size: 22px; letter-spacing: -0.045em; }
body.sme-site.home .pill { font-family: Geist, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.04em; padding: 6px 9px; border-radius: 7px; }
body.sme-site.home h1 { font-family: Geist, sans-serif; font-weight: 700; font-size: 40px; line-height: 0.94; letter-spacing: -0.05em; margin: 14px 0 12px; }
body.sme-site.home h1 mark { padding: 0 0.08em 0.02em; border-radius: 2px; }
body.sme-site.home .deck { font-weight: 400; font-size: 16px; line-height: 1.35; letter-spacing: -0.011em; color: #8a8a8a; }
body.sme-site.home a.lime-btn { font-family: Geist, sans-serif; font-weight: 600; font-size: 16px; letter-spacing: -0.02em; border-radius: 14px; }
body.sme-site.home .sell-link { font-family: Geist, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: -0.02em; }
body.sme-site.home .hero h2 { font-family: Geist, sans-serif; font-weight: 700; }
body.sme-site.home .peek b,
body.sme-site.home .peek strong,
body.sme-site.home .peek em { font-family: Geist, sans-serif; }
body.sme-site.home h2.sec,
body.sme-site.home .path h2 { font-family: Geist, sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.045em; line-height: 1.05; }
body.sme-site.home a.cat b { font-family: Geist, sans-serif; font-weight: 600; letter-spacing: -0.03em; }
body.sme-site.home .path b,
body.sme-site.home .path li > i,
body.sme-site.home .sell-cta h2,
body.sme-site.home a.dark-btn,
body.sme-site.home .land-foot,
body.sme-site.home .land-foot .mkt-brand { font-family: Geist, sans-serif; }
body.sme-site.home .path b { font-weight: 600; letter-spacing: -0.02em; }
body.sme-site.home .path p { font-weight: 400; letter-spacing: -0.011em; color: #cfcfcf; }
body.sme-site.home .sell-cta h2 { font-weight: 700; letter-spacing: -0.04em; }
body.sme-site.home .sell-cta p { font-weight: 400; letter-spacing: -0.011em; }
body.sme-site.home a.dark-btn { font-weight: 600; letter-spacing: -0.02em; }
body.sme-site.home .land-foot { font-weight: 400; letter-spacing: -0.011em; color: #8a8a8a; }
body.sme-site.home .foot-links a { font-weight: 600; letter-spacing: -0.02em; }

body.sme-site.home .value { background:#121212; color:#fff; border-radius:24px; padding:20px 18px 18px; margin-top:16px; }
body.sme-site.home .value-kicker { display:inline-block; margin:0; background:#d6ff4a; color:#0a0a0a; font-family:Geist, sans-serif; font-weight:700; font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:5px 8px; border-radius:6px; }
body.sme-site.home .value h2 { margin:10px 0 6px; color:#fff; font-family:Geist, sans-serif; font-weight:700; font-size:28px; letter-spacing:-.045em; line-height:1.05; }
body.sme-site.home .value-lead, body.sme-site.home .value-note { margin:0; color:#c8c8c8; font-size:14px; line-height:1.4; letter-spacing:-.011em; font-weight:400; }
body.sme-site.home .value-step { margin:14px 0 0; color:#d6ff4a; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
body.sme-site.home .value-q { margin-top:8px; }
body.sme-site.home .value-q h3 { margin:0 0 10px; color:#fff; font-family:Geist, sans-serif; font-weight:600; font-size:18px; letter-spacing:-.03em; }
body.sme-site.home .value-choices { display:grid; gap:8px; }
body.sme-site.home .value-choices button, body.sme-site.home .value-back, body.sme-site.home .value-again { font-family:Geist, sans-serif; }
body.sme-site.home .value-choices button { text-align:left; background:#1c1c1c; color:#fff; border:1px solid #333; border-radius:12px; padding:12px 14px; font-size:15px; font-weight:600; letter-spacing:-.02em; cursor:pointer; }
body.sme-site.home .value-choices button[aria-pressed="true"] { border-color:#d6ff4a; background:#d6ff4a; color:#0a0a0a; }
body.sme-site.home .value label { display:block; margin:0 0 6px; color:#fff; font-family:Geist, sans-serif; font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; }
body.sme-site.home .value label span { color:#9a9a9a; font-weight:500; }
body.sme-site.home .value input { width:100%; box-sizing:border-box; background:#0e0e0e; color:#fff; border:1px solid #3a3a3a; border-radius:12px; padding:13px 12px; font-family:Geist, sans-serif; font-size:16px; letter-spacing:-.011em; }
body.sme-site.home .value-hint { margin:8px 0 0; color:#9a9a9a; font-size:13px; }
body.sme-site.home .value-nav { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; margin-top:14px; }
body.sme-site.home .value-back, body.sme-site.home .value-again { background:transparent; color:#fff; border:0; padding:0 4px; font-size:14px; font-weight:600; letter-spacing:-.02em; cursor:pointer; }
body.sme-site.home .value .lime-btn { margin:0; }
body.sme-site.home .value-error { margin:8px 0 0; color:#ffb4b4; font-size:13px; min-height:1.2em; }
body.sme-site.home .value-result { margin-top:8px; }
body.sme-site.home .value-band { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
body.sme-site.home .value-band div { background:#1c1c1c; border-radius:14px; padding:12px; }
body.sme-site.home .value-band span, body.sme-site.home .value-multi span { display:block; color:#bdbdbd; font-size:12px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; }
body.sme-site.home .value-band b { display:block; margin-top:4px; font-size:18px; letter-spacing:-.03em; font-weight:700; }
body.sme-site.home .value-multi { margin-top:10px; }
body.sme-site.home .value-multi b { font-size:16px; letter-spacing:-.03em; }
body.sme-site.home .value-warn { margin-top:10px; color:#0a0a0a; background:#d6ff4a; border-radius:12px; padding:10px 12px; font-size:13px; }



body.sme-site #sell-flow { background:#121212; color:#fff; border-radius:22px; padding:16px 16px 18px; margin-top:12px; }
body.sme-site #sell-flow h2 { color:#fff; font-size:22px; letter-spacing:-.03em; margin:10px 0 12px; }
body.sme-site .sell-step { margin:0; color:#d6ff4a; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
body.sme-site .sell-bar { height:4px; background:#2a2a2a; border-radius:99px; margin-top:8px; overflow:hidden; }
body.sme-site .sell-bar i { display:block; height:100%; width:0; background:#d6ff4a; }
body.sme-site #sell-flow label { display:block; margin:0 0 6px; color:#fff; font-family:Plex, sans-serif; font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; }
body.sme-site #sell-flow input, body.sme-site #sell-flow textarea { width:100%; box-sizing:border-box; background:#0e0e0e; color:#fff; border:1px solid #3a3a3a; border-radius:12px; padding:13px 12px; font-size:16px; }
body.sme-site #sell-flow textarea { min-height:96px; }
body.sme-site #sell-flow .check { display:flex; gap:10px; align-items:flex-start; margin-top:12px; color:#fff; font-family:Plex, sans-serif; font-size:15px; font-weight:500; letter-spacing:0; text-transform:none; }
body.sme-site #sell-flow .check input { width:auto; margin-top:3px; accent-color:#d6ff4a; }
body.sme-site .sell-hint, body.sme-site .sell-note { margin:8px 0 0; color:#c8c8c8; font-size:14px; }
body.sme-site .sell-multi { margin:10px 0 0; color:#d6ff4a; font-size:14px; font-weight:600; }
body.sme-site .sell-error { margin:8px 0 0; color:#ffb4b4; font-size:13px; min-height:1.2em; }
body.sme-site #sell-flow .sell-nav { display:flex; gap:10px; align-items:center; margin-top:14px; }
body.sme-site #sell-flow .sell-back { margin:0; padding:0 4px; background:transparent; color:#fff; border:0; font-size:14px; font-weight:600; cursor:pointer; }
body.sme-site #sell-flow .lime-btn { flex:1; margin:0; }


body.sme-geist { font-family: Geist, ui-sans-serif, system-ui, sans-serif; font-weight: 400; letter-spacing: -0.011em; }
body.sme-geist .mkt-bar { border-bottom: 1px solid #e4e4e4; padding-bottom: 14px; }
body.sme-geist .mkt-brand,
body.sme-geist .pill,
body.sme-geist h1,
body.sme-geist .deck,
body.sme-geist .site-nav a,
body.sme-geist .site-nav .nav-soon,
body.sme-geist .site-foot,
body.sme-geist .mkt-menu nav a,
body.sme-geist #sell-flow,
body.sme-geist #sell-flow h2,
body.sme-geist #sell-flow label,
body.sme-geist #sell-flow input,
body.sme-geist #sell-flow textarea,
body.sme-geist #sell-flow .check,
body.sme-geist #sell-flow .lime-btn,
body.sme-geist #sell-flow .sell-back,
body.sme-geist .sell-step,
body.sme-geist .sell-multi,
body.sme-geist .sell-hint,
body.sme-geist .sell-note,
body.sme-geist .card,
body.sme-geist form.panel,
body.sme-geist form.panel label,
body.sme-geist form.panel input,
body.sme-geist form.panel textarea,
body.sme-geist form.panel .lime-btn { font-family: Geist, sans-serif; }
body.sme-geist .pill { font-weight: 700; letter-spacing: 0.04em; padding: 6px 9px; border-radius: 7px; }
body.sme-geist h1 { font-weight: 700; letter-spacing: -0.05em; line-height: 0.94; }
body.sme-geist .deck { color: #8a8a8a; }
body.sme-geist .deck a { color: #0a0a0a; font-weight: 600; }
body.sme-geist #sell-flow h2 { font-weight: 600; letter-spacing: -0.03em; }
body.sme-geist #sell-flow label,
body.sme-geist form.panel label { letter-spacing: -0.011em; }
body.sme-geist #sell-flow input,
body.sme-geist #sell-flow textarea,
body.sme-geist form.panel input,
body.sme-geist form.panel textarea { letter-spacing: -0.011em; }
body.sme-geist .card { border-radius: 22px; border-color: #242424; }
body.sme-geist .card p { margin: 0 0 10px; line-height: 1.45; }
body.sme-geist .card p:last-child { margin-bottom: 0; }
body.sme-geist .info-card,
body.sme-geist form.panel,
body.sme-geist .sell-saved { max-width: 640px; }

/* desktop only. max-width 720px rules above are unchanged. */
.mkt-bar .site-nav { display: none; }
body.sme-site a.biz.hidden { display: none; }

@media (min-width: 721px) {
  body.sme-site.home .wrap,
  body.sme-site:has(#grid) .wrap,
  body.sme-site:has(form.access) .wrap,
  body.sme-site:has(#sell-flow) .wrap,
  body.sme-geist .wrap,
  body.sme-phone-listing .mkt-sheet {
    max-width: 1100px;
  }

  body.sme-site.home .mkt-bar .site-nav,
  body.sme-site:has(#grid) .mkt-bar .site-nav,
  body.sme-site:has(form.access) .mkt-bar .site-nav,
  body.sme-site:has(#sell-flow) .mkt-bar .site-nav,
  body.sme-geist .mkt-bar .site-nav,
  body.sme-phone-listing .mkt-bar .site-nav {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  body.sme-site.home .mkt-menu,
  body.sme-site:has(#grid) .mkt-menu,
  body.sme-site:has(form.access) .mkt-menu,
  body.sme-site:has(#sell-flow) .mkt-menu,
  body.sme-geist .mkt-menu,
  body.sme-phone-listing .mkt-menu { display: none; }

  /* seller: intro beside the question card */
  body.sme-geist:has(#sell-flow) .wrap {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    column-gap: 36px;
    align-items: start;
  }
  body.sme-geist:has(#sell-flow) .mkt-bar,
  body.sme-geist:has(#sell-flow) .site-foot { grid-column: 1 / -1; }
  body.sme-geist:has(#sell-flow) .sell-intro { grid-column: 1; }
  body.sme-geist:has(#sell-flow) .sell-panel { grid-column: 2; margin-top: 18px; }
  body.sme-geist:has(#sell-flow) #sell-flow { margin-top: 0; max-width: none; }
  body.sme-geist:has(#sell-flow) .sell-panel .warn { margin-top: 0; margin-bottom: 12px; }

  /* home: copy beside the hero, categories across, path beside the estimate */
  body.sme-site.home .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    column-gap: 32px;
    align-items: start;
    grid-auto-flow: dense;
  }
  body.sme-site.home .wrap > * { grid-column: 1 / -1; }
  body.sme-site.home .wrap > .pill { justify-self: start; width: max-content; }
  body.sme-site.home .wrap > .pill,
  body.sme-site.home .wrap > h1,
  body.sme-site.home .wrap > .deck,
  body.sme-site.home .wrap > a.lime-btn,
  body.sme-site.home .wrap > .sell-link { grid-column: 1; }
  body.sme-site.home .wrap > .hero {
    grid-column: 2;
    grid-row: span 5;
    height: auto;
    min-height: 276px;
    align-self: stretch;
    margin-top: 18px;
  }
  body.sme-site.home .cats { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  body.sme-site.home .wrap > .path { grid-column: 1; margin-top: 28px; height: 100%; }
  body.sme-site.home .wrap > .value { grid-column: 2; margin-top: 28px; height: 100%; }

  /* listings and buy: filters across, cards in a grid */
  body.sme-site:has(#grid) .fit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.sme-site:has(#grid) .fit .lime-btn { max-width: 320px; }
  body.sme-site #grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: stretch;
  }
  body.sme-site #grid > a.biz { margin: 0; height: 100%; }
  body.sme-site #grid > .empty { grid-column: 1 / -1; }
  body.sme-site:has(#grid) .biz-photo,
  body.sme-site:has(#grid) .biz-photo > img { height: 220px; }

  /* buyer access: the two short steps sit side by side */
  body.sme-site form.access {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
  }
  body.sme-site form.access > .step:nth-child(3),
  body.sme-site form.access > .lime-btn { grid-column: 1 / -1; }
  body.sme-site form.access > .lime-btn { max-width: 420px; }

  /* listing: photo and facts, then the two lower cards */
  body.sme-phone-listing .mkt-cols {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 20px 28px;
    align-items: start;
    margin-top: 16px;
  }
  body.sme-phone-listing .mkt-stage,
  body.sme-phone-listing .mkt-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
  }
  body.sme-phone-listing .mkt-cols .mkt-photo,
  body.sme-phone-listing .mkt-cols .mkt-claim,
  body.sme-phone-listing .mkt-cols .mkt-price,
  body.sme-phone-listing .mkt-cols .mkt-card { margin-top: 0; }
}

body.sme-site .login-wait { margin-top: 14px; }
body.sme-site .login-dev { margin: 12px 0 0; color: #0a0a0a; font-size: 15px; }
body.sme-site .login-dev b { display: block; font-weight: 600; }
body.sme-site .login-dev span { display: inline-block; margin-top: 6px; font-family: "Plex Mono", monospace; font-size: 22px; letter-spacing: .18em; background: #d6ff4a; color: #0a0a0a; border-radius: 8px; padding: 6px 10px; }
body.sme-site form.panel .hint { margin: 12px 0 0; color: #cfcfcf; font-size: 14px; }
body.sme-geist .center-note a { color: #0a0a0a; font-weight: 600; }

/* seller chat: bubbles, assistant left, seller right, composer at the bottom. Listing stays closed until "View your listing". */
.sell-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.sell-chat-layout { display:flex; flex-direction:column; gap:14px; margin-top:8px; }
.sell-chat { display:flex; flex-direction:column; height:520px; min-height:520px; max-height:520px; overflow:hidden; background:#f4f4f4; border-radius:24px; padding:14px 12px 10px; }
.sell-progress { flex:none; margin:2px 4px 10px; }
.sell-progress-label { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 6px; color:#0a0a0a; font:600 13px/1.2 Geist, Plex, sans-serif; letter-spacing:-.01em; }
.sell-progress-label b { font-variant-numeric:tabular-nums; }
.sell-meter { height:6px; background:#e2e2e2; border-radius:99px; overflow:hidden; }
.sell-meter i { display:block; height:100%; width:0; background:#0a0a0a; border-radius:99px; }
.sell-log { display:flex; flex-direction:column; justify-content:flex-start; gap:8px; flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; overflow-anchor:none; padding:4px 2px 8px; }
.sell-bubble { width:fit-content; max-width:min(34rem, 86%); margin:0; white-space:pre-wrap; padding:10px 14px; line-height:1.4; font-weight:400; }
.sell-bubble.bot { align-self:flex-start; background:#fff; color:#0a0a0a; border:1px solid #e6e6e6; border-radius:18px 18px 18px 6px; }
.sell-bubble.me { align-self:flex-end; margin-left:auto; background:#d6ff4a; color:#0a0a0a; border-radius:18px 18px 6px 18px; }
.sell-composer { flex:none; display:flex; gap:8px; align-items:center; background:#fff; border:1px solid #e4e4e4; border-radius:999px; padding:4px 4px 4px 16px; margin-top:8px; }
.sell-composer input { width:auto; flex:1; min-width:0; margin:0; background:transparent; color:#0a0a0a; border:0; border-radius:0; padding:10px 0; box-shadow:none; }
.sell-composer input:focus { outline:none; }
.sell-composer input::placeholder { color:#8a8a8a; }
.sell-composer .sell-send { margin:0; flex:none; border-radius:999px; padding:10px 16px; }
.sell-listing { margin:0; order:-1; }
.sell-listing summary { list-style:none; cursor:pointer; display:inline-flex; align-items:center; width:auto; margin:0; background:#fff; color:#0a0a0a; border:1px solid #e4e4e4; border-radius:999px; padding:10px 14px; font:600 14px/1 Geist, Plex, sans-serif; }
.sell-listing summary::-webkit-details-marker { display:none; }
.sell-listing summary::marker { content:""; }
.sell-listing[open] summary { margin-bottom:12px; }
.sell-live .mkt-card, .sell-live .mkt-price { margin-top:12px; }
.sell-live .pill { margin-top:0; }
.sell-where { margin:10px 0 0; color:#fff; font-size:15px; }
.sell-live .sell-miss { color:#8d8d8d; font-weight:500; }
.sell-live .mkt-price .sell-miss { color:rgba(10,10,10,.55); }
.sell-live .mkt-ask span.sell-miss { font-size:22px; letter-spacing:0; font-weight:600; }
.sell-live .mkt-stat b.sell-blank { font-size:16px; line-height:1.2; letter-spacing:0; color:#9a9a9a; font-weight:500; }
.sell-read { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 0; border-top:1px solid rgba(255,255,255,.14); color:#fff; }
.sell-live .mkt-read { border-top:0; }
.sell-live .mkt-read .note { margin:0 0 8px; }
@media (min-width: 721px) {
  .sell-chat-layout {
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(300px, 0.95fr);
    gap:28px;
    align-items:start;
  }
  .sell-chat { grid-column:1; }
  .sell-listing { grid-column:2; order:0; }
  .sell-live { position:sticky; top:12px; }
}

/* phone login popup on listing grids */
dialog.auth-modal {
  width: min(440px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
dialog.auth-modal::backdrop { background: rgba(10, 10, 10, 0.62); }
.auth-sheet {
  position: relative;
  background: #fff;
  color: #0a0a0a;
  border-radius: 22px;
  padding: 22px 16px 16px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
}
.auth-sheet .pill { margin-top: 0; }
.auth-sheet h2 { font-size: 32px; line-height: 1.05; letter-spacing: -.04em; margin: 8px 36px 8px 0; }
.auth-sheet .deck { margin-bottom: 12px; }
.auth-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 22px;
  line-height: 1;
}
.auth-sheet .login-dev { color: #0a0a0a; }
.auth-sheet .center-note { margin: 12px 0 0; }
.auth-sheet .center-note button {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #0a0a0a;
  font-weight: 600;
  text-decoration: underline;
}