:root{
  --bg:#f7f5f2;--paper:#fff;--paper-2:#fcfbfa;--paper-3:#f3efec;--ink:#211b19;--muted:#817673;--line:#e9e3de;
  --brand:#ff746d;--brand-2:#ff9e8e;--brand-soft:#fff0ed;--accent:#6f5d58;
  --ok:#1f9d70;--warn:#d88b1e;--shadow:0 12px 38px rgba(70,47,42,.08);
  --radius:22px;--radius-sm:15px;--header:68px;--max:1180px;--on-ink:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.hidden{display:none!important}
.shell{min-height:100vh;padding-bottom:32px}.topbar{height:var(--header);position:sticky;top:0;z-index:50;background:rgba(247,245,242,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,221,215,.86)}.topbar-in{max-width:var(--max);height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;font-size:20px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand-dot{color:var(--brand)}.topnav{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-btn,.ghost-btn,.icon-btn{border:0;background:transparent;color:var(--accent);border-radius:12px;padding:10px 13px;font-weight:750}.nav-btn:hover,.ghost-btn:hover,.icon-btn:hover{background:#eee9e5}.sell-btn,.primary-btn{border:0;background:var(--ink);color:var(--on-ink);border-radius:14px;padding:11px 16px;font-weight:850;box-shadow:0 5px 16px rgba(33,27,25,.14)}.sell-btn:hover,.primary-btn:hover{transform:translateY(-1px)}.avatar-mini{height:38px;min-width:38px;border-radius:12px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 10px;font-weight:800}
.container{max-width:var(--max);margin:0 auto;padding:22px 24px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff8f4 58%,#ffe5dd 100%);border:1px solid var(--line);border-radius:30px;min-height:210px;padding:34px 260px 30px 34px;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);background:var(--brand-soft);padding:7px 10px;border-radius:999px}.hero h1{font-size:clamp(31px,5vw,54px);letter-spacing:-.055em;line-height:.94;margin:16px 0 10px;max-width:650px}.hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;max-width:620px}.hero-cat{position:absolute;width:245px;height:245px;object-fit:contain;right:18px;bottom:-30px;filter:drop-shadow(0 18px 25px rgba(100,60,52,.12))}.hero-bubble{position:absolute;right:205px;top:28px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:9px 12px;border-radius:16px 16px 3px 16px;font-size:12px;font-weight:850;transform:rotate(-3deg)}
.category-bar{display:flex;gap:8px;align-items:center;margin:18px 0 12px;overflow:auto;scrollbar-width:none;padding-bottom:2px}.category-bar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--paper);color:var(--accent);border-radius:999px;padding:9px 13px;white-space:nowrap;font-weight:800;font-size:13px}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.chip.soft{background:var(--brand-soft);border-color:#ffd7d1;color:#a54944}.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin-bottom:12px}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;color:#8b817d}.field,.search-input,.select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:12px 14px;outline:none}.search-input{padding-left:42px}.field:focus,.search-input:focus,.select:focus{border-color:#c9b9b3;box-shadow:0 0 0 4px rgba(255,116,109,.09)}.tool-btn{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:0 14px;font-weight:800;color:var(--accent);min-height:45px}.tool-btn .badge{background:var(--brand);color:#fff;border-radius:99px;font-size:10px;padding:2px 6px;margin-left:5px}.subcats{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin-bottom:14px}.subcats::-webkit-scrollbar{display:none}.subcat{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:9px 2px;font-weight:800;white-space:nowrap;margin-right:13px}.subcat.active{color:var(--ink);border-bottom-color:var(--brand)}
.results-head{display:flex;justify-content:space-between;align-items:center;padding:9px 2px 10px;color:var(--muted);font-size:13px}.results-head strong{color:var(--ink)}.lot-list{display:flex;flex-direction:column;gap:8px}.lot-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px 16px;transition:.16s ease}.lot-card:hover{border-color:#d9cbc5;box-shadow:0 8px 28px rgba(70,47,42,.06);transform:translateY(-1px)}.lot-main{min-width:0}.lot-title-row{display:flex;align-items:center;gap:8px;min-width:0}.lot-title{font-weight:850;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot-badge{font-size:10px;font-weight:900;color:var(--ok);background:#ebfaf4;padding:4px 6px;border-radius:7px;white-space:nowrap}.lot-desc{color:var(--muted);font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-line{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px}.seller-link{font-weight:850;color:#5b504d}.seller-link:hover{color:var(--brand)}.stars{color:#f0a41c;font-size:11px}.reviews{color:var(--muted)}.online-dot{width:6px;height:6px;background:#21bd7b;border-radius:50%;display:inline-block}.lot-side{display:flex;align-items:center;justify-content:flex-end;gap:12px}.price{text-align:right;font-size:18px;font-weight:950;letter-spacing:-.03em;white-space:nowrap}.buy-btn{border:0;background:var(--brand);color:#fff;font-weight:900;padding:10px 14px;border-radius:12px}.buy-btn:hover{background:#ef6962}.empty{min-height:260px;background:var(--paper);border:1px dashed #ddd2cc;border-radius:22px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}.empty img{width:110px;height:110px;object-fit:contain}.empty h3{margin:0 0 5px}.empty p{margin:0;color:var(--muted);font-size:13px}
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(35,26,23,.42);backdrop-filter:blur(4px);z-index:80;display:flex}.drawer-backdrop{justify-content:flex-end}.drawer{height:100%;width:min(430px,94vw);background:var(--paper);padding:24px;overflow:auto;animation:slideIn .2s ease}.modal-backdrop{align-items:center;justify-content:center;padding:18px}.modal{width:min(440px,100%);max-height:92vh;overflow:auto;background:var(--paper);border-radius:26px;padding:24px;box-shadow:0 30px 80px rgba(34,20,16,.22);position:relative}.modal-cat{position:absolute;right:12px;top:-2px;width:95px;height:95px;object-fit:contain;pointer-events:none}.modal h2{font-size:25px;letter-spacing:-.04em;margin:2px 90px 7px 0}.modal p{color:var(--muted);font-size:13px;line-height:1.5}.close-btn{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--paper-3);font-size:20px;z-index:2}.form-stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.form-label{font-size:12px;font-weight:850;color:#5b514e}.hint{font-size:11px;color:var(--muted)}.error{color:#c7423a;font-size:12px}.auth-progress{height:4px;border-radius:99px;background:#f0ece9;overflow:hidden;margin-top:14px}.auth-progress span{display:block;height:100%;background:var(--brand);transition:width .2s}.wide{width:100%}.secondary-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:11px 14px;font-weight:850}.loading-dot{display:inline-block;width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite;vertical-align:-1px;margin-right:6px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:6px 0 18px}.page-head h1{font-size:32px;letter-spacing:-.045em;margin:0}.page-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.back-link{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:13px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:16px}.detail-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.detail-banner{height:300px;background:linear-gradient(120deg,#fff0ec,#f7eee9);display:flex;align-items:center;justify-content:center;position:relative}.detail-banner>img.banner-img{width:100%;height:100%;object-fit:cover}.banner-mascot{width:210px;height:210px;object-fit:contain}.detail-content{padding:22px}.detail-content h1{font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:0 0 9px}.detail-copy{white-space:pre-line;color:#685d59;font-size:14px;line-height:1.65}.seller-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;margin-top:18px}.seller-avatar{width:44px;height:44px;background:#fff6f2;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px}.seller-info{min-width:0}.seller-info b{display:block}.seller-meta{color:var(--muted);font-size:11px;margin-top:3px}.purchase-card{padding:20px;position:sticky;top:90px}.purchase-card .price{font-size:30px;text-align:left;margin:3px 0 3px}.stock{font-size:12px;color:var(--muted);margin-bottom:17px}.qty-row{display:grid;grid-template-columns:42px 1fr 42px;gap:6px}.qty-btn{border:1px solid var(--line);background:var(--paper);border-radius:12px;font-size:20px}.qty-value{text-align:center}.total-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:13px}.total-row strong{font-size:20px}.purchase-actions{display:flex;flex-direction:column;gap:8px}.safety{margin-top:16px;background:var(--paper-3);border-radius:14px;padding:12px;font-size:11px;color:var(--muted);line-height:1.45}.attrs{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.attr{background:#f7f3f0;border-radius:9px;padding:7px 9px;font-size:11px;color:#635754}
.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-title h2{margin:0;font-size:23px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-section{margin-top:17px}.filter-section h4{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.filter-actions{position:sticky;bottom:-24px;background:var(--paper);padding:15px 0 0;margin-top:18px;display:flex;gap:8px}.filter-actions button{flex:1}
.profile-hero{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:26px;overflow:hidden}.profile-banner{height:190px;background:linear-gradient(125deg,#ffe4dc,#fff9f6);position:relative;overflow:hidden}.profile-banner img.cover{width:100%;height:100%;object-fit:cover}.profile-banner img.mascot-deco{position:absolute;width:180px;right:26px;bottom:-35px}.profile-body{padding:0 24px 24px}.profile-icon{width:82px;height:82px;margin-top:-42px;position:relative;background:var(--paper);border:5px solid #fff;border-radius:22px;box-shadow:0 7px 20px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:39px}.profile-name{font-size:28px;font-weight:950;letter-spacing:-.04em;margin-top:9px}.profile-stats{display:flex;gap:18px;margin-top:10px;color:var(--muted);font-size:12px}.profile-stats strong{color:var(--ink)}.profile-bio{max-width:660px;font-size:13px;line-height:1.55;color:#655b57;margin-top:14px}.section-title{font-size:20px;letter-spacing:-.03em;margin:24px 0 10px}.buyer-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;min-height:320px;display:grid;grid-template-columns:1fr 240px;overflow:hidden}.buyer-main{padding:34px}.buyer-main h1{font-size:34px;letter-spacing:-.05em;margin:0}.buyer-main p{color:var(--muted)}.stats-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.stat-card{background:var(--paper-3);border-radius:17px;padding:16px;min-width:140px}.stat-card .num{font-size:27px;font-weight:950}.stat-card .lab{font-size:11px;color:var(--muted);margin-top:3px}.buyer-cat{background:var(--brand-soft);display:flex;align-items:flex-end;justify-content:center}.buyer-cat img{width:210px;height:210px;object-fit:contain}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px}.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:24px;font-weight:950;letter-spacing:-.035em;margin-top:6px}.metric-delta{font-size:10px;color:var(--ok);margin-top:4px}.promo-card{background:linear-gradient(120deg,#302723,#4e3a35);color:#fff;border-radius:23px;margin-top:12px;padding:20px 150px 20px 20px;position:relative;overflow:hidden}.promo-card img{position:absolute;right:15px;width:130px;bottom:-17px}.promo-card p{color:#ddcfca;font-size:12px;max-width:540px}.order-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.order-num{width:48px;height:48px;border-radius:14px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-weight:950;color:#a64c46}.order-title{font-weight:850}.order-meta{color:var(--muted);font-size:11px;margin-top:5px}.order-state{font-size:11px;font-weight:900;padding:6px 8px;border-radius:9px;background:#f2efec;color:#6d615d}.order-state.ok{background:#ebf9f3;color:#25805f}.order-state.warn{background:#fff3df;color:#9c681c}.order-price{text-align:right;font-weight:950}.orders-list{display:flex;flex-direction:column;gap:8px}.tabbar{display:none}
.chat-layout{display:grid;grid-template-columns:320px 1fr;height:650px;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.chat-list{border-right:1px solid var(--line);overflow:auto}.chat-item{padding:14px;border-bottom:1px solid var(--line);cursor:pointer}.chat-item.active{background:#fff6f3}.chat-name{font-weight:850;font-size:13px}.chat-preview{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-head{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:850}.messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:72%;padding:10px 12px;border-radius:14px;background:var(--paper-3);font-size:13px;line-height:1.45}.bubble.mine{align-self:flex-end;background:var(--brand-soft)}.bubble.system{align-self:center;background:#fff8e8;color:#765c2f;font-size:11px;max-width:90%}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}
#toast-root{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{background:#251f1d;color:#fff;border-radius:14px;padding:12px 14px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.16);animation:toastIn .2s ease;max-width:320px}
.skeleton{background:linear-gradient(90deg,#f1eeeb 25%,#f8f6f4 50%,#f1eeeb 75%);background-size:200% 100%;animation:shimmer 1.1s infinite;border-radius:9px}.skeleton-card{height:80px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px}.skeleton-line{height:12px;margin-bottom:10px}.skeleton-line.short{width:35%}.skeleton-line.med{width:65%}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{from{transform:translateX(30px);opacity:0}}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}
@media(max-width:900px){.hero{padding-right:210px}.hero-cat{width:205px}.dashboard-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.purchase-card{position:static}.chat-layout{grid-template-columns:260px 1fr}}
@media(max-width:720px){:root{--header:58px}.shell{padding-bottom:78px}.topbar-in{padding:0 13px}.brand{font-size:17px}.brand img{width:32px;height:32px}.topnav .nav-btn{display:none}.sell-btn{font-size:11px;padding:9px 11px}.avatar-mini{height:34px}.container{padding:13px}.hero{min-height:142px;border-radius:22px;padding:20px 112px 18px 18px}.eyebrow{font-size:9px;padding:5px 7px}.hero h1{font-size:30px;margin:10px 0 0}.hero p,.hero-bubble{display:none}.hero-cat{width:145px;height:145px;right:-15px;bottom:-14px}.category-bar{margin:12px 0 8px}.chip{padding:8px 11px;font-size:11px}.catalog-tools{grid-template-columns:1fr auto}.catalog-tools .select{display:none}.tool-btn{min-height:42px;padding:0 12px}.search-input{padding-top:10px;padding-bottom:10px}.subcats{margin-bottom:8px}.subcat{font-size:12px;padding:7px 1px}.results-head{font-size:11px;padding:5px 1px 8px}.lot-list{gap:5px}.lot-card{grid-template-columns:minmax(0,1fr) auto;border-radius:14px;padding:11px 11px;gap:9px}.lot-card:hover{transform:none;box-shadow:none}.lot-title{font-size:13px}.lot-desc{font-size:10px;margin-top:3px}.seller-line{font-size:10px;margin-top:6px;gap:4px}.stars{font-size:9px}.reviews{display:none}.lot-side{gap:8px;flex-direction:column;align-items:flex-end}.price{font-size:14px}.buy-btn{font-size:10px;padding:7px 9px;border-radius:9px}.lot-badge{font-size:8px;padding:3px 5px}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:24px 24px 0 0;padding:20px 17px max(19px,env(safe-area-inset-bottom));width:100%;max-height:90vh}.drawer{width:100%;padding:20px 16px max(20px,env(safe-area-inset-bottom))}.page-head{margin:2px 0 13px}.page-head h1{font-size:25px}.page-head p{display:none}.detail-card,.panel{border-radius:18px}.detail-banner{height:190px}.detail-content{padding:16px}.detail-content h1{font-size:22px}.detail-copy{font-size:12px}.purchase-card{padding:16px}.purchase-card .price{font-size:25px}.detail-grid{gap:8px}.profile-hero{border-radius:20px}.profile-banner{height:125px}.profile-banner img.mascot-deco{width:125px;right:8px}.profile-body{padding:0 15px 17px}.profile-icon{width:66px;height:66px;margin-top:-33px;border-radius:18px;font-size:31px}.profile-name{font-size:23px}.profile-stats{gap:11px;font-size:10px}.buyer-card{grid-template-columns:1fr;min-height:0;border-radius:20px}.buyer-main{padding:22px}.buyer-main h1{font-size:27px}.buyer-cat{display:none}.stat-card{min-width:120px;padding:13px}.stat-card .num{font-size:23px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:7px}.metric{padding:13px;border-radius:15px}.metric-value{font-size:20px}.promo-card{padding:16px 105px 16px 16px;border-radius:18px}.promo-card img{width:95px}.order-card{grid-template-columns:auto minmax(0,1fr);padding:11px;border-radius:14px;gap:9px}.order-num{width:39px;height:39px;border-radius:11px;font-size:12px}.order-title{font-size:12px}.order-price{grid-column:2;font-size:12px;text-align:left}.order-state{display:none}.filter-grid{grid-template-columns:1fr}.chat-layout{display:block;height:calc(100vh - 150px);border-radius:18px}.chat-list{border:0}.chat-pane{position:fixed;inset:58px 0 64px;background:var(--paper);z-index:70}.chat-pane.mobile-hidden{display:none}.bubble{max-width:86%}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:56px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;z-index:60;box-shadow:0 8px 30px rgba(57,38,33,.12);overflow:hidden}.tab{border:0;background:transparent;color:#867a76;font-size:9px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tab svg{width:19px;height:19px}.tab.active{color:var(--brand)}#toast-root{left:13px;right:13px;bottom:76px}.toast{max-width:none}.section-title{font-size:17px;margin:18px 0 8px}}
@media(max-width:390px){.hero{padding-right:95px}.hero h1{font-size:27px}.hero-cat{right:-23px;width:130px}.lot-card{padding:10px 9px}.buy-btn{padding:7px}.category-bar{gap:5px}.dashboard-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:18px}}

/* omp.gg / push opt-in / seller storefront */
.push-strip{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;margin:12px 0 2px;padding:10px 12px 10px 8px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 22px rgba(70,47,42,.04)}
.push-strip>img{width:58px;height:58px;object-fit:contain}.push-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.push-copy b{font-size:13px}.push-copy span{font-size:11px;color:var(--muted);line-height:1.35}.push-action{justify-self:end}.push-toggle{white-space:nowrap;padding:9px 12px;font-size:11px}.push-state{font-size:10px}.muted{color:var(--muted)}
.storefront-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.storefront-toolbar .back-link{margin:0}.storefront-theme{border-color:color-mix(in srgb,var(--store-accent) 18%,var(--line));box-shadow:0 14px 44px color-mix(in srgb,var(--store-accent) 9%,transparent)}.storefront-theme .profile-banner{background:linear-gradient(120deg,var(--store-soft),var(--store-hero))}.storefront-gradient{position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.9),transparent 30%),linear-gradient(120deg,var(--store-soft),var(--store-hero))}.storefront-theme .profile-icon{box-shadow:0 0 0 4px #fff,0 8px 28px color-mix(in srgb,var(--store-accent) 22%,transparent)}.profile-kicker{font-size:10px;font-weight:850;color:var(--store-accent);margin-top:9px}.storefront-note{display:inline-flex;margin-top:11px;padding:8px 10px;border-radius:10px;background:var(--store-soft);color:color-mix(in srgb,var(--store-accent) 75%,#211b19);font-size:11px;font-weight:800}.store-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.store-link{font-size:10px;font-weight:850;padding:7px 9px;border:1px solid color-mix(in srgb,var(--store-accent) 25%,var(--line));border-radius:999px;background:var(--paper)}.store-link:hover{color:var(--store-accent)}.storefront-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:18px}.storefront-heading .section-title{margin:6px 0 8px}.storefront-lots.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.storefront-lots.grid .lot-card{grid-template-columns:1fr;align-content:space-between;min-height:142px}.storefront-lots.grid .lot-side{justify-content:space-between}.storefront-lots.grid .price{text-align:left}.storefront-lots.grid .lot-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.storefront-editor{padding-bottom:32px}.mini-store-preview{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);margin:16px 0;padding:82px 14px 14px}.mini-store-cover{position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(120deg,var(--store-soft),#fff)}.mini-store-cover img{width:100%;height:100%;object-fit:cover}.mini-store-cover img[src*="mascot"]{object-fit:contain;object-position:right center}.mini-store-icon{position:relative;width:44px;height:44px;margin-top:-28px;margin-bottom:7px;border:3px solid #fff;background:var(--store-soft);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px}.mini-store-preview>b{display:block;font-size:13px}.mini-store-preview>span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.editor-section{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.editor-section h4{margin:0 0 11px;font-size:13px}.theme-picker,.icon-picker{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 14px}.theme-swatch input,.icon-picker input,.layout-picker input{position:absolute;opacity:0;pointer-events:none}.theme-swatch span{display:block;width:30px;height:30px;background:var(--swatch);border-radius:10px;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.theme-swatch input:checked+span{box-shadow:0 0 0 2px var(--ink)}.icon-picker label span{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:19px}.icon-picker input:checked+span{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 2px rgba(255,116,109,.12)}.textarea{min-height:84px;resize:vertical}.range{width:100%;accent-color:var(--brand);margin-top:8px}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.layout-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.layout-picker span{display:block;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:11px;font-weight:800}.layout-picker input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:#a54944}.file-field{font-size:11px;padding:9px}.seller-push-tip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-top:9px}.seller-push-tip>div{display:flex;flex-direction:column;gap:3px}.seller-push-tip b{font-size:12px}.seller-push-tip span{font-size:10px;color:var(--muted)}.push-ok{font-weight:850;color:var(--ok)!important;white-space:nowrap}
@media(max-width:720px){.hero-bubble{display:block;right:76px;top:13px;max-width:118px;padding:6px 7px;font-size:8px;line-height:1.15;transform:rotate(-2deg)}.push-strip{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;margin:8px 0 2px;padding:7px 8px 7px 5px;border-radius:14px}.push-strip>img{width:42px;height:42px}.push-copy b{font-size:10px}.push-copy span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.push-toggle{font-size:9px;padding:7px 8px;border-radius:10px}.push-state{display:none}.storefront-toolbar{margin-bottom:7px}.storefront-toolbar .secondary-btn{font-size:10px;padding:8px 10px}.profile-kicker{font-size:9px}.storefront-note{font-size:9px;padding:6px 8px;margin-top:8px}.store-link{font-size:9px;padding:6px 8px}.desktop-store-edit{display:none}.storefront-heading{margin-top:13px}.storefront-lots.grid{display:flex;flex-direction:column;gap:5px}.storefront-lots.grid .lot-card{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0}.storefront-lots.grid .lot-side{flex-direction:column;align-items:flex-end}.storefront-lots.grid .lot-desc{white-space:nowrap;display:block}.seller-push-tip{padding:10px 11px}.seller-push-tip span{max-width:210px}.seller-push-tip .secondary-btn{padding:8px 10px;font-size:9px}.storefront-editor{padding-top:18px}.mini-store-preview{margin:10px 0}.icon-picker{gap:5px}.icon-picker label span{width:34px;height:34px}.theme-swatch span{width:28px;height:28px}}
@media(max-width:390px){.hero-bubble{right:64px;top:11px;max-width:106px;font-size:7px}.push-copy span{display:none}.push-strip{grid-template-columns:38px 1fr auto}.push-strip>img{width:38px;height:38px}.seller-push-tip>div span{display:none}}

/* Lot composer + Teletype-like rich content + related listings */
.lot-create-head{align-items:center}.lot-create-head>img{width:92px;height:92px;object-fit:contain;margin-bottom:-12px}.lot-create-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr);gap:14px;align-items:start}.lot-form-main,.lot-form-side{padding:18px;overflow:visible}.lot-form-main{display:flex;flex-direction:column;gap:14px}.lot-form-side{display:flex;flex-direction:column;gap:10px;position:sticky;top:88px}.lot-form-box{border:1px solid var(--line);border-radius:16px;padding:13px;background:var(--paper)}.lot-form-box h3{font-size:13px;margin:0 0 11px}.lot-form-box label{display:block;margin-top:9px}.lot-form-box label:first-of-type{margin-top:0}.form-stack.compact{margin-top:0;gap:8px}.lot-form-empty{font-size:11px;color:var(--muted);padding:10px;background:var(--paper-3);border-radius:11px}.price-input{position:relative}.price-input .field{padding-right:38px}.price-input>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:850;color:var(--muted)}.publish-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff6f2,#fff);border:1px solid #f1ded8;border-radius:17px;padding:14px;display:flex;flex-direction:column;gap:7px}.publish-card b{font-size:13px}.publish-card span{font-size:10px;line-height:1.45;color:var(--muted)}.publish-card .primary-btn{margin-top:5px}.lot-media-settings{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;border-top:1px solid var(--line);padding-top:14px}.lot-media-settings>div{grid-column:1/-1}.lot-icon-picker{margin-bottom:0}
.editor-label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.editor-label-row>div{display:flex;align-items:center;gap:6px}.editor-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.editor-count.over{color:#c7423a;font-weight:900}.preview-btn{font-size:10px;padding:5px 8px}.rich-toolbar{position:sticky;top:68px;z-index:8;display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:7px;background:var(--paper-2);border:1px solid var(--line);border-bottom:0;border-radius:15px 15px 0 0}.rich-toolbar>span{height:21px;width:1px;background:var(--line);margin:0 2px}.rich-toolbar button{height:30px;min-width:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:#534946;font-size:11px;font-weight:800;padding:0 7px}.rich-toolbar button:hover{background:var(--paper);border-color:var(--line)}.rich-editor{min-height:330px;border:1px solid var(--line);background:var(--paper);border-radius:0 0 15px 15px;padding:22px 24px;outline:none;color:#3e3532;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.7}.rich-editor:focus{border-color:#c9b9b3;box-shadow:0 0 0 4px rgba(255,116,109,.07)}.rich-editor:empty:before{content:attr(data-placeholder);color:#aaa09c;pointer-events:none}.editor-tip{font-size:10px;color:var(--muted);margin-top:6px}.rich-preview{background:var(--paper-2)}.lot-rich{color:#574d49;font-size:14px;line-height:1.68;overflow-wrap:anywhere}.lot-rich>*:first-child{margin-top:0}.lot-rich>*:last-child{margin-bottom:0}.lot-rich h2{font-size:22px;letter-spacing:-.025em;line-height:1.15;margin:24px 0 9px;color:var(--ink)}.lot-rich h3{font-size:17px;line-height:1.25;margin:20px 0 8px;color:var(--ink)}.lot-rich p{margin:8px 0}.lot-rich ul,.lot-rich ol{padding-left:23px}.lot-rich blockquote{margin:15px 0;padding:12px 15px;border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 12px 12px 0;color:#574844}.lot-rich pre{overflow:auto;background:#282422;color:#f6f2ef;padding:13px 14px;border-radius:13px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.lot-rich code{background:#f2eeeb;border-radius:6px;padding:2px 5px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.lot-rich pre code{background:transparent;padding:0}.lot-rich hr{border:0;border-top:1px solid var(--line);margin:22px 0}.lot-rich a{color:#c6534c;text-decoration:underline;text-underline-offset:2px}.lot-rich figure{margin:18px 0}.lot-rich figure img{display:block;max-width:100%;max-height:620px;border-radius:15px;margin:auto}.lot-rich figcaption{text-align:center;color:var(--muted);font-size:10px;margin-top:6px}.lot-rich .lot-callout{margin:14px 0;padding:13px 14px;border:1px solid #f3d6cf;background:#fff7f4;border-radius:14px}.lot-rich .lot-link-card,.lot-rich .lot-media-card{margin:14px 0;padding:12px 14px;border:1px solid var(--line);background:var(--paper-2);border-radius:14px;font-family:Inter,ui-sans-serif,sans-serif;font-size:11px}.lot-rich .align-center{text-align:center}.lot-rich .align-right{text-align:right}.lot-rich .align-left{text-align:left}
.similar-section{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.similar-head{display:flex;align-items:flex-end;justify-content:space-between;min-height:74px}.similar-head h2{font-size:24px;letter-spacing:-.04em;margin:8px 0 2px}.similar-head p{margin:0;color:var(--muted);font-size:11px}.similar-head>img{width:92px;height:80px;object-fit:contain;margin-bottom:-4px}.similar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:12px 0 10px}.similar-results .lot-card{background:var(--paper)}.similar-empty{display:flex;align-items:center;gap:12px;border:1px dashed #ddd2cc;background:var(--paper);border-radius:16px;padding:12px}.similar-empty img{width:54px;height:54px;object-fit:contain}.similar-empty>div{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}.similar-empty b{font-size:12px}.similar-empty span{font-size:10px;color:var(--muted)}.sim-check{font-size:12px;color:var(--ink);padding:7px 0}.sim-check input{accent-color:var(--brand)}
@media(max-width:820px){.lot-create-grid{grid-template-columns:1fr}.lot-form-side{position:static}.lot-media-settings{grid-template-columns:1fr 1fr}.rich-toolbar{top:58px}.rich-editor{min-height:280px}.similar-head>img{width:72px}.similar-tools{grid-template-columns:minmax(0,1fr) auto}.similar-tools .select{grid-column:1/-1}}
@media(max-width:720px){.lot-create-head>img{width:66px;height:66px}.lot-create-grid{gap:8px}.lot-form-main,.lot-form-side{padding:13px}.lot-media-settings{grid-template-columns:1fr}.lot-media-settings>div{grid-column:auto}.rich-toolbar{position:relative;top:auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:13px 13px 0 0;padding:5px}.rich-toolbar::-webkit-scrollbar{display:none}.rich-toolbar button{flex:0 0 auto;height:28px;min-width:28px;padding:0 6px}.rich-editor{min-height:250px;padding:17px 15px;font-size:15px}.lot-rich{font-size:12px;line-height:1.62}.lot-rich h2{font-size:19px}.lot-rich h3{font-size:15px}.lot-rich figure img{border-radius:11px}.similar-section{margin-top:17px;padding-top:14px}.similar-head{min-height:58px}.similar-head h2{font-size:19px;margin-top:5px}.similar-head p{display:none}.similar-head>img{width:58px;height:58px}.similar-tools{grid-template-columns:minmax(0,1fr) auto;gap:6px}.similar-tools .search-input{font-size:11px;padding-top:10px;padding-bottom:10px}.similar-tools .tool-btn{font-size:10px;padding:0 10px;min-height:40px}.similar-tools .select{font-size:10px;padding:9px 10px}.similar-results .lot-list{gap:5px}.similar-empty{padding:9px}.similar-empty img{width:42px;height:42px}}
@media(max-width:390px){.editor-label-row{align-items:flex-start}.editor-label-row>div{flex-direction:column;align-items:flex-end;gap:2px}.rich-editor{min-height:220px}.similar-tools{grid-template-columns:1fr auto}.similar-head>img{display:none}}
.lot-rich .lot-media-card{padding:0;overflow:hidden;aspect-ratio:16/9;background:#151312}.lot-rich .lot-media-card iframe{display:block;width:100%;height:100%;border:0}.lot-rich table{width:100%;border-collapse:collapse;margin:15px 0;font-family:Inter,ui-sans-serif,sans-serif;font-size:11px}.lot-rich th,.lot-rich td{border:1px solid var(--line);padding:8px 9px;text-align:left}.lot-rich th{background:#f8f5f3;font-weight:850;color:var(--ink)}

/* Seller reputation: permanent rating summary + lots/reviews switch */
.seller-rating-card{margin-top:12px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px 20px;box-shadow:0 8px 26px rgba(70,47,42,.035)}
.seller-rating-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#716662;margin-bottom:13px}
.seller-rating-grid{display:grid;grid-template-columns:130px minmax(260px,1fr) 220px;gap:24px;align-items:center}
.rating-score{display:flex;align-items:flex-end;gap:8px;min-height:64px}.rating-score strong{font-size:50px;line-height:.9;font-weight:950;letter-spacing:-.06em}.rating-score span{font-size:12px;font-weight:850;margin-bottom:5px;white-space:nowrap}
.rating-distribution{display:flex;flex-direction:column;gap:4px}.rating-row{display:grid;grid-template-columns:78px minmax(80px,1fr) 24px;gap:8px;align-items:center;min-height:11px}.rating-stars-mini{font-size:9px;line-height:1;color:#ffc400;letter-spacing:-1px;white-space:nowrap}.rating-bar{height:1px;background:#d9d3cf;position:relative;overflow:visible}.rating-bar i{position:absolute;left:0;top:-1px;height:3px;background:#ffc400;border-radius:99px}.rating-row b{font-size:9px;color:var(--muted);font-weight:800;text-align:right}
.rating-summary{min-height:74px;border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;justify-content:center}.rating-summary>span{font-size:11px;color:var(--muted);margin-bottom:9px}.rating-filter{font-size:12px;font-weight:850;padding:10px 12px;border-radius:11px}
.seller-content-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;border-bottom:1px solid var(--line)}.seller-tabs{display:flex;gap:22px}.seller-tab{appearance:none;border:0;background:transparent;padding:11px 2px 10px;color:var(--muted);font-size:13px;font-weight:900;position:relative}.seller-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:#eee9e5;color:#756a66;font-size:9px}.seller-tab.active{color:var(--ink)}.seller-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:99px;background:var(--store-accent,var(--brand))}.seller-tab.active span{background:var(--store-soft,var(--brand-soft));color:var(--store-accent,var(--brand))}.seller-content-nav .desktop-store-edit{margin-bottom:4px}
.seller-reviews-list{display:flex;flex-direction:column;gap:7px}.seller-review{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.review-head>div{display:flex;align-items:baseline;gap:8px;min-width:0}.review-head b{font-size:12px}.review-head span{font-size:9px;color:var(--muted)}.review-stars{color:#ffc400;font-size:12px;letter-spacing:-1px;white-space:nowrap}.seller-review p{margin:8px 0 0;color:#625753;font-size:12px;line-height:1.55;white-space:pre-line}.seller-reviews-empty{min-height:190px}.compact-empty{min-height:120px;margin-bottom:7px}.compact-empty h3{font-size:14px}.compact-empty p{font-size:11px}
@media(max-width:720px){.seller-rating-card{margin-top:8px;border-radius:16px;padding:12px}.seller-rating-label{font-size:8px;margin-bottom:9px}.seller-rating-grid{grid-template-columns:72px minmax(0,1fr);gap:10px 12px}.rating-score{min-height:48px;display:block}.rating-score strong{font-size:36px;display:block}.rating-score span{font-size:9px}.rating-distribution{gap:3px}.rating-row{grid-template-columns:55px minmax(45px,1fr) 14px;gap:5px}.rating-stars-mini{font-size:7px}.rating-row b{font-size:7px}.rating-summary{grid-column:1/-1;min-height:0;border-left:0;border-top:1px solid var(--line);padding:9px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:8px;align-items:center}.rating-summary>span{font-size:9px;margin:0}.rating-filter{font-size:9px;padding:8px 9px}.seller-content-nav{margin:10px 0 6px}.seller-tabs{gap:16px}.seller-tab{font-size:11px;padding:9px 1px 8px}.seller-tab span{height:18px;min-width:18px;font-size:8px}.seller-review{padding:11px 12px;border-radius:13px}.review-head b{font-size:10px}.review-head span{font-size:8px}.review-stars{font-size:10px}.seller-review p{font-size:10px;margin-top:6px}.seller-reviews-empty{min-height:170px}}

/* 700+ category catalog: indexed in JS, only a small searched window is rendered */
.category-drawer-search{margin:14px 0 10px}.category-search-list,.lot-category-results{display:flex;flex-direction:column;gap:6px}.category-search-row,.lot-category-option{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.category-search-row:hover,.lot-category-option:hover{border-color:#d7c9c3;background:var(--paper-2)}.category-search-row>span,.lot-category-option>span{min-width:0;display:flex;flex-direction:column;gap:3px}.category-search-row b,.lot-category-option b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-search-row small,.lot-category-option small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-search-row em,.lot-category-option em{font-style:normal;font-size:9px;font-weight:850;color:var(--muted);white-space:nowrap;background:#f5f1ee;padding:5px 7px;border-radius:8px}.category-search-empty{min-height:150px;border:1px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:18px}.category-search-empty img{width:62px;height:62px;object-fit:contain}.category-search-empty b{font-size:12px}.category-search-empty span{font-size:10px;color:var(--muted)}.category-drawer-foot{display:flex;align-items:center;gap:9px;margin:16px 0 2px;padding:10px;border-radius:13px;background:var(--paper-2)}.category-drawer-foot img{width:44px;height:44px;object-fit:contain}.category-drawer-foot span{font-size:9px;color:var(--muted);line-height:1.4}

/* Create lot v2: optional params, protected autodelivery, compact mobile flow */
.lot-core-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:12px}.lot-sale-grid{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:10px}.lot-core-grid>label,.lot-core-grid>div{min-width:0}.lot-form-main>.lot-form-box,.lot-sale-grid .lot-form-box{margin:0}.delivery-box{min-height:100%}.delivery-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.delivery-box-head h3{margin:0 0 2px}.delivery-box-head>div>span{display:block;color:var(--muted);font-size:9px}.switch{position:relative;display:inline-flex!important;margin:0!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:44px;height:26px;border-radius:99px;background:#e8e1dd;position:relative;transition:.18s}.switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:var(--paper);box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.18s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:after{transform:translateX(18px)}.stock-lines{min-height:150px;resize:vertical;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.stock-lines-meta{display:flex;align-items:flex-start;gap:10px;margin-top:7px}.stock-lines-meta b{font-size:10px;white-space:nowrap;color:var(--ok)}.stock-lines-meta span{font-size:9px;color:var(--muted);line-height:1.45}.inventory-security{font-size:9px;line-height:1.45;color:#53665d;background:#eef8f3;border:1px solid #d9eee4;border-radius:10px;padding:8px 9px;margin-top:8px}.auto-delivery-note{display:flex;flex-direction:column;gap:2px;background:#eef8f3;border:1px solid #d7eee3;border-radius:11px;padding:9px 10px;margin:-5px 0 14px}.auto-delivery-note b{font-size:10px;color:var(--ok)}.auto-delivery-note span{font-size:9px;color:#60736a;line-height:1.4}
.lot-category-picker{position:relative}.category-picker-button{width:100%;min-height:47px;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.category-picker-button>span{display:flex;min-width:0;flex-direction:column;gap:2px}.category-picker-button small{font-size:9px;color:var(--muted);font-weight:750}.category-picker-button b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-picker-button i{font-style:normal;color:var(--muted)}.category-picker-button.selected{border-color:#cbbcb5}.category-picker-popover{position:absolute;z-index:40;top:calc(100% + 7px);left:0;right:0;min-width:390px;max-height:480px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 20px 55px rgba(51,34,29,.16)}.category-picker-head{display:flex;justify-content:space-between;align-items:center;padding:2px 40px 9px 2px;position:relative}.category-picker-head>div{display:flex;flex-direction:column}.category-picker-head b{font-size:13px}.category-picker-head span{font-size:9px;color:var(--muted)}.category-picker-head .close-btn{top:-4px;right:-3px}.category-picker-popover .search-wrap{margin-bottom:8px}
.optional-details,.lot-optional-block{padding:0!important;overflow:hidden}.optional-details>summary,.lot-optional-block>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;cursor:pointer}.optional-details>summary::-webkit-details-marker,.lot-optional-block>summary::-webkit-details-marker{display:none}.optional-details>summary>span,.lot-optional-block>summary>span{display:flex;flex-direction:column;gap:2px}.optional-details>summary b,.lot-optional-block>summary b{font-size:12px}.optional-details>summary small,.lot-optional-block>summary small{font-size:9px;color:var(--muted)}.optional-details>summary i,.lot-optional-block>summary i{font-style:normal;font-size:18px;color:var(--muted);transition:.15s}.optional-details[open]>summary i,.lot-optional-block[open]>summary i{transform:rotate(45deg)}.optional-details>#lot-attrs{padding:0 13px 13px}.lot-optional-block{border:1px solid var(--line);border-radius:15px;background:var(--paper)}.lot-optional-block .lot-media-settings{margin:0 13px 13px;padding-top:12px}.mobile-publish-bar{display:none}

/* Autodelivery inside an order */
.order-detail-main{display:flex;flex-direction:column;gap:10px}.order-info-panel{padding:20px}.order-info-panel h2{margin:0 0 12px}.delivery-panel{padding:17px}.delivery-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.delivery-panel-head h2{font-size:19px;margin:7px 0 0}.delivery-items{display:flex;flex-direction:column;gap:6px;margin-top:13px}.delivery-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper-2);border-radius:11px;padding:7px}.delivery-item>span{width:26px;height:26px;border-radius:8px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:var(--muted)}.delivery-item code{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.delivery-item button{font-size:9px;padding:7px}.pending-delivery{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fffaf0}.pending-delivery h2{margin:7px 0 4px;font-size:18px}.pending-delivery p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.order-contact-card{height:max-content}

@media(max-width:820px){.lot-core-grid,.lot-sale-grid{grid-template-columns:1fr}.category-picker-popover{min-width:0}.lot-form-side{position:static}.order-detail-grid{grid-template-columns:1fr}.order-contact-card{position:static}}
@media(max-width:720px){
  .lot-create-page{padding-bottom:104px}.lot-create-page .back-link{margin-bottom:5px}.lot-create-head{margin-bottom:8px}.lot-create-head h1{font-size:23px}.lot-create-grid{gap:7px}.lot-form-main{padding:11px;gap:10px}.lot-form-side{padding:0;border:0;background:transparent}.lot-form-side .optional-details,.lot-form-side .publish-card{background:var(--paper)}.lot-form-side .publish-card{display:none}.lot-form-box{border-radius:14px;padding:11px}.lot-core-grid,.lot-sale-grid{gap:7px}.lot-sale-grid{grid-template-columns:115px minmax(0,1fr)}.lot-sale-grid .lot-form-box{padding:10px}.lot-sale-grid .form-label{font-size:10px}.delivery-box-head>div>span{display:none}.delivery-box-head h3,.lot-form-box h3{font-size:11px}.stock-lines{min-height:138px;font-size:11px}.stock-lines-meta{display:block}.stock-lines-meta span{display:block;margin-top:3px}.category-picker-button{min-height:44px}.category-picker-popover{position:fixed;inset:58px 0 70px;max-height:none;min-width:0;border:0;border-radius:0;padding:14px 13px 20px;z-index:79;box-shadow:none;overflow:auto}.category-picker-head{position:sticky;top:-14px;background:var(--paper);z-index:2;padding:12px 42px 10px 1px;margin:-12px 0 3px}.category-picker-popover .search-wrap{position:sticky;top:42px;z-index:2;background:var(--paper);padding-bottom:8px}.lot-category-option{padding:10px}.lot-category-option b{font-size:11px}.lot-category-option small{font-size:8px}.optional-details>summary,.lot-optional-block>summary{padding:11px}.rich-editor{min-height:190px;max-height:52vh;overflow:auto;padding:14px 12px;font-size:15px}.rich-toolbar{margin:0 -1px;scroll-snap-type:x proximity}.rich-toolbar button{height:34px;min-width:34px;scroll-snap-align:start}.editor-tip{font-size:9px}.lot-media-settings{padding-top:8px!important}.mobile-publish-bar{display:flex;position:fixed;left:8px;right:8px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 68px));z-index:58;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border:1px solid var(--line);box-shadow:0 10px 32px rgba(60,40,34,.16);border-radius:16px;padding:8px 8px 8px 11px}.mobile-publish-bar>div{min-width:0;display:flex;flex-direction:column}.mobile-publish-bar b{font-size:11px}.mobile-publish-bar span{font-size:8px;color:var(--muted)}.mobile-publish-bar .primary-btn{padding:10px 12px;font-size:10px}.lot-create-page input,.lot-create-page textarea,.lot-create-page select{font-size:16px}.delivery-panel{padding:12px}.delivery-panel-head{display:block}.delivery-panel-head .secondary-btn{margin-top:9px;width:100%}.delivery-panel-head h2{font-size:16px}.delivery-item{grid-template-columns:22px minmax(0,1fr);padding:7px}.delivery-item>span{width:22px;height:22px}.delivery-item code{font-size:10px}.delivery-item button{grid-column:2;width:max-content;padding:5px 0}.pending-delivery{display:block}.pending-delivery button{width:100%;margin-top:10px}.order-info-panel{padding:14px}.category-search-row{padding:10px}.category-drawer .hint{padding-right:28px}
}
@media(max-width:430px){.lot-sale-grid{grid-template-columns:1fr}.lot-create-head>img{display:none}.stock-lines{min-height:128px}.category-search-row em{display:none}.mobile-publish-bar{bottom:max(70px,calc(env(safe-area-inset-bottom) + 66px))}}
.buy-btn:disabled,.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lot-card.sold-out{opacity:.72}.lot-card.sold-out .price{color:var(--muted)}.page-actions{display:flex;gap:8px;align-items:center}.page-actions>*{flex:0 0 auto}
@media(max-width:720px){.page-head:has(.page-actions){align-items:flex-start;flex-direction:column}.page-actions{width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.page-actions::-webkit-scrollbar{display:none}.page-actions .primary-btn,.page-actions .secondary-btn,.page-actions .select{font-size:10px;padding:9px 10px;min-height:38px}.page-actions .select{width:auto!important}.lot-card.sold-out .buy-btn{max-width:78px;white-space:normal;line-height:1.05}}

/* Invisible progressive loading: technical page sizes never surface in the UI. */
.catalog-load-sentinel{height:2px;width:100%;pointer-events:none;opacity:0}

/* Mobile chat clearance: composer always stays above the floating bottom navigation. */
@media(max-width:720px){
  :root{--mobile-nav-bottom:max(8px,env(safe-area-inset-bottom));--mobile-nav-clearance:calc(68px + var(--mobile-nav-bottom))}
  .chat-layout{height:calc(100dvh - 138px);min-height:360px}
  .chat-pane{inset:58px 0 var(--mobile-nav-clearance);height:auto;max-height:calc(100dvh - 58px - var(--mobile-nav-clearance));overflow:hidden}
  .chat-head{flex:0 0 auto;background:var(--paper)}
  .messages{min-height:0;padding-bottom:14px;overscroll-behavior:contain}
  .chat-compose{flex:0 0 auto;position:relative;z-index:3;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--paper);padding:10px 10px 11px;box-shadow:0 -8px 20px rgba(60,40,34,.04)}
  .chat-compose .field{min-width:0;font-size:16px}
  .chat-compose .primary-btn{min-height:44px;white-space:nowrap;padding:10px 13px}
}
@media(max-width:390px){
  .chat-compose{gap:6px;padding-left:8px;padding-right:8px}
  .chat-compose .primary-btn{padding-left:10px;padding-right:10px;font-size:11px}
}

/* Order confirmation / seller refund / review-in-chat */
.action-confirm-modal{width:min(470px,100%)}
.action-confirm-modal h2{margin-top:12px}.action-confirm-modal p b{color:var(--ink)}
.confirm-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:5px}.confirm-actions>*{min-height:44px}
.danger-btn{background:#b94740!important}.danger-btn:hover{background:#a83e38!important}.danger-outline{border-color:#efc4c0!important;color:#a83e38!important;background:#fff8f7!important}
.refund-reason{min-height:92px;resize:vertical}
.order-action-panel{padding:16px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.order-action-panel h3{margin:6px 0 4px;font-size:17px}.order-action-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:620px}.order-action-panel.refunded{display:block;background:var(--paper-2)}.order-action-panel.review-ready{background:#fffaf3}.order-action-panel.seller-refund{background:#fffafa}.order-action-panel>button{white-space:nowrap}.seller-delivery-state{padding:16px}.seller-delivery-state h2{font-size:17px;margin:7px 0 4px}.seller-delivery-state p{font-size:10px;color:var(--muted);margin:0}

.chat-head{display:flex;align-items:center;gap:8px;min-width:0}.chat-back{padding:5px 8px!important;flex:0 0 auto}.chat-head-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.chat-head-copy b,.chat-head-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-copy b{font-size:13px}.chat-head-copy span{font-size:9px;color:var(--muted);font-weight:700}.bubble-author{display:block;font-size:8px;color:var(--muted);font-weight:850;margin-bottom:3px}.chat-image{display:block;max-width:100%;max-height:340px;object-fit:contain;border-radius:10px;margin-top:7px}
.chat-order-card{width:min(560px,100%);align-self:center;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:13px;box-shadow:0 7px 24px rgba(55,35,30,.045)}.chat-order-card.confirmed{border-color:#cfe9dd}.chat-order-card.refunded{background:var(--paper-2)}.chat-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.chat-order-top>div{min-width:0;display:flex;flex-direction:column;gap:3px}.chat-order-top b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-order-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.chat-order-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.chat-order-meta strong{font-size:15px;color:var(--ink)}.chat-order-event,.chat-order-reason{margin-top:8px;padding:8px 9px;border-radius:10px;background:var(--paper-3);font-size:9px;line-height:1.45;color:#6f625e}.chat-order-reason{background:#fff5f3}.chat-order-actions{display:flex;flex-direction:column;gap:7px;margin-top:10px}.chat-order-action{width:100%;min-height:40px}.chat-order-done{font-size:9px;color:var(--ok);font-weight:850;background:#eef9f4;padding:8px 9px;border-radius:10px}.order-event-note{max-width:min(520px,92%);padding:7px 10px!important}.order-event-note b{margin-right:4px}
.chat-review-form{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.chat-review-title{display:flex;flex-direction:column;gap:2px}.chat-review-title b{font-size:11px}.chat-review-title span{font-size:8px;color:var(--muted)}.chat-review-form textarea{min-height:72px;resize:vertical;font-size:12px;line-height:1.45}.review-stars-input{display:flex;gap:3px;flex-direction:row}.review-stars-input label{cursor:pointer}.review-stars-input input{position:absolute;opacity:0;pointer-events:none}.review-stars-input span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#f4f0ed;color:#d8d0cb;font-size:19px;transition:.12s}.review-stars-input label.selected span,.review-stars-input label:has(input:checked) span{background:#fff5d8;color:#efa51a}.review-stars-input input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}

/* Final mobile audit */
body{overflow-x:hidden}.drawer,.modal{overscroll-behavior:contain}.lot-card>* ,.order-card>* ,.detail-grid>* ,.chat-layout>*{min-width:0}
@media(max-width:720px){
  .shell{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .modal{max-height:88dvh;overscroll-behavior:contain}.action-confirm-modal{padding-bottom:max(18px,env(safe-area-inset-bottom))}.action-confirm-modal .modal-cat{width:78px;height:78px}.action-confirm-modal h2{font-size:22px;margin-right:72px}.confirm-actions{grid-template-columns:1fr;gap:6px}.confirm-actions .primary-btn{order:-1}
  .order-page .page-head{align-items:center;flex-direction:row}.order-page .page-head .order-state{display:inline-flex}.order-action-panel{grid-template-columns:1fr;padding:13px;gap:10px}.order-action-panel>button{width:100%;min-height:43px}.order-action-panel h3{font-size:15px}.order-contact-card img{width:82px!important}.order-contact-card{padding:14px}.order-contact-card h3{margin:3px 0 6px;font-size:15px}.order-info-panel .attrs{gap:5px}.order-info-panel .attr{font-size:9px;padding:6px 7px}
  .messages{padding:10px;gap:7px}.bubble{font-size:12px;padding:9px 10px}.chat-order-card{width:100%;border-radius:14px;padding:10px}.chat-order-top b{font-size:11px}.chat-order-meta{margin-top:7px;padding-top:7px}.chat-order-meta strong{font-size:14px}.chat-order-event,.chat-order-reason{font-size:8px;padding:7px 8px}.chat-order-actions{margin-top:8px}.chat-order-action{min-height:42px;font-size:10px}.chat-review-form textarea{font-size:16px;min-height:70px}.chat-review-form .primary-btn{width:100%;min-height:42px}.review-stars-input{justify-content:space-between;max-width:250px}.review-stars-input span{width:38px;height:38px}.chat-head{padding:9px 10px;min-height:48px}.chat-head-copy b{font-size:12px}.chat-head-copy span{font-size:8px}
  .similar-tools .select{grid-column:1/-1;width:100%}.category-picker-popover{bottom:var(--mobile-nav-clearance,70px)}
  #toast-root{bottom:calc(66px + max(8px,env(safe-area-inset-bottom)))}
  input,textarea,select{max-width:100%}
}
@media(max-width:390px){
  .topbar-in{gap:6px}.brand{margin-right:auto}.avatar-mini{display:none}.sell-btn{font-size:10px;padding:8px 9px;white-space:nowrap}.brand{font-size:16px}.brand img{width:30px;height:30px}
  .container{padding-left:10px;padding-right:10px}.hero{padding-left:15px}.page-head h1{font-size:23px}.dashboard-grid{gap:5px}.metric{padding:11px}.metric-value{font-size:18px}
  .chat-compose .field{padding-left:10px;padding-right:10px}.chat-compose .primary-btn{min-width:70px}.chat-order-top .order-state{font-size:8px;padding:5px 6px}.order-num{width:36px;height:36px}.order-card{padding:9px}.modal{padding-left:14px;padding-right:14px}
}
@media(max-width:340px){.sell-btn{font-size:9px;padding:8px}.brand span{font-size:15px}.chat-compose .primary-btn{min-width:62px;padding-left:8px;padding-right:8px}.review-stars-input span{width:34px;height:34px}.order-action-panel p{font-size:10px}}

/* Overlay close reliability / touch target */
.drawer{position:relative}
.close-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.close-btn::after{content:"";position:absolute;inset:-6px;border-radius:50%}
@media(max-width:720px){.close-btn{width:40px;height:40px;right:12px;top:12px;font-size:22px}}

/* Purchase confirmation, wallet, support, admin and message receipts */
.purchase-confirm-card{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:4px;margin:12px 0}.purchase-confirm-card>b{font-size:14px}.purchase-confirm-card>span{font-size:10px;color:var(--muted)}.purchase-confirm-card>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:9px;margin-top:5px;font-size:11px}.purchase-confirm-card strong{font-size:18px}
.owner-shortcuts,.account-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.account-shortcuts{margin-bottom:10px}.storefront-toolbar{gap:8px;align-items:center}.storefront-toolbar .owner-shortcuts{margin-left:auto}
.wallet-grid,.support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}.wallet-metrics{grid-template-columns:repeat(3,1fr)}.withdraw-panel,.withdraw-history,.support-create,.ticket-list-panel,.admin-withdrawals{padding:17px}.withdraw-head,.support-create-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.withdraw-head h2,.support-create-head h2,.withdraw-history h2,.ticket-list-panel h2,.admin-withdrawals h2{font-size:18px;margin:6px 0 12px}.withdraw-head img,.support-create-head img{width:72px;height:72px;object-fit:contain;margin-top:-8px}.withdraw-panel textarea{min-height:90px;resize:vertical}.withdraw-list,.ticket-list,.admin-withdraw-list{display:flex;flex-direction:column;gap:7px}.withdraw-row,.ticket-row{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.withdraw-row>div,.ticket-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.withdraw-row b{font-size:14px}.withdraw-row span,.ticket-row span{font-size:9px;color:var(--muted)}.ticket-row{text-align:left;width:100%;cursor:pointer}.ticket-row:hover{background:var(--paper-2)}.ticket-row>div>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-row>.order-state{color:#6d615d;flex:0 0 auto}.ticket-row>.order-state.warn{color:#9c681c}
.attach-chats{border:1px solid var(--line);border-radius:13px;background:var(--paper-2);overflow:hidden}.attach-chats summary{cursor:pointer;padding:11px 12px;font-size:11px;font-weight:850}.attach-chat-list{display:flex;flex-direction:column;border-top:1px solid var(--line);max-height:240px;overflow:auto}.attach-chat-row{padding:9px 11px;display:flex;gap:9px;align-items:flex-start;border-bottom:1px solid var(--line);cursor:pointer}.attach-chat-row:last-child{border-bottom:0}.attach-chat-row input{margin-top:2px}.attach-chat-row span{min-width:0;display:flex;flex-direction:column;gap:2px}.attach-chat-row b{font-size:10px}.attach-chat-row small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px}.ticket-thread,.ticket-side{padding:16px}.ticket-thread-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px}.ticket-thread-head h1{font-size:21px;margin:6px 0 3px}.ticket-thread-head>div>span{font-size:9px;color:var(--muted)}.attached-chats{padding:10px 0;border-bottom:1px solid var(--line)}.attached-chats>b{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.attached-chats>div{display:flex;gap:6px;flex-wrap:wrap}.attached-chat-btn{font-size:9px;padding:7px 9px}.ticket-messages{display:flex;flex-direction:column;gap:7px;min-height:240px;max-height:52vh;overflow:auto;padding:13px 0}.ticket-message{align-self:flex-start;max-width:78%;background:#f3f0ed;border-radius:13px;padding:9px 10px;font-size:11px;line-height:1.4}.ticket-message.mine{align-self:flex-end;background:var(--brand-soft)}.ticket-message>b{display:block;font-size:8px;margin-bottom:3px;color:var(--muted)}.ticket-message>span{display:block;font-size:8px;color:var(--muted);margin-top:5px}.ticket-message img{max-width:100%;border-radius:9px;margin-top:6px}.ticket-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;border-top:1px solid var(--line);padding-top:10px}.ticket-side img{display:block;width:100px;margin:-4px auto 3px}.ticket-side h3{text-align:center;margin:4px 0}.ticket-side p{text-align:center}
.admin-metrics{margin-bottom:10px}.admin-withdraw-card{border:1px solid var(--line);border-radius:15px;padding:13px;background:var(--paper)}.admin-withdraw-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:12px}.admin-withdraw-main>div:first-child{display:flex;flex-direction:column;gap:3px}.admin-withdraw-main h3{font-size:21px;margin:4px 0}.admin-withdraw-main b{font-size:11px}.admin-withdraw-main span{font-size:9px;color:var(--muted)}.withdraw-details{background:var(--paper-3);border-radius:11px;padding:10px;min-width:0}.withdraw-details>span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.withdraw-details code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;white-space:pre-wrap;word-break:break-word}.admin-note{margin-top:9px}.admin-withdraw-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}
.chat-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-name>span{min-width:0}.chat-name time{font-size:8px;color:var(--muted);font-weight:650;flex:0 0 auto}.bubble-meta{display:flex;justify-content:flex-end;gap:5px;align-items:center;font-size:7px;color:#91847f;margin-top:4px;white-space:nowrap}.bubble:not(.mine) .bubble-meta{justify-content:flex-start}.message-read{color:#477f6c}.message-sent{color:#91847f}.system-message-time{display:block;font-size:7px;color:#a99e99;margin-top:3px;text-align:center}.chat-card-time{text-align:right;font-size:7px;color:var(--muted);margin-top:6px}

@media(max-width:900px){.wallet-grid,.support-grid{grid-template-columns:1fr}.ticket-shell{grid-template-columns:1fr}.ticket-side{display:none}.admin-withdraw-main{grid-template-columns:1fr}}
@media(max-width:720px){
  .storefront-toolbar{align-items:flex-start}.storefront-toolbar .owner-shortcuts{overflow-x:auto;flex-wrap:nowrap;max-width:calc(100vw - 92px);scrollbar-width:none}.storefront-toolbar .owner-shortcuts::-webkit-scrollbar{display:none}.owner-shortcuts .secondary-btn,.account-shortcuts .secondary-btn{font-size:9px;padding:8px 9px;white-space:nowrap}.account-shortcuts{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .wallet-page,.support-page,.admin-page,.ticket-page{padding-bottom:8px}.wallet-metrics{grid-template-columns:1fr 1fr}.wallet-metrics .metric:first-child{grid-column:1/-1}.withdraw-panel,.withdraw-history,.support-create,.ticket-list-panel,.admin-withdrawals{padding:13px}.withdraw-head img,.support-create-head img{width:58px;height:58px}.withdraw-head h2,.support-create-head h2,.withdraw-history h2,.ticket-list-panel h2,.admin-withdrawals h2{font-size:16px}.withdraw-panel textarea{font-size:16px}.withdraw-row,.ticket-row{padding:10px}.ticket-row>.order-state{display:inline-flex}.ticket-shell{display:block}.ticket-thread{padding:12px;border-radius:17px}.ticket-thread-head h1{font-size:18px}.ticket-messages{max-height:calc(100dvh - 330px);min-height:240px}.ticket-message{max-width:88%;font-size:12px}.ticket-compose{position:sticky;bottom:var(--mobile-nav-clearance,70px);background:var(--paper);padding:9px 0 2px;z-index:4}.ticket-compose .field{font-size:16px}.ticket-compose .primary-btn{min-height:44px;padding:10px 12px}.attached-chats>div{overflow-x:auto;flex-wrap:nowrap}.attached-chat-btn{white-space:nowrap}.admin-withdraw-actions{display:grid;grid-template-columns:1fr 1fr}.admin-withdraw-actions button{font-size:9px;padding:9px}.admin-withdraw-main h3{font-size:19px}.withdraw-details code{font-size:9px}.bubble-meta{font-size:7px;gap:4px}.purchase-confirm-card strong{font-size:16px}
}
@media(max-width:390px){.wallet-metrics{grid-template-columns:1fr}.wallet-metrics .metric:first-child{grid-column:auto}.admin-withdraw-actions{grid-template-columns:1fr}.ticket-message{max-width:92%}.ticket-compose{gap:5px}.ticket-compose .primary-btn{font-size:10px;padding-left:9px;padding-right:9px}.purchase-confirm-modal h2{margin-right:65px}.owner-shortcuts .secondary-btn{padding:7px 8px}}
.ticket-thread-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.ticket-close-btn{padding:7px 10px;font-size:9px}
@media(max-width:600px){.ticket-thread-head{align-items:flex-start}.ticket-thread-actions{flex-direction:column;align-items:flex-end;flex:0 0 auto}.ticket-close-btn{min-height:38px;padding:8px 11px}.ticket-compose{position:sticky;bottom:calc(var(--mobile-nav-clearance, 76px) + env(safe-area-inset-bottom));z-index:4;background:var(--surface,#fff);margin:0 -4px -4px;padding:10px 4px 4px}.ticket-messages{max-height:none;min-height:220px}}

/* 2026-08 account/orders navigation pass */
.avatar-mini{gap:7px}.avatar-mini>img{width:24px;height:24px;object-fit:cover;border-radius:8px}.avatar-mini>span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-icon{overflow:hidden}.profile-icon>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.mini-store-icon{overflow:hidden}.mini-store-icon>img{width:100%;height:100%;object-fit:cover;border-radius:10px}.seller-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.category-picker-close,.filter-title .close-btn{z-index:12!important;pointer-events:auto!important}

.account-page{display:flex;flex-direction:column;gap:12px}.account-summary{display:flex;align-items:center;gap:14px;padding:16px}.account-avatar{width:62px;height:62px;border-radius:18px;background:var(--brand-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;font-size:24px;font-weight:950;color:#a64c46}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar span{font-size:13px}.account-summary-main{min-width:0;display:flex;flex-direction:column;gap:3px}.account-summary-main>b{font-size:17px}.account-summary-main>span,.account-summary-main>small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.account-actions .secondary-btn{padding:8px 10px;font-size:10px}.account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-section-head h2{margin:3px 0 4px;font-size:20px}.account-section-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.account-storefront{padding:17px;scroll-margin-top:76px}.account-storefront-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start;margin-top:12px}.account-storefront-form{margin-top:0}.account-preview{position:sticky;top:82px;margin:0}.account-avatar-note{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding:10px;border-radius:12px;background:var(--paper-3)}.account-avatar-note b{font-size:11px}.account-avatar-note span{font-size:9px;color:var(--muted);line-height:1.4}.account-seller-cta{position:relative;overflow:hidden;min-height:150px;padding:20px 160px 20px 20px}.account-seller-cta h2{margin:5px 0}.account-seller-cta p{max-width:560px;color:var(--muted);font-size:12px}.account-seller-cta img{position:absolute;right:25px;bottom:-24px;width:130px}.account-notifications{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.account-notifications h2{margin:4px 0}.account-notifications p{margin:0;color:var(--muted);font-size:11px}.account-notifications button{flex:0 0 auto}

.orders-page-head{align-items:flex-end}.compact-select{width:auto;min-width:165px}.orders-mode-tabs{display:flex;gap:5px;background:#ece7e3;border-radius:14px;padding:4px;width:max-content;max-width:100%;margin-bottom:10px}.orders-mode-tabs button{border:0;background:transparent;padding:9px 13px;border-radius:11px;font-weight:850;color:var(--muted);font-size:11px;white-space:nowrap}.orders-mode-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px rgba(40,28,24,.08)}.orders-mode-tabs span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:99px;background:#f4efec;font-size:9px}.orders-mode-tabs .active span{background:var(--brand-soft);color:#a64c46}
.sales-order-row{display:flex;align-items:stretch;gap:7px}.sales-order-open{min-width:0;flex:1;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;color:inherit}.sales-order-open:hover{border-color:#d9ccc6}.sales-order-copy{min-width:0;display:flex;flex-direction:column}.sales-order-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-order-copy small{display:block}.sales-order-money{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.sales-order-money em{font-style:normal}.sales-refund-btn{flex:0 0 auto;align-self:stretch;min-width:92px}.danger-outline{color:#b8453f;border-color:#efcbc7}.danger-outline:hover{background:#fff2f0}

.seller-lots-panel{padding:16px;margin-top:12px}.seller-lots-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.seller-lot-row{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:14px;padding:6px;background:var(--paper)}.seller-lot-open{border:0;background:transparent;min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-align:left;padding:4px;color:inherit}.seller-lot-icon{width:38px;height:38px;border-radius:10px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.seller-lot-icon img{width:100%;height:100%;object-fit:cover}.seller-lot-open>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.seller-lot-open b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-lot-open small{font-size:9px;color:var(--muted)}.seller-lot-row>.secondary-btn{font-size:9px;padding:8px 10px}

@media(max-width:720px){
  .account-page{gap:8px;padding-bottom:8px}.account-summary{padding:12px;align-items:flex-start;flex-wrap:wrap}.account-avatar{width:50px;height:50px;border-radius:14px}.account-summary-main{flex:1}.account-summary-main>b{font-size:14px}.account-actions{order:3;width:100%;margin-left:0;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.account-actions::-webkit-scrollbar{display:none}.account-actions .secondary-btn{white-space:nowrap;min-height:36px}.account-storefront{padding:12px;scroll-margin-top:64px}.account-storefront-grid{grid-template-columns:1fr;gap:10px}.account-preview{position:relative;top:auto}.account-section-head{align-items:center}.account-section-head h2{font-size:17px}.account-section-head p{display:none}.account-section-head .secondary-btn,.account-section-head .primary-btn{font-size:9px;padding:8px 9px}.account-storefront-form .editor-section{padding-top:11px}.account-storefront-form input,.account-storefront-form textarea,.account-storefront-form select{font-size:16px}.account-seller-cta{min-height:130px;padding:15px 100px 15px 14px}.account-seller-cta h2{font-size:18px}.account-seller-cta p{font-size:10px}.account-seller-cta img{right:3px;width:100px}.account-notifications{padding:13px}.account-notifications h2{font-size:16px}.account-notifications p{font-size:9px}.account-notifications button{font-size:9px;padding:9px}
  .orders-page-head{align-items:flex-start}.compact-select{width:100%;min-width:0;font-size:16px}.orders-mode-tabs{width:100%;overflow-x:auto}.orders-mode-tabs button{flex:1}.sales-order-row{gap:5px}.sales-order-open{border-radius:14px;padding:9px;grid-template-columns:auto minmax(0,1fr);gap:8px}.sales-order-money{grid-column:2;align-items:flex-start;flex-direction:row}.sales-order-money .order-price{grid-column:auto}.sales-refund-btn{min-width:72px;padding:7px 8px;font-size:9px;border-radius:12px}.seller-lots-panel{padding:12px}.seller-lot-row{padding:5px}.seller-lot-row>.secondary-btn{display:none}.seller-lot-open{padding:5px}.seller-lot-icon{width:34px;height:34px}.sales-page .promo-card{margin-top:8px}
}

/* 2026-08-14 overlay hard-close fix */
.close-btn,[data-close-category-picker]{position:absolute;isolation:isolate;z-index:120!important;pointer-events:auto!important;touch-action:manipulation}
.close-btn::after{pointer-events:none}
.category-picker-head .category-picker-close{right:0!important;top:4px!important}
@media(max-width:720px){.category-picker-head .category-picker-close{position:absolute;right:0!important;top:6px!important}}

/* 2026-08-14 chat realtime/readability pass */
.order-permalink{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:750;overflow-wrap:anywhere}
.chat-page{padding-bottom:0}.chat-page-head{align-items:flex-end}.chat-empty{height:100%;border:0;border-radius:0}.chat-empty p{max-width:320px}
.chat-list{background:var(--paper-2)}.chat-item{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:inherit;transition:background .12s;padding:13px 14px}.chat-item:hover{background:#f7f3f0}.chat-item.active{background:#fff1ed}.chat-list-lot{font-size:9px;color:#9a8c87;font-weight:800;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{font-size:12px;line-height:1.35;color:#645956;margin-top:3px}.chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;margin-left:4px;border-radius:99px;background:var(--brand);color:#fff;font-size:9px;font-weight:900}.chat-head{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--paper)}.chat-head-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950;color:#a24f49}.chat-head-copy b{font-size:14px}.chat-head-copy span{font-size:10px;line-height:1.3}.messages{background:linear-gradient(180deg,#fbfaf8,#fff);padding:16px 18px;gap:8px;scrollbar-gutter:stable}.bubble{font-size:14px;line-height:1.48;max-width:min(72%,620px);padding:10px 12px;border-radius:15px 15px 15px 5px;background:#f1eeeb;box-shadow:0 1px 1px rgba(50,30,24,.025);white-space:normal;overflow-wrap:anywhere}.bubble.mine{border-radius:15px 15px 5px 15px;background:#ffece8}.bubble-text{white-space:pre-wrap}.bubble-author{font-size:9px;margin-bottom:4px}.bubble-meta{font-size:8px;margin-top:6px;gap:6px}.message-read{color:#338365;font-weight:750}.message-sent{font-weight:750}.chat-message-wrap{align-self:flex-start;max-width:260px;display:flex;flex-direction:column;align-items:flex-start}.chat-message-wrap.mine{align-self:flex-end;align-items:flex-end}.sticker-message{width:168px;height:168px;display:flex;align-items:center;justify-content:center}.sticker-message img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(62,39,32,.08))}.chat-image-link{display:block}.chat-image{margin-top:6px;width:auto;max-width:min(430px,100%);max-height:430px;border-radius:12px;object-fit:contain;background:#e9e5e2}.chat-day{align-self:center;display:flex;justify-content:center;width:100%;margin:6px 0 2px;pointer-events:none}.chat-day span{font-size:9px;font-weight:850;color:#988b86;background:rgba(245,241,238,.9);border:1px solid #ebe4df;border-radius:99px;padding:5px 8px}.chat-start{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);font-size:11px}.chat-start img{width:100px;height:100px;object-fit:contain}.chat-start b{font-size:14px;color:var(--ink);margin-bottom:3px}
.chat-compose{display:block;padding:9px 10px 10px;background:var(--paper);border-top:1px solid var(--line);position:relative}.chat-compose-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:end;gap:6px}.chat-tool-btn{min-width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--ink);font-size:18px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.chat-tool-btn span{font-size:7px;color:var(--muted);font-weight:800;line-height:1}.mascot-tool{font-size:17px}.chat-textarea{min-height:44px;max-height:110px;resize:none;padding:11px 12px;line-height:1.35;font-size:14px}.chat-send-btn{height:44px;min-width:92px;padding:10px 14px}.sticker-picker{position:absolute;left:10px;bottom:calc(100% + 7px);width:min(360px,calc(100vw - 24px));padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(45,29,24,.16);z-index:8}.sticker-picker[hidden]{display:none}.sticker-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:1px 2px 8px}.sticker-picker-head b{font-size:12px}.sticker-picker-head span{font-size:8px;color:var(--muted)}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sticker-btn{aspect-ratio:1;border:0;border-radius:12px;background:var(--paper-2);padding:4px;overflow:hidden}.sticker-btn:hover{background:var(--brand-soft)}.sticker-btn img{display:block;width:100%;height:100%;object-fit:contain}.chat-order-open{width:100%;min-height:38px}.chat-order-card{font-size:12px}.chat-order-event,.chat-order-reason{font-size:10px}.chat-order-top b{font-size:13px}.chat-order-kicker{font-size:9px}

@media(max-width:720px){
  .chat-page{padding:0}.chat-page>.page-head{display:none}.chat-layout{height:calc(100dvh - var(--header) - var(--mobile-nav-clearance,76px));border-radius:0;border-left:0;border-right:0}.chat-list{height:100%;padding-bottom:8px}.chat-item{padding:12px 13px}.chat-preview{font-size:12px}.chat-list-lot{font-size:9px}.chat-pane{inset:var(--header) 0 var(--mobile-nav-clearance,76px);max-height:none;height:auto}.chat-head{min-height:54px;padding:8px 10px}.chat-head-avatar{width:34px;height:34px}.chat-head-copy b{font-size:13px}.chat-head-copy span{font-size:9px}.messages{padding:11px 10px 14px;gap:7px}.bubble{font-size:14px;line-height:1.45;max-width:88%;padding:9px 10px}.bubble-author{font-size:9px}.bubble-meta{font-size:8px}.sticker-message{width:148px;height:148px}.chat-image{max-height:46vh}.chat-compose{padding:7px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -7px 22px rgba(55,35,29,.06)}.chat-compose-row{grid-template-columns:40px 40px minmax(0,1fr) auto;gap:5px}.chat-tool-btn{width:40px;min-width:40px;height:42px;border-radius:11px;font-size:17px}.chat-tool-btn span{display:none}.chat-textarea{font-size:16px;min-height:42px;max-height:88px;padding:10px}.chat-send-btn{height:42px;min-width:76px;padding:9px 10px;font-size:10px}.sticker-picker{left:8px;bottom:calc(100% + 6px);width:calc(100vw - 16px);max-height:42vh;overflow:auto}.sticker-grid{grid-template-columns:repeat(4,1fr)}.chat-order-card{width:100%;font-size:11px}.chat-order-event,.chat-order-reason{font-size:10px}.chat-order-top b{font-size:12px}.chat-day{margin:4px 0}.chat-start img{width:86px;height:86px}.order-permalink{font-size:9px}
}
@media(max-width:380px){.chat-compose-row{grid-template-columns:38px 38px minmax(0,1fr) auto}.chat-tool-btn{width:38px;min-width:38px}.chat-send-btn{min-width:68px;padding-left:8px;padding-right:8px}.sticker-grid{grid-template-columns:repeat(3,1fr)}.bubble{max-width:92%}}

/* 2026-08-14 account UI cleanup — compact settings instead of the legacy editor wall */
.account-page-clean{max-width:980px;display:flex;flex-direction:column;gap:10px;padding-top:26px}
.account-clean-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:4px}
.account-clean-head h1{margin:0;font-size:30px;line-height:1;letter-spacing:-.045em}
.account-clean-head p{margin:7px 0 0;color:var(--muted);font-size:12px}
.account-open-store{flex:0 0 auto}
.account-profile-card{display:flex;align-items:center;gap:13px;background:transparent;padding:8px 2px 12px;border-bottom:1px solid var(--line)}
.account-profile-avatar{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--brand-soft);border:1px solid #f1ddd8;font-weight:950;color:#a64c46;flex:0 0 auto}
.account-profile-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-avatar>span{font-size:11px}
.account-profile-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.account-profile-title{display:flex;align-items:center;gap:8px;min-width:0}.account-profile-title b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-profile-title span{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#9e544d;background:var(--brand-soft);border-radius:99px;padding:5px 7px;white-space:nowrap}.account-profile-copy p,.account-profile-copy small{margin:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.setting-kicker{display:inline-flex;align-items:center;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}
.account-store-card{display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px;overflow:visible}
.account-store-cover{position:relative;height:116px;border-radius:15px;overflow:visible;background:var(--store-soft);border:1px solid var(--line)}
.account-store-cover>img:not(.account-store-mascot){width:100%;height:100%;object-fit:cover;border-radius:14px}.account-store-gradient{position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,var(--store-soft),#fff 80%)}
.account-store-mascot{position:absolute;right:7px;bottom:-2px;width:86px;height:86px;object-fit:contain;opacity:.9}
.account-store-avatar{position:absolute;left:12px;bottom:-15px;width:48px;height:48px;border:4px solid #fff;border-radius:15px;background:var(--paper);box-shadow:0 5px 16px rgba(56,36,30,.09);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px}.account-store-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.account-store-copy{min-width:0;padding:3px 0}.account-store-copy h2{margin:5px 0 4px;font-size:18px;letter-spacing:-.025em}.account-store-copy p{max-width:480px;margin:0;color:var(--muted);font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-store-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.account-store-meta span{display:inline-flex;align-items:center;gap:5px;background:#f7f4f2;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800;color:#6e625e}.account-store-meta i{width:7px;height:7px;border-radius:50%;background:var(--dot);display:inline-block}
.account-store-actions{display:flex;flex-direction:column;gap:6px;min-width:112px}.account-store-actions button{padding:9px 11px;font-size:10px}
.account-settings-list{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.account-setting-row{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--paper);display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;text-align:left;color:inherit}.account-setting-row:last-child{border-bottom:0}.account-setting-row:hover{background:var(--paper-2)}.account-setting-icon{width:34px;height:34px;border-radius:11px;background:var(--paper-3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#756864}.account-setting-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.account-setting-row b{font-size:12px}.account-setting-row small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-setting-row em{font-size:9px;font-style:normal;font-weight:850;color:var(--muted)}.account-setting-row em.on{color:var(--ok)}
.account-seller-cta-clean{min-height:142px;padding:18px 150px 18px 18px}.account-seller-cta-clean h2{font-size:20px;margin:5px 0}.account-seller-cta-clean p{margin:0 0 11px}.account-seller-cta-clean img{width:112px;right:20px}

.storefront-settings-drawer{width:min(520px,100vw);padding:0;background:var(--paper-2);overflow:auto;overscroll-behavior:contain}
.storefront-settings-head{position:sticky;top:0;z-index:6;background:rgba(251,250,248,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:20px 60px 14px 20px}.storefront-settings-head h2{margin:5px 0 4px;font-size:23px;letter-spacing:-.035em}.storefront-settings-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.storefront-settings-head .close-btn{right:14px;top:14px}
.storefront-settings-preview{margin:14px 14px 10px;box-shadow:none;border-radius:16px}.storefront-settings-form{display:flex;flex-direction:column;gap:8px;padding:0 14px 14px}.settings-disclosure{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.settings-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;cursor:pointer}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary>span{display:flex;flex-direction:column;gap:2px}.settings-disclosure>summary b{font-size:12px}.settings-disclosure>summary small{color:var(--muted);font-size:9px}.settings-disclosure>summary i{font-style:normal;color:var(--muted);transition:transform .16s}.settings-disclosure[open]>summary i{transform:rotate(180deg)}.settings-disclosure-body{border-top:1px solid var(--line);padding:12px 14px 14px;display:flex;flex-direction:column;gap:11px}.settings-disclosure-body label{display:flex;flex-direction:column;gap:5px}.settings-disclosure-body .check-row{flex-direction:row}.field-help{font-size:8px;color:var(--muted)}.compact-textarea{min-height:88px}.compact-check{margin-top:-3px}.compact-theme-picker{margin-top:6px}.compact-layout-picker{margin-top:6px}.storefront-settings-save{position:sticky;bottom:-14px;z-index:5;padding:9px 0 calc(4px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(251,250,248,0),#fbfaf8 28%)}.storefront-settings-save .primary-btn{min-height:46px}.storefront-settings-drawer .file-field{padding:6px}.storefront-settings-drawer input[type=file]::file-selector-button{border:0;background:#f1ece9;border-radius:9px;padding:8px 10px;margin-right:9px;font-weight:800;color:#574d49;cursor:pointer}.storefront-settings-drawer .mini-store-preview{min-height:152px}.storefront-settings-drawer .mini-store-cover{height:82px}.storefront-settings-drawer .mini-store-icon{margin-top:-22px}

@media(max-width:720px){
  .account-page-clean{gap:8px;padding:15px 12px 8px}.account-clean-head{align-items:center;margin:0 0 2px}.account-clean-head h1{font-size:24px}.account-clean-head p{display:none}.account-open-store{font-size:9px;padding:8px 9px}.account-profile-card{padding:6px 1px 10px;gap:10px}.account-profile-avatar{width:46px;height:46px;border-radius:14px}.account-profile-title b{font-size:14px}.account-profile-title span{font-size:7px;padding:4px 6px}.account-profile-copy p,.account-profile-copy small{font-size:9px}
  .account-store-card{grid-template-columns:88px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:16px}.account-store-cover{height:74px;border-radius:12px}.account-store-gradient,.account-store-cover>img:not(.account-store-mascot){border-radius:11px}.account-store-mascot{width:57px;height:57px;right:2px}.account-store-avatar{width:34px;height:34px;left:7px;bottom:-8px;border-width:3px;border-radius:11px;font-size:16px}.account-store-copy h2{font-size:14px;margin:3px 0}.account-store-copy p{font-size:9px}.account-store-meta{margin-top:6px;gap:4px}.account-store-meta span{font-size:7px;padding:4px 5px}.account-store-meta span:nth-child(n+2){display:none}.account-store-actions{min-width:auto}.account-store-actions .secondary-btn{display:none}.account-store-actions .primary-btn{padding:9px;font-size:9px;border-radius:11px}
  .account-setting-row{grid-template-columns:34px minmax(0,1fr) auto;padding:10px 11px}.account-setting-row b{font-size:11px}.account-setting-row small{font-size:8px}.account-setting-row em{font-size:8px}.account-setting-icon{width:32px;height:32px}.account-seller-cta-clean{min-height:120px;padding:14px 92px 14px 13px}.account-seller-cta-clean h2{font-size:17px}.account-seller-cta-clean p{font-size:9px}.account-seller-cta-clean img{width:85px;right:2px}.account-seller-cta-clean .primary-btn{font-size:9px;padding:9px 10px}
  .storefront-settings-drawer{position:fixed;inset:0;width:100%;height:100dvh;padding:0 0 max(0px,env(safe-area-inset-bottom));border-radius:0}.storefront-settings-head{padding:15px 58px 11px 13px}.storefront-settings-head h2{font-size:20px}.storefront-settings-head p{display:none}.storefront-settings-head .close-btn{right:10px;top:8px}.storefront-settings-preview{margin:10px 10px 8px}.storefront-settings-form{padding:0 10px 10px;gap:7px}.settings-disclosure{border-radius:14px}.settings-disclosure>summary{padding:11px 12px}.settings-disclosure-body{padding:10px 11px 12px;gap:10px}.settings-disclosure-body input,.settings-disclosure-body textarea,.settings-disclosure-body select{font-size:16px}.storefront-settings-save{bottom:-10px;padding-top:12px}.storefront-settings-drawer .mini-store-preview{min-height:138px}.storefront-settings-drawer .mini-store-cover{height:72px}
}
@media(max-width:390px){.account-store-card{grid-template-columns:76px minmax(0,1fr) auto}.account-store-cover{height:66px}.account-store-copy p{display:none}.account-store-meta{margin-top:4px}.account-profile-copy small{display:none}}

/* 2026-08-14 profile popover navigation — secondary sections live under the nick */
.profile-menu-wrap{position:relative;display:flex;align-items:center}
.avatar-mini{gap:7px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.avatar-mini:hover,.avatar-mini[aria-expanded="true"]{background:#fffaf7;border-color:#e7d6cf;box-shadow:0 5px 18px rgba(57,38,33,.07)}
.avatar-mini>i{font-style:normal;font-size:10px;color:var(--muted);transition:transform .16s}
.avatar-mini[aria-expanded="true"]>i{transform:rotate(180deg)}
.profile-menu[hidden]{display:none!important}
.profile-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:120;width:318px;padding:8px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:19px;box-shadow:0 18px 50px rgba(55,38,31,.16);backdrop-filter:blur(18px)}
.profile-menu-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:7px 8px 10px}
.profile-menu-avatar{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:20px}.profile-menu-avatar img{width:100%;height:100%;object-fit:cover}
.profile-menu-head>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.profile-menu-head b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-head small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu-items{display:flex;flex-direction:column;gap:2px}.profile-menu-items>button{width:100%;border:0;background:transparent;border-radius:12px;padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;color:inherit;cursor:pointer}.profile-menu-items>button:hover{background:#f8f4f1}.profile-menu-items>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.profile-menu-items b{font-size:11px}.profile-menu-items small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-items em{font-style:normal;font-size:8px;font-weight:900;color:var(--muted)}.profile-menu-items em.on{color:var(--ok)}
.profile-menu-icon{width:32px;height:32px;border-radius:10px;background:#f6f2ef;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;color:#6f625d}.profile-menu-separator{height:1px;background:var(--line);margin:5px 8px}
.profile-menu-sell{width:100%;margin-top:6px;border:0;border-radius:12px;background:var(--ink);color:var(--on-ink);padding:10px 12px;font-weight:900;font-size:10px;cursor:pointer}
.analytics-page .page-head{margin-bottom:12px}.analytics-page .dashboard-grid{margin-bottom:10px}

@media(max-width:720px){
  .profile-menu{position:fixed;left:10px;right:10px;top:64px;width:auto;max-height:calc(100dvh - 144px);overflow:auto;border-radius:18px;padding:7px}
  .profile-menu-items>button{min-height:48px;padding:7px 8px}.profile-menu-items b{font-size:12px}.profile-menu-items small{font-size:9px}.profile-menu-sell{min-height:44px;font-size:11px}
}
@media(max-width:390px){
  .avatar-mini{display:flex;width:34px;min-width:34px;height:34px;padding:0;overflow:hidden}.avatar-mini>span,.avatar-mini>i{display:none}.avatar-mini>img{width:32px;height:32px;border-radius:10px}
}

/* 2026-08-14 compact profile menu + clickable message links + fullscreen mobile chat */
.profile-menu-compact{width:286px}
.profile-menu-compact .profile-menu-items{padding-top:2px}
.message-link{color:#a24f49;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:750;overflow-wrap:anywhere;word-break:break-word}
.message-link:hover{color:#7f3935}
@media(max-width:720px){
  body.chat-open-mobile .tabbar{display:none!important}
  body.chat-open-mobile .shell{padding-bottom:0!important}
  body.chat-open-mobile .chat-layout{height:calc(100dvh - var(--header))!important}
  body.chat-open-mobile .chat-pane{inset:var(--header) 0 0!important;max-height:none!important;height:auto!important}
  body.chat-open-mobile #toast-root{bottom:max(12px,env(safe-area-inset-bottom))}
}

/* 2026-08-14 order UX + chat composer containment */
.chat-layout,.chat-pane{min-height:0}
.chat-pane{overflow:hidden}
.chat-head{flex:0 0 auto}
.messages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.chat-compose{flex:0 0 auto;z-index:10}

.order-page-v2{max-width:1060px;padding-bottom:28px}
.order-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 10px}
.order-topline .back-link{margin:0}.order-topline>small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%}
.order-summary-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 34px rgba(64,43,36,.045)}
.order-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-summary-head h1{margin:6px 0 3px;font-size:25px;line-height:1.08;letter-spacing:-.035em}.order-summary-head p{margin:0;color:var(--muted);font-size:10px}.order-summary-head .order-state{display:inline-flex;flex:0 0 auto}
.order-product-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:15px;padding:12px;background:var(--paper-2);border:1px solid #eee7e2;border-radius:15px}.order-product-icon{width:48px;height:48px;border-radius:13px;background:#fff1ed;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:23px}.order-product-icon img{width:100%;height:100%;object-fit:cover}.order-product-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.order-product-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-product-copy span{font-size:9px;color:var(--muted)}.order-product-row>strong{font-size:18px;letter-spacing:-.03em;white-space:nowrap}
.order-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.order-progress-step{position:relative;display:flex;align-items:center;gap:7px;color:#9f928d;font-size:9px;font-weight:800}.order-progress-step:not(:last-child)::after{content:"";position:absolute;left:27px;right:-3px;top:11px;height:1px;background:#e5ddd8;z-index:0}.order-progress-step i{position:relative;z-index:1;width:23px;height:23px;border-radius:99px;background:#f1ece8;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:8px}.order-progress-step.done{color:#4f665d}.order-progress-step.done i{background:#e8f6ef;color:#338365}.order-progress-step.done:not(:last-child)::after{background:#cde9da}.order-progress.is-refunded .order-progress-step:last-child{color:#a75e57}.order-progress.is-refunded .order-progress-step:last-child i{background:#fff0ed;color:#a75e57}
.order-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;margin-top:10px;align-items:start}.order-main-column{display:flex;flex-direction:column;gap:10px;min-width:0}.order-side-column{display:flex;flex-direction:column;gap:10px;position:sticky;top:calc(var(--header) + 12px)}
.order-page-v2 .order-action-panel{margin:0}.order-primary-action{background:linear-gradient(120deg,#fff,#fff7f4);border-color:#f0ddd6}.order-primary-action h3{font-size:17px}.order-primary-action p{max-width:620px}
.order-facts-panel{padding:17px}.order-section-title h2{font-size:17px;margin:5px 0 11px}.order-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.order-facts>div{background:var(--paper);padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-facts span{font-size:9px;color:var(--muted)}.order-facts b{font-size:10px;text-align:right}.order-facts .total b{font-size:14px}.order-facts .total span{font-weight:850;color:var(--ink)}
.order-contact-card-v2{padding:15px}.order-contact-person{display:flex;align-items:center;gap:9px}.order-contact-avatar{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-weight:950;color:#a24f49}.order-contact-person>div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.order-contact-person span{font-size:8px;color:var(--muted)}.order-contact-person b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-contact-card-v2 p{font-size:10px;line-height:1.45;color:var(--muted);margin:11px 0}.order-contact-card-v2 button+button{margin-top:6px}
.order-help-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff8f5}.order-help-card img{width:64px;height:64px;object-fit:contain}.order-help-card div{display:flex;flex-direction:column;gap:3px}.order-help-card b{font-size:10px}.order-help-card span{font-size:8px;color:var(--muted);line-height:1.35}
.order-review-panel{padding:17px}.order-review-copy h3{font-size:17px;margin:5px 0 3px}.order-review-copy p{font-size:10px;color:var(--muted);margin:0 0 12px}.order-review-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:9px}.order-review-form .review-stars-input{align-self:center}.order-review-form textarea{min-height:72px;resize:vertical}.order-review-form .primary-btn{min-height:44px;white-space:nowrap}.order-review-panel.is-done{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-review-panel.is-done h3{font-size:15px;margin:5px 0 3px}.order-review-panel.is-done p{font-size:9px;color:var(--muted);margin:0}.review-done-mark{font-size:28px;color:#f0a41c}

@media(max-width:900px){
  .order-workspace{grid-template-columns:1fr}.order-side-column{position:static;display:grid;grid-template-columns:1fr 1fr}.order-review-form{grid-template-columns:1fr}.order-review-form .review-stars-input{justify-self:start}.order-review-form .primary-btn{width:100%}
}
@media(max-width:720px){
  .chat-pane{display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .chat-head{position:relative;z-index:11;background:var(--paper)}
  .messages{min-height:0!important;flex:1 1 0!important;overflow-y:auto!important}
  .chat-compose{position:relative!important;bottom:auto!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;background:var(--paper)!important}
  body.chat-open-mobile .chat-pane{display:flex!important;inset:var(--header) 0 0!important;height:calc(100dvh - var(--header))!important;max-height:calc(100dvh - var(--header))!important}
  body.chat-open-mobile .messages{padding-bottom:12px!important}
  .order-page-v2{padding:10px 10px 20px}.order-topline>small{display:none}.order-summary-card{border-radius:18px;padding:13px}.order-summary-head h1{font-size:20px}.order-summary-head p{font-size:9px;line-height:1.35}.order-summary-head .order-state{font-size:8px;padding:6px 8px}.order-product-row{grid-template-columns:42px minmax(0,1fr) auto;padding:9px;gap:8px;margin-top:11px}.order-product-icon{width:42px;height:42px;border-radius:11px}.order-product-copy b{font-size:12px}.order-product-row>strong{font-size:15px}.order-progress{margin-top:10px}.order-progress-step{font-size:8px;gap:5px}.order-progress-step i{width:21px;height:21px}.order-progress-step:not(:last-child)::after{top:10px;left:24px}.order-workspace{margin-top:8px;gap:8px}.order-main-column{gap:8px}.order-side-column{display:flex;gap:8px}.order-primary-action h3,.order-review-copy h3{font-size:15px}.order-facts-panel,.order-review-panel{padding:13px}.order-facts{grid-template-columns:1fr}.order-facts>div{padding:10px}.order-contact-card-v2{padding:12px}.order-help-card{grid-template-columns:54px minmax(0,1fr)}.order-help-card img{width:54px;height:54px}.order-review-form textarea{font-size:16px}.order-review-form .review-stars-input span{width:40px;height:40px}
}
@media(max-width:390px){
  .order-summary-head{gap:8px}.order-summary-head h1{font-size:18px}.order-product-copy span{font-size:8px}.order-product-row>strong{font-size:14px}.order-progress-step span{font-size:7px}.order-review-form .review-stars-input{width:100%;justify-content:space-between;max-width:none}.order-review-form .review-stars-input span{width:38px;height:38px}
}


/* 2026-08-14 session/menu/mobile-create cleanup */
.profile-menu-new{width:310px;padding:10px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,251,248,.98));box-shadow:0 22px 60px rgba(55,38,31,.18)}
.profile-menu-head-new{grid-template-columns:46px minmax(0,1fr) auto;padding:4px 4px 10px;gap:10px}
.profile-menu-head-new .profile-menu-avatar{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#fff0ed,#f7f1ff);box-shadow:inset 0 0 0 1px rgba(117,89,80,.06)}
.profile-menu-head-new b{font-size:14px;letter-spacing:-.02em}.profile-menu-head-new small{font-size:9px;color:#928681}
.seller-pill{font-style:normal;font-size:8px;font-weight:900;color:#a34d47;background:var(--brand-soft);border:1px solid #ffdcd7;border-radius:999px;padding:5px 7px;white-space:nowrap}
.profile-menu-feature{width:100%;border:1px solid #f1ddd7;background:linear-gradient(135deg,#fff1ed 0%,#fffaf7 68%,#fff 100%);border-radius:16px;padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:inherit;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.profile-menu-feature:hover{transform:translateY(-1px);border-color:#e8ccc4;box-shadow:0 8px 22px rgba(94,53,44,.07)}
.profile-menu-feature-icon,.profile-menu-tile-icon{display:flex;align-items:center;justify-content:center;color:#9e514b}.profile-menu-feature-icon{width:38px;height:38px;border-radius:12px;background:var(--paper);border:1px solid rgba(226,199,191,.75)}.profile-menu-feature-icon svg{width:19px;height:19px}
.profile-menu-feature>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.profile-menu-feature b{font-size:11px}.profile-menu-feature small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-feature i{font-style:normal;font-size:20px;color:#b6a7a2;font-weight:500}
.profile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.profile-menu-tile{min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;text-align:left;color:inherit;cursor:pointer;transition:background .15s,border-color .15s}.profile-menu-tile:hover{background:var(--paper-2);border-color:#dfd4cf}.profile-menu-tile-icon{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:var(--paper-3);color:#665a56}.profile-menu-tile-icon svg{width:16px;height:16px}.profile-menu-tile b{font-size:10px;align-self:end}.profile-menu-tile small{font-size:7.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:start}
.orders-head-controls{display:flex;align-items:center;gap:8px}.orders-create-lot{white-space:nowrap;min-height:42px}.orders-page-head .compact-select{min-width:170px}

@media(max-width:820px){
  .lot-create-grid{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%}.lot-form-main,.lot-form-side{min-width:0;width:100%}
}
@media(max-width:720px){
  .profile-menu-new{left:10px;right:10px;top:62px;width:auto;padding:9px;border-radius:20px;max-height:none;overflow:visible}.profile-menu-head-new{padding:3px 3px 9px}.profile-menu-feature{padding:10px}.profile-menu-grid{gap:6px}.profile-menu-tile{min-height:58px;padding:9px}
  .orders-page-head{gap:10px}.orders-head-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.orders-head-controls .compact-select{width:100%;min-width:0}.orders-create-lot{width:100%;min-height:40px;padding:9px 10px;font-size:10px}
  .lot-create-page{padding:12px 10px 118px!important;max-width:100%;overflow:visible}.lot-create-page .back-link{padding:6px 0;margin-bottom:3px}.lot-create-head{margin:0 0 8px;align-items:flex-start}.lot-create-head .eyebrow{font-size:9px;padding:5px 7px}.lot-create-head h1{font-size:24px;margin-top:6px}.lot-create-head p{font-size:10px;line-height:1.35;max-width:290px}.lot-create-head>img{width:68px;height:68px;margin:0}
  .lot-create-grid{display:flex!important;flex-direction:column;gap:8px;width:100%;min-width:0}.lot-form-main{padding:10px!important;border-radius:17px;gap:9px!important}.lot-form-side{display:block!important;padding:0!important;position:static!important}.lot-form-side>.optional-details{width:100%;margin:0}.lot-core-grid,.lot-sale-grid{display:grid;grid-template-columns:1fr!important;gap:8px!important}.lot-form-box{padding:10px!important;border-radius:13px}.delivery-box{min-height:0}.delivery-box-head{align-items:center}.delivery-box-head>div>span{display:block;font-size:8px}.lot-category-picker,.category-picker-button{width:100%;min-width:0}.category-picker-button{border-radius:12px;padding:8px 10px}.category-picker-button b{font-size:11px}.category-picker-popover{inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(18px + env(safe-area-inset-bottom,0px))!important;z-index:150!important}.category-picker-head{top:calc(-10px - env(safe-area-inset-top,0px))!important;margin:calc(-10px - env(safe-area-inset-top,0px)) 0 4px!important;padding:calc(13px + env(safe-area-inset-top,0px)) 44px 10px 2px!important}.category-picker-popover .search-wrap{top:48px!important}
  .editor-label-row{margin:1px 1px 5px}.editor-label-row .form-label{font-size:11px}.preview-btn{min-height:30px}.rich-toolbar{position:sticky;top:calc(var(--header) + 2px);display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px;border-radius:13px 13px 0 0}.rich-toolbar::-webkit-scrollbar{display:none}.rich-toolbar>span{flex:0 0 1px}.rich-toolbar button{flex:0 0 auto;height:36px;min-width:36px;padding:0 8px}.rich-editor{min-height:220px!important;max-height:none!important;overflow:visible!important;padding:14px 12px!important;border-radius:0 0 13px 13px;font-size:16px;line-height:1.55}.editor-tip{line-height:1.35}.lot-media-settings{grid-template-columns:1fr!important;gap:9px!important}.lot-media-settings>div{grid-column:auto}.lot-icon-picker{max-height:118px;overflow:auto;padding-bottom:2px}.stock-lines{min-height:150px!important}.inventory-security{font-size:8px}.mobile-publish-bar{left:8px!important;right:8px!important;bottom:max(72px,calc(env(safe-area-inset-bottom,0px) + 68px))!important;z-index:90!important}.mobile-publish-bar .primary-btn{min-height:42px}.optional-details>summary,.lot-optional-block>summary{min-height:48px}
}
@media(max-width:430px){
  .profile-menu-head-new small{max-width:145px}.seller-pill{display:none}.profile-menu-feature b{font-size:12px}.profile-menu-feature small{font-size:8.5px}.profile-menu-tile b{font-size:10.5px}
  .orders-head-controls{grid-template-columns:1fr}.orders-create-lot{order:-1}.lot-create-head>img{display:none!important}.lot-create-head p{max-width:none}.mobile-publish-bar>div{max-width:42%}
}

/* Final polish for the compact seller popover and focused mobile lot flow. */
.profile-menu-head-new>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.profile-menu-head-new>span:nth-child(2)>b,.profile-menu-head-new>span:nth-child(2)>small{display:block;max-width:100%}
@media(max-width:720px){body.lot-create-open .tabbar{display:none!important}body.lot-create-open .shell{padding-bottom:0!important}.lot-create-page{padding-bottom:92px!important}.lot-create-open .mobile-publish-bar{bottom:max(8px,env(safe-area-inset-bottom,0px))!important}.lot-create-open #toast-root{bottom:max(68px,calc(env(safe-area-inset-bottom,0px) + 62px))}}


/* 2026-08-14: quieter storefront copy and stable chat order actions */
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label-row small{font-size:9px;color:var(--muted);font-weight:750;white-space:nowrap}.storefront-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-bio{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.chat-order-hint{padding:8px 9px;border-radius:10px;background:#f7f4f1;color:var(--muted);font-size:9px;font-weight:750;text-align:center}.chat-start span{line-height:1.45}
@media(max-width:720px){.profile-bio{-webkit-line-clamp:3}.field-label-row small{font-size:8px}}

.orders-head-controls.orders-sort-only{display:flex;justify-content:flex-end}.orders-head-controls.orders-sort-only .compact-select{min-width:190px}
@media(max-width:720px){.orders-head-controls.orders-sort-only{display:block;width:100%}.orders-head-controls.orders-sort-only .compact-select{width:100%;min-width:0}}


/* 2026-08 mobile interaction + recommendation pass */
.close-btn,[data-close-drawer],[data-close-auth],[data-confirm-close],[data-close-category-picker]{touch-action:manipulation}
.lot-badge.own{background:#f0ece9;color:#6f625d;border-color:#ded4cf}
.edit-lot-btn{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important;white-space:nowrap}
.own-lot-panel .owner-lot-note{display:flex;flex-direction:column;gap:3px;padding:12px;background:var(--paper-3);border-radius:13px;margin:12px 0}.own-lot-panel .owner-lot-note b{font-size:12px}.own-lot-panel .owner-lot-note span{font-size:10px;color:var(--muted);line-height:1.45}
.recommend-section{margin:18px 0 20px;padding:16px 0 2px;border-top:1px solid var(--line)}.recommend-head{display:flex;align-items:center;justify-content:space-between;min-height:72px;margin-bottom:8px}.recommend-head h2{font-size:21px;letter-spacing:-.035em;margin:5px 0 3px}.recommend-head p{font-size:11px;color:var(--muted);margin:0}.recommend-head img{width:78px;height:78px;object-fit:contain}.recommend-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recommend-item{min-width:0}.recommend-item .lot-card{height:100%}.recommend-loading{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.smart-bump-live{display:inline-flex;align-items:center;width:max-content;border-radius:99px;padding:6px 9px;background:#eef8ef;color:#397c46;font-size:10px;font-weight:850}.edit-lot-drawer .textarea{min-height:180px;resize:vertical}
@media(max-width:720px){
  .drawer-backdrop,.modal-backdrop{overscroll-behavior:contain}.drawer{touch-action:pan-y}.close-btn{width:42px;height:42px;right:10px;top:10px;font-size:22px}
  .category-drawer{padding-top:16px}.category-search-row,.lot-category-option{min-height:52px;padding:12px;touch-action:manipulation}.category-search-row em,.lot-category-option em{pointer-events:none}.category-search-row>span,.lot-category-option>span{pointer-events:none}
  .category-picker-popover{inset:58px 0 0!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important;z-index:95!important}.category-picker-head{top:-14px!important;padding-top:14px!important}.lot-category-results{padding-bottom:22px}
  .recommend-section{margin-top:12px;padding-top:12px}.recommend-head{min-height:54px}.recommend-head h2{font-size:18px}.recommend-head p{display:none}.recommend-head img{width:58px;height:58px}.recommend-scroll{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 1px 7px}.recommend-scroll::-webkit-scrollbar{display:none}.recommend-item{flex:0 0 min(88vw,390px);scroll-snap-align:start}.recommend-loading{display:flex}.recommend-loading>*{flex:0 0 min(88vw,390px)}
  .lot-card{min-height:64px}.lot-main{min-width:0}.lot-title{line-height:1.28}.lot-side{min-width:84px}.edit-lot-btn{font-size:9px!important;padding:7px 8px!important}
  .edit-lot-drawer{padding-bottom:max(28px,env(safe-area-inset-bottom))}.edit-lot-drawer .textarea{min-height:150px}
}
@media(max-width:390px){.category-search-row small,.lot-category-option small{max-width:210px}.recommend-item{flex-basis:92vw}.lot-badge.own{display:none}}
.edit-stock-readonly{display:flex;flex-direction:column;gap:2px;padding:9px 10px;background:var(--paper-3);border-radius:12px}.edit-stock-readonly b{font-size:12px}.edit-stock-readonly small{font-size:8px;color:var(--muted);line-height:1.35}

/* 2026-08-14 mobile chat back: hidden must beat fullscreen flex rule */
@media(max-width:720px){
  .chat-pane.mobile-hidden{display:none!important}
  .chat-back{position:relative;z-index:20;min-width:44px;min-height:44px;touch-action:manipulation}
}

/* chat product context lives on a message, never as a chat topic */
.chat-lot-attachment{width:100%;margin-top:8px;padding:9px 10px;border:1px solid rgba(166,121,106,.18);border-radius:12px;background:rgba(255,255,255,.72);color:inherit;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.chat-lot-attachment:hover{background:var(--paper);border-color:rgba(255,116,109,.32)}.chat-lot-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 12px;min-width:0;flex:1}.chat-lot-copy small{grid-column:1/-1;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);font-weight:900}.chat-lot-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chat-lot-copy strong{font-size:11px;white-space:nowrap}.chat-lot-arrow{font-size:20px;line-height:1;color:#ad9e99;flex:0 0 auto}.bubble.has-lot-attachment{min-width:min(330px,72%)}.bubble.attachment-only{padding:9px 10px}.bubble.attachment-only .chat-lot-attachment{margin-top:0}.chat-pending-lot{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin:0 0 8px;padding:7px 8px 7px 9px;border:1px solid #f0ddd7;background:#fff8f5;border-radius:13px}.chat-pending-label{grid-column:1/-1;font-size:8px;font-weight:900;color:#a46a5f;text-transform:uppercase;letter-spacing:.055em}.chat-pending-lot .chat-lot-attachment{margin:0;padding:6px 8px;background:var(--paper);border-radius:10px}.chat-pending-lot .chat-lot-copy small{display:none}.chat-pending-lot .chat-lot-copy b,.chat-pending-lot .chat-lot-copy strong{font-size:10px}.chat-pending-remove{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#8e7d77;font-size:22px;line-height:1;display:grid;place-items:center}.chat-pending-remove:hover{background:#f4e9e5}.chat-head-copy span{color:var(--muted)}

@media(max-width:720px){.bubble.has-lot-attachment{min-width:min(310px,88%)}.chat-lot-attachment{padding:8px 9px}.chat-lot-copy b,.chat-lot-copy strong{font-size:10px}.chat-pending-lot{margin-bottom:6px;padding:6px 7px}.chat-pending-label{font-size:7px}.chat-pending-remove{width:32px;height:32px}.chat-compose:has(.chat-pending-lot){padding-top:6px}}

/* 2026-08-14: optional registration nick + global information footer */
.shell{display:flex;flex-direction:column}.shell>main{flex:1 0 auto}
.site-footer{margin-top:28px;border-top:1px solid var(--line);background:rgba(255,255,255,.58)}
.site-footer-in{max-width:var(--max);margin:0 auto;padding:28px 24px 24px;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(360px,1fr) auto;align-items:start;gap:28px}
.footer-brand .brand{padding:0;margin:0 0 8px}.footer-brand .brand:hover{background:transparent}.footer-brand p{max-width:390px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.footer-links button{border:0;background:transparent;text-align:left;padding:7px 4px;border-radius:9px;color:#655955;font-size:11px;font-weight:800}.footer-links button:hover{color:var(--brand);background:var(--brand-soft)}
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}
.optional-nick-field .form-label{display:flex;align-items:center;gap:6px}.optional-nick-field .form-label em{font-style:normal;font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:var(--ok);background:#ecf8f2;padding:3px 6px;border-radius:99px}.auth-skip-nick{background:var(--paper-2);color:#625753}
.legal-page{max-width:940px}.legal-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;padding:28px 30px}.legal-hero h1{font-size:38px;letter-spacing:-.05em;margin:12px 0 8px}.legal-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;max-width:650px}.legal-hero img{width:140px;height:140px;object-fit:contain;justify-self:end}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.legal-section{padding:22px}.legal-section h2{margin:0 0 8px;font-size:17px;letter-spacing:-.025em}.legal-section p{margin:0;color:#6d625e;font-size:12px;line-height:1.65}.legal-help{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-top:10px}.legal-help div{display:flex;flex-direction:column;gap:3px}.legal-help b{font-size:13px}.legal-help span{font-size:10px;color:var(--muted)}
@media(max-width:900px){.site-footer-in{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
@media(max-width:720px){
  .site-footer{margin-top:18px}.site-footer-in{grid-template-columns:1fr;padding:20px 14px calc(18px + env(safe-area-inset-bottom,0px));gap:15px}.footer-brand p{font-size:10px}.footer-links{grid-template-columns:1fr 1fr;gap:2px 8px}.footer-links button{padding:7px 2px;font-size:10px}.footer-meta{grid-column:auto;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.optional-nick-field .hint{display:block;line-height:1.45}.legal-page{padding-top:12px}.legal-hero{grid-template-columns:minmax(0,1fr) 82px;padding:19px 16px}.legal-hero h1{font-size:27px;margin-top:9px}.legal-hero p{font-size:11px}.legal-hero img{width:82px;height:82px}.legal-grid{grid-template-columns:1fr;gap:7px}.legal-section{padding:17px}.legal-section h2{font-size:15px}.legal-section p{font-size:11px}.legal-help{align-items:flex-start;flex-direction:column;padding:17px}.legal-help .primary-btn{width:100%}
  body.chat-open-mobile .site-footer,body.lot-create-open .site-footer{display:none!important}
}

/* 2026-08-14 control panel, bans and per-order mobile support */
.orders-row-with-help{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}.orders-row-with-help>.order-card{width:100%}.order-support-mobile{display:none;border:1px solid var(--line);background:var(--paper);color:#675b57;border-radius:14px;font-weight:950;font-size:13px;min-width:42px;cursor:pointer}.order-support-mobile:hover{background:var(--paper-2);border-color:#ddcec8}.order-support-button{margin-top:2px}
.support-order-context{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin:0 0 12px;padding:10px;border:1px solid #f0ddd7;border-radius:14px;background:#fff8f5}.support-order-context>span{display:grid;place-items:center;min-width:42px;height:38px;border-radius:11px;background:var(--paper);color:#a3524b;font-size:10px;font-weight:950}.support-order-context>div{min-width:0;display:flex;flex-direction:column;gap:2px}.support-order-context b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-order-context small{font-size:9px;color:var(--muted)}.support-order-context button{border:0;background:transparent;color:var(--brand);font-size:9px;font-weight:900;cursor:pointer}
.banned-page{max-width:900px;padding-top:32px}.banned-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;padding:30px}.banned-visual{display:grid;place-items:center;min-height:220px;border-radius:22px;background:linear-gradient(145deg,#fff0ed,#fffaf8)}.banned-visual img{width:180px;height:180px;object-fit:contain}.banned-copy h1{font-size:34px;letter-spacing:-.05em;margin:10px 0}.banned-copy>p{font-size:14px;line-height:1.6;color:#5f5450;margin:0 0 7px}.banned-copy>small{display:block;font-size:9px;color:var(--muted)}.banned-actions{display:flex;gap:8px;margin:18px 0 12px}.account-banned-shell .profile-menu-grid{display:none}
.admin-control-panel{padding-bottom:34px}.admin-main-head{align-items:center}.admin-live{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef8ef;color:#3f7f49;font-size:9px;font-weight:900}.admin-tabs{display:flex;gap:5px;margin:-3px 0 10px;padding:5px;background:#f4f0ed;border:1px solid var(--line);border-radius:15px;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:9px 12px;border-radius:11px;color:#756965;font-size:10px;font-weight:900;cursor:pointer}.admin-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px rgba(62,43,37,.06)}.admin-tabs b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:8px}.admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.admin-metrics .metric{min-width:0}.admin-metrics .metric-value{font-size:21px}.admin-section,.admin-queue-card,.admin-recent-users{padding:17px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-section-head h2{font-size:18px;margin:5px 0 0}.admin-section-head h2 span{font-size:10px;color:var(--muted);font-weight:800}.admin-search{display:flex;gap:6px;align-items:center;min-width:min(410px,48%)}.admin-search .field{min-width:0}.admin-search .select{min-width:130px}.admin-search-wide{min-width:min(620px,60%)}.admin-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}.admin-user-list,.admin-order-list{display:flex;flex-direction:column;gap:6px}.admin-user-row{display:grid;grid-template-columns:42px minmax(190px,1.15fr) minmax(300px,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.admin-user-row.is-banned{background:#fff8f7;border-color:#efd5d0}.admin-user-avatar{width:42px;height:42px;border-radius:12px;background:var(--paper-3);display:grid;place-items:center;font-weight:950;color:#7b6963}.admin-user-main{min-width:0}.admin-user-title{display:flex;gap:7px;align-items:baseline;min-width:0}.admin-user-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-title span,.admin-user-mail{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-tags{display:flex;gap:4px;margin-top:5px}.admin-user-tags span{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:3px 5px;border-radius:99px;background:#f2eeeb;color:#756963}.admin-user-tags .danger{background:#ffeae7;color:#a94740}.admin-ban-reason{margin:5px 0 0;color:#a34a43;font-size:8px;line-height:1.35}.admin-user-stats{display:flex;flex-wrap:wrap;gap:5px 10px}.admin-user-stats span{font-size:8px;color:var(--muted)}.admin-user-stats b{color:var(--ink)}.admin-user-actions{display:flex;justify-content:flex-end}.admin-user-actions button{white-space:nowrap;font-size:9px;padding:8px 10px}.admin-order-row{display:flex;align-items:stretch;gap:6px}.admin-order-open{flex:1;min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;color:inherit;cursor:pointer}.admin-order-open>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.admin-order-open>span:nth-child(2)>b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-order-open small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-order-open>span:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.admin-order-open strong{font-size:10px}.admin-order-row>.danger-outline{min-width:82px}.admin-processed-note{margin-top:8px;font-size:8px;color:var(--muted)}.admin-recent-users{margin-top:9px}.admin-ticket-list{max-height:650px;overflow:auto}
@media(max-width:1100px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-user-row{grid-template-columns:42px minmax(0,1fr) auto}.admin-user-stats{grid-column:2/3}.admin-user-actions{grid-column:3;grid-row:1/3}.admin-search,.admin-search-wide{min-width:0;width:52%}}
@media(max-width:720px){
  .order-support-mobile{display:grid;place-items:center;min-width:40px;width:40px;border-radius:12px}.orders-row-with-help{gap:5px}.sales-order-row .order-support-mobile{display:grid}.sales-order-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:stretch}.sales-order-row>.sales-refund-btn{grid-column:1/-1;min-height:38px}.order-support-button{display:block!important}
  .banned-page{padding-top:14px}.banned-card{grid-template-columns:1fr;padding:17px;gap:12px}.banned-visual{min-height:128px}.banned-visual img{width:120px;height:120px}.banned-copy h1{font-size:27px;margin:8px 0}.banned-copy>p{font-size:12px}.banned-actions{display:grid;grid-template-columns:1fr;margin-top:14px}.banned-actions button{width:100%}
  .admin-control-panel{padding-left:10px;padding-right:10px}.admin-main-head{margin-bottom:9px}.admin-live{display:none}.admin-tabs{position:sticky;top:calc(var(--header) + 3px);z-index:20;margin:0 -2px 8px;border-radius:13px;background:rgba(247,243,240,.96);backdrop-filter:blur(12px)}.admin-tabs button{padding:9px 10px}.admin-metrics{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px;scrollbar-width:none}.admin-metrics::-webkit-scrollbar{display:none}.admin-metrics .metric{flex:0 0 142px}.admin-metrics .metric-value{font-size:19px}.admin-section,.admin-queue-card,.admin-recent-users{padding:12px;border-radius:16px}.admin-section-head{align-items:flex-start;flex-direction:column;gap:8px}.admin-section-head h2{font-size:16px}.admin-search,.admin-search-wide{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto}.admin-search-wide{grid-template-columns:minmax(0,1fr) 112px}.admin-search-wide button{grid-column:1/-1}.admin-search .field,.admin-search .select{font-size:16px;min-width:0}.admin-overview-grid{grid-template-columns:1fr}.admin-user-row{grid-template-columns:38px minmax(0,1fr) auto;padding:9px;gap:8px}.admin-user-avatar{width:38px;height:38px}.admin-user-stats{grid-column:2/-1;gap:4px 8px}.admin-user-actions{grid-column:1/-1;grid-row:auto}.admin-user-actions button{width:100%;min-height:38px}.admin-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.admin-order-open{grid-template-columns:auto minmax(0,1fr);padding:9px}.admin-order-open>span:last-child{grid-column:2;align-items:flex-start;flex-direction:row}.admin-order-row>.danger-outline{min-width:74px;padding:8px;font-size:8px}.admin-withdraw-card{padding:10px}.admin-control-panel .site-footer{display:none}.support-order-context{grid-template-columns:auto minmax(0,1fr);}.support-order-context>button{grid-column:1/-1;text-align:left;padding:2px 0}.ticket-list-panel .ticket-row{min-height:54px}
}

/* 2026-08-14 readability + unread chat polish */
.nav-chat-link,.chat-tab{position:relative}.nav-chat-link{display:inline-flex;align-items:center;gap:7px}.nav-chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-weight:950;line-height:1;box-shadow:0 0 0 3px rgba(255,116,109,.12)}.nav-chat-unread[hidden]{display:none!important}.nav-chat-link.has-unread{color:var(--ink);background:#fff3f0}.chat-tab .nav-chat-unread{position:absolute;top:5px;left:calc(50% + 5px);min-width:17px;height:17px;padding:0 5px;font-size:8px;border:2px solid #fff;box-shadow:none}
.chat-item.unread{background:#fff7f4;box-shadow:inset 4px 0 0 var(--brand)}.chat-item.unread:hover{background:#fff2ee}.chat-item.unread .chat-name>span:first-child{font-weight:950;color:var(--ink)}.chat-item.unread .chat-preview{font-weight:800;color:#3c312e}.chat-name-side{display:flex;align-items:center;gap:7px;flex:0 0 auto}.chat-preview-row{display:flex;align-items:center;gap:8px;min-width:0}.chat-preview-row .chat-preview{flex:1;min-width:0}.chat-new-label{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-soft);color:#b54f49;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:4px 6px}.toast-action{cursor:pointer}.toast-chat{border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(24,17,15,.22)}

@media(min-width:721px){
  :root{--max:1320px}
  .container{padding:28px 32px}.page-head{margin:10px 0 22px}.page-head h1{font-size:36px}.page-head p{font-size:14px}
  .chat-page{max-width:1320px}.chat-layout{grid-template-columns:390px minmax(0,1fr);height:min(760px,calc(100vh - 150px));min-height:620px;border-radius:26px;box-shadow:0 14px 42px rgba(67,45,38,.055)}.chat-list{background:var(--paper-2)}.chat-item{padding:18px 20px;min-height:82px}.chat-name{font-size:15px}.chat-name time{font-size:10px}.chat-preview{font-size:13px;line-height:1.45;margin-top:5px}.chat-unread{min-width:22px;height:22px;font-size:10px}.chat-new-label{font-size:9px;padding:5px 7px}.chat-head{min-height:74px;padding:14px 20px;gap:12px}.chat-head-avatar{width:44px;height:44px;border-radius:14px;font-size:16px}.chat-head-copy b{font-size:16px}.chat-head-copy span{font-size:11px}.messages{padding:22px 26px;gap:10px}.bubble{font-size:15px;line-height:1.55;padding:12px 14px;max-width:min(74%,700px);border-radius:17px 17px 17px 6px}.bubble.mine{border-radius:17px 17px 6px 17px}.bubble-author{font-size:10px}.bubble-meta{font-size:9px;margin-top:7px}.sticker-message{width:190px;height:190px}.chat-image{max-width:min(500px,100%);max-height:500px;border-radius:15px}.chat-compose{padding:13px 16px 15px}.chat-compose-row{gap:8px}.chat-tool-btn{width:50px;min-width:50px;height:50px;border-radius:14px}.chat-textarea{min-height:50px;font-size:15px;padding:14px}.chat-send-btn{height:50px;min-width:116px;font-size:13px}.chat-order-card{width:min(650px,100%);padding:17px;border-radius:20px}.chat-order-top b{font-size:15px}.chat-order-kicker{font-size:10px}.chat-order-meta{font-size:12px;margin-top:12px;padding-top:11px}.chat-order-meta strong{font-size:18px}.chat-order-event,.chat-order-reason{font-size:11px;padding:10px 11px}.chat-order-open,.chat-order-action{min-height:44px;font-size:12px}
  .orders-page{max-width:1260px}.orders-page-head{margin-bottom:16px}.orders-mode-tabs{padding:5px;border-radius:16px;margin-bottom:14px}.orders-mode-tabs button{padding:11px 17px;font-size:13px;border-radius:12px}.orders-mode-tabs span{min-width:22px;height:22px;font-size:10px}.orders-list{gap:11px}.order-card{padding:19px 21px;border-radius:20px;gap:15px}.order-num{width:56px;height:56px;border-radius:16px;font-size:14px}.order-title{font-size:15px}.order-meta{font-size:12px;margin-top:6px}.order-state{font-size:12px;padding:7px 10px}.order-price{font-size:17px}.sales-order-row{gap:10px}.sales-order-open{padding:18px 20px;border-radius:20px;gap:15px;min-height:78px}.sales-order-copy b{font-size:15px}.sales-order-copy small{font-size:11px;margin-top:5px}.sales-order-money{gap:7px}.sales-order-money .order-price{font-size:18px}.sales-refund-btn{min-width:118px;font-size:12px}.orders-create-lot{min-height:46px;padding:11px 16px;font-size:12px}.compact-select{min-height:46px;font-size:13px}
  .dashboard-grid{gap:14px}.metric{padding:20px;border-radius:20px}.metric-label{font-size:12px}.metric-value{font-size:28px}.promo-card{padding:24px 175px 24px 24px}.seller-lots-panel{padding:20px}.seller-lot-row{padding:9px;border-radius:16px}.seller-lot-icon{width:46px;height:46px}.seller-lot-open b{font-size:14px}.seller-lot-open small{font-size:10px}.seller-lot-row>.secondary-btn{font-size:11px;padding:10px 13px}
}

@keyframes toastFromTop{from{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:720px){
  #toast-root,body.chat-open-mobile #toast-root,.lot-create-open #toast-root{top:calc(env(safe-area-inset-top,0px) + var(--header) + 8px)!important;bottom:auto!important;left:10px!important;right:10px!important;align-items:stretch;z-index:140}.toast{max-width:none!important;border-radius:15px;padding:12px 14px;font-size:12px;line-height:1.35;animation:toastFromTop .2s ease}.toast-chat{padding-right:34px;position:relative}.toast-chat:after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:21px;color:#cfc5c1}.chat-item{min-height:70px;padding:13px 14px}.chat-item.unread{box-shadow:inset 3px 0 0 var(--brand)}.chat-name{font-size:13px}.chat-name time{font-size:9px}.chat-preview{font-size:12px}.chat-unread{min-width:21px;height:21px;font-size:9px}.chat-new-label{font-size:7px;padding:4px 6px}.chat-tab.has-unread{color:var(--ink)}
}


/* 2026-08-14 system dark theme -------------------------------------------------
   Follows the OS automatically.  No theme toggle or stored preference is
   required, so PWA/browser and website stay in sync with the device. */
@media (prefers-color-scheme: dark){
  html:not([data-theme-ready]){
    color-scheme:dark;
    --bg:#11100f;--paper:#1a1817;--paper-2:#1e1b1a;--paper-3:#262220;
    --ink:#f5efec;--muted:#aaa09b;--line:#39312e;
    --brand:#ff7b73;--brand-2:#ff9b90;--brand-soft:#35201e;--accent:#d8cdc8;
    --ok:#55cfa0;--warn:#e8a94e;--shadow:0 16px 46px rgba(0,0,0,.28);--on-ink:#171311;
  }
  html:not([data-theme-ready]), html:not([data-theme-ready]) body{background:var(--bg);color:var(--ink)}
  html:not([data-theme-ready]) body{accent-color:var(--brand)}
  html:not([data-theme-ready]) ::selection{background:rgba(255,123,115,.28);color:var(--ink)}
  html:not([data-theme-ready]) .topbar{background:rgba(17,16,15,.9);border-bottom-color:rgba(70,60,56,.72)}
  html:not([data-theme-ready]) .nav-btn:hover, html:not([data-theme-ready]) .ghost-btn:hover, html:not([data-theme-ready]) .icon-btn:hover{background:#26211f}
  html:not([data-theme-ready]) .avatar-mini{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .sell-btn, html:not([data-theme-ready]) .primary-btn{box-shadow:0 7px 20px rgba(0,0,0,.32)}
  html:not([data-theme-ready]) .secondary-btn, html:not([data-theme-ready]) .tool-btn, html:not([data-theme-ready]) .chip, html:not([data-theme-ready]) .field, html:not([data-theme-ready]) .search-input, html:not([data-theme-ready]) .select, html:not([data-theme-ready]) .qty-btn{background:var(--paper);color:var(--ink);border-color:var(--line)}
  html:not([data-theme-ready]) .field::placeholder, html:not([data-theme-ready]) .search-input::placeholder, html:not([data-theme-ready]) textarea::placeholder{color:#776d68}
  html:not([data-theme-ready]) .field:focus, html:not([data-theme-ready]) .search-input:focus, html:not([data-theme-ready]) .select:focus{border-color:#69534f;box-shadow:0 0 0 4px rgba(255,123,115,.11)}
  html:not([data-theme-ready]) input, html:not([data-theme-ready]) textarea, html:not([data-theme-ready]) select{color-scheme:dark}
  html:not([data-theme-ready]) input:-webkit-autofill, html:not([data-theme-ready]) input:-webkit-autofill:hover, html:not([data-theme-ready]) input:-webkit-autofill:focus, html:not([data-theme-ready]) textarea:-webkit-autofill, html:not([data-theme-ready]) select:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--paper) inset!important;transition:background-color 9999s ease-out 0s}

  html:not([data-theme-ready]) .hero{background:radial-gradient(circle at 78% 20%,rgba(255,123,115,.11),transparent 28%),linear-gradient(125deg,#1d1918 0%,#171514 58%,#211716 100%);border-color:var(--line);box-shadow:0 18px 50px rgba(0,0,0,.25)}
  html:not([data-theme-ready]) .hero-bubble{background:#211d1b;border-color:#403633;color:#f2e9e5;box-shadow:0 12px 34px rgba(0,0,0,.26)}
  html:not([data-theme-ready]) .hero-cat{filter:drop-shadow(0 18px 25px rgba(0,0,0,.36))}
  html:not([data-theme-ready]) .eyebrow{background:#34201e;color:#ff8c85}
  html:not([data-theme-ready]) .chip.soft{background:#2e201e;border-color:#593530;color:#ffaaa4}
  html:not([data-theme-ready]) .subcat.active{color:var(--ink)}
  html:not([data-theme-ready]) .lot-card:hover{border-color:#51433f;box-shadow:0 10px 30px rgba(0,0,0,.2)}
  html:not([data-theme-ready]) .lot-badge{background:#162b23;color:#69dbae}
  html:not([data-theme-ready]) .seller-link{color:#d9cdc8}html:not([data-theme-ready]) .seller-link:hover{color:var(--brand)}
  html:not([data-theme-ready]) .stars{color:#f1b746}
  html:not([data-theme-ready]) .empty{border-color:#4a3f3b;background:var(--paper)}
  html:not([data-theme-ready]) .drawer-backdrop, html:not([data-theme-ready]) .modal-backdrop{background:rgba(0,0,0,.62)}
  html:not([data-theme-ready]) .drawer, html:not([data-theme-ready]) .modal{background:var(--paper);box-shadow:0 34px 90px rgba(0,0,0,.48)}
  html:not([data-theme-ready]) .close-btn{background:#2b2624;color:var(--ink)}
  html:not([data-theme-ready]) .auth-progress{background:#2d2825}
  html:not([data-theme-ready]) .detail-banner{background:linear-gradient(125deg,#281b19,#1e1a19)}
  html:not([data-theme-ready]) .detail-copy{color:#c1b5b0}
  html:not([data-theme-ready]) .seller-avatar{background:#2a211f}
  html:not([data-theme-ready]) .profile-hero, html:not([data-theme-ready]) .buyer-card, html:not([data-theme-ready]) .metric, html:not([data-theme-ready]) .order-card, html:not([data-theme-ready]) .panel, html:not([data-theme-ready]) .detail-card{border-color:var(--line)}
  html:not([data-theme-ready]) .profile-banner{background:linear-gradient(120deg,#2a1d1b,#181615)}
  html:not([data-theme-ready]) .profile-icon{box-shadow:0 0 0 4px var(--paper),0 8px 28px rgba(0,0,0,.28)}
  html:not([data-theme-ready]) .metric-delta, html:not([data-theme-ready]) .order-meta, html:not([data-theme-ready]) .seller-meta, html:not([data-theme-ready]) .hint{color:var(--muted)}
  html:not([data-theme-ready]) .order-state.warn{background:#332617;color:#efbd69}html:not([data-theme-ready]) .order-state.ok{background:#173027;color:#6cd7ad}

  html:not([data-theme-ready]) .chat-layout{background:var(--paper);border-color:var(--line);box-shadow:0 18px 50px rgba(0,0,0,.2)}
  html:not([data-theme-ready]) .chat-list{background:#171514;border-color:var(--line)}
  html:not([data-theme-ready]) .chat-item{border-color:var(--line)}
  html:not([data-theme-ready]) .chat-item:hover{background:#211d1b}
  html:not([data-theme-ready]) .chat-item.active{background:#30201e}
  html:not([data-theme-ready]) .chat-item.unread{background:#2b1d1b;box-shadow:inset 4px 0 0 var(--brand)}
  html:not([data-theme-ready]) .chat-item.unread:hover{background:#33211f}
  html:not([data-theme-ready]) .chat-item.unread .chat-preview{color:#eee4df}
  html:not([data-theme-ready]) .chat-head, html:not([data-theme-ready]) .chat-compose{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .messages{background:#151312}
  html:not([data-theme-ready]) .bubble{background:#292421;color:var(--ink)}
  html:not([data-theme-ready]) .bubble.mine{background:#3a2421;color:#fff0ec}
  html:not([data-theme-ready]) .bubble.system{background:#302a1c;color:#e9cc8e}
  html:not([data-theme-ready]) .bubble-meta, html:not([data-theme-ready]) .bubble-author, html:not([data-theme-ready]) .chat-head-copy span{color:#958983}
  html:not([data-theme-ready]) .chat-tool-btn{background:#25211f!important;border-color:var(--line)!important;color:var(--ink)!important}
  html:not([data-theme-ready]) .chat-textarea{background:#211e1c!important}
  html:not([data-theme-ready]) .sticker-picker{background:#211e1c;border-color:var(--line);box-shadow:0 20px 50px rgba(0,0,0,.42)}
  html:not([data-theme-ready]) .sticker-btn:hover{background:#2d2825}
  html:not([data-theme-ready]) .chat-order-card{background:#211d1b;border-color:#443a36}
  html:not([data-theme-ready]) .chat-order-event{background:#1a2c24;color:#74d5af}html:not([data-theme-ready]) .chat-order-reason{background:#34201e;color:#ffaaa4}
  html:not([data-theme-ready]) .chat-lot-attachment, html:not([data-theme-ready]) .chat-pending-lot .chat-lot-attachment{background:#221e1c;border-color:var(--line)}
  html:not([data-theme-ready]) .chat-lot-attachment:hover{background:#2a2522}html:not([data-theme-ready]) .chat-pending-lot{background:#261d1b;border-color:#4a3531}
  html:not([data-theme-ready]) .chat-start{color:var(--muted)}

  html:not([data-theme-ready]) .push-strip, html:not([data-theme-ready]) .seller-push-tip{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .push-strip{box-shadow:0 10px 30px rgba(0,0,0,.17)}
  html:not([data-theme-ready]) .store-link, html:not([data-theme-ready]) .mini-store-preview, html:not([data-theme-ready]) .icon-picker label span{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .storefront-theme .profile-banner{background:linear-gradient(120deg,color-mix(in srgb,var(--store-accent) 16%,#171514),color-mix(in srgb,var(--store-accent) 8%,#211d1b))}
  html:not([data-theme-ready]) .storefront-gradient{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.06),transparent 30%),linear-gradient(120deg,color-mix(in srgb,var(--store-accent) 15%,#171514),color-mix(in srgb,var(--store-accent) 7%,#211d1b))}
  html:not([data-theme-ready]) .storefront-theme .profile-icon{box-shadow:0 0 0 4px var(--paper),0 8px 28px rgba(0,0,0,.28)}
  html:not([data-theme-ready]) .storefront-note{background:color-mix(in srgb,var(--store-accent) 15%,#1d1918);color:color-mix(in srgb,var(--store-accent) 62%,#f4ece8)}
  html:not([data-theme-ready]) .mini-store-cover, html:not([data-theme-ready]) .account-store-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--store-accent) 14%,#181615),#211d1b 80%)}
  html:not([data-theme-ready]) .mini-store-icon, html:not([data-theme-ready]) .account-store-avatar{border-color:var(--paper);background:var(--paper)}

  html:not([data-theme-ready]) .lot-form-box, html:not([data-theme-ready]) .lot-optional-block, html:not([data-theme-ready]) .lot-form-side .optional-details, html:not([data-theme-ready]) .lot-form-side .publish-card{background:var(--paper-2);border-color:var(--line)}
  html:not([data-theme-ready]) .rich-toolbar{background:#171514;border-color:var(--line)}
  html:not([data-theme-ready]) .rich-toolbar button{color:#d8cdc8}html:not([data-theme-ready]) .rich-toolbar button:hover{background:#2b2624;color:#fff}
  html:not([data-theme-ready]) .rich-editor{background:var(--paper);border-color:var(--line);color:var(--ink)}
  html:not([data-theme-ready]) .rich-editor:empty:before{color:#776d68}
  html:not([data-theme-ready]) .lot-rich blockquote{border-color:#6d4b46;background:#251d1b}
  html:not([data-theme-ready]) .lot-rich pre, html:not([data-theme-ready]) .lot-rich code{background:#100f0e;color:#e9ddd8}
  html:not([data-theme-ready]) .lot-rich .lot-callout{background:#2b1d1b;border-color:#54352f}
  html:not([data-theme-ready]) .category-picker-popover, html:not([data-theme-ready]) .category-picker-head, html:not([data-theme-ready]) .category-picker-popover .search-wrap, html:not([data-theme-ready]) .category-picker-button, html:not([data-theme-ready]) .category-search-row, html:not([data-theme-ready]) .lot-category-option{background:var(--paper);border-color:var(--line);color:var(--ink)}
  html:not([data-theme-ready]) .category-search-row:hover, html:not([data-theme-ready]) .lot-category-option:hover{background:#282321}
  html:not([data-theme-ready]) .category-search-row.active, html:not([data-theme-ready]) .lot-category-option.active{background:#34201e}
  html:not([data-theme-ready]) .switch span{background:#39322f}html:not([data-theme-ready]) .switch input:checked+span{background:var(--brand)}html:not([data-theme-ready]) .switch span:after{background:#fff}
  html:not([data-theme-ready]) .inventory-security{background:#172821;color:#7ed6b2;border-color:#26493c}
  html:not([data-theme-ready]) .pending-delivery{background:#2d281a;color:#e5c178}

  html:not([data-theme-ready]) .seller-rating-card, html:not([data-theme-ready]) .seller-review{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .rating-bar{background:#2e2926}html:not([data-theme-ready]) .rating-bar i{background:#e9ad39}
  html:not([data-theme-ready]) .rating-summary{border-color:var(--line)}
  html:not([data-theme-ready]) .rating-filter{background:var(--paper-2);border-color:var(--line);color:var(--ink)}
  html:not([data-theme-ready]) .seller-tab{color:var(--muted)}html:not([data-theme-ready]) .seller-tab.active{color:var(--ink)}

  html:not([data-theme-ready]) .order-summary-card, html:not([data-theme-ready]) .order-facts>div, html:not([data-theme-ready]) .order-contact-card, html:not([data-theme-ready]) .order-action-panel{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .order-product-icon{background:#33201d}html:not([data-theme-ready]) .order-help-card, html:not([data-theme-ready]) .support-order-context{background:#2a211f;border-color:#493733}
  html:not([data-theme-ready]) .order-action-panel.review-ready{background:#29251c}html:not([data-theme-ready]) .order-action-panel.seller-refund{background:#2b1d1d}
  html:not([data-theme-ready]) .danger-outline{background:#2a1c1b!important;color:#ffaaa4!important;border-color:#633b36!important}html:not([data-theme-ready]) .danger-outline:hover{background:#36201e!important}
  html:not([data-theme-ready]) .review-stars-input label span{background:#272321;border-color:var(--line)}
  html:not([data-theme-ready]) .review-stars-input label.selected span, html:not([data-theme-ready]) .review-stars-input label:has(input:checked) span{background:#342c18;border-color:#6a5627}

  html:not([data-theme-ready]) .withdraw-row, html:not([data-theme-ready]) .ticket-row, html:not([data-theme-ready]) .admin-withdraw-card, html:not([data-theme-ready]) .sales-order-open, html:not([data-theme-ready]) .seller-lot-row, html:not([data-theme-ready]) .admin-user-row, html:not([data-theme-ready]) .admin-order-open{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .orders-mode-tabs{background:#161413;border-color:var(--line)}html:not([data-theme-ready]) .orders-mode-tabs button.active, html:not([data-theme-ready]) .admin-tabs button.active{background:#2c2724;color:var(--ink)}
  html:not([data-theme-ready]) .account-settings-list, html:not([data-theme-ready]) .account-setting-row, html:not([data-theme-ready]) .settings-disclosure, html:not([data-theme-ready]) .profile-menu-tile, html:not([data-theme-ready]) .profile-menu-feature-icon{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .profile-menu{background:#1a1817!important;border-color:var(--line)!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important}
  html:not([data-theme-ready]) .profile-menu-feature{background:linear-gradient(135deg,#251d1b,#1b1817)!important;border-color:#3e3431!important}
  html:not([data-theme-ready]) .profile-menu-tile:hover, html:not([data-theme-ready]) .account-setting-row:hover{background:#24201e}
  html:not([data-theme-ready]) .avatar-mini:hover, html:not([data-theme-ready]) .avatar-mini[aria-expanded="true"]{background:#24201e}

  html:not([data-theme-ready]) .admin-tabs{background:#1a1716;border-color:var(--line)}
  html:not([data-theme-ready]) .admin-user-row.is-banned{background:#2a1b1a}html:not([data-theme-ready]) .admin-live{background:#172a22;color:#68d1a6}
  html:not([data-theme-ready]) .admin-search .field, html:not([data-theme-ready]) .admin-search .select{background:#171514}
  html:not([data-theme-ready]) .site-footer{background:rgba(24,21,20,.72);border-color:var(--line)}
  html:not([data-theme-ready]) .footer-links button{color:#bcb0ab}html:not([data-theme-ready]) .footer-links button:hover{background:#2d1e1c;color:#ff918a}
  html:not([data-theme-ready]) .legal-hero, html:not([data-theme-ready]) .legal-section, html:not([data-theme-ready]) .legal-help{background:var(--paper);border-color:var(--line)}

  html:not([data-theme-ready]) .skeleton{background:linear-gradient(90deg,#25211f 25%,#332d2a 50%,#25211f 75%);background-size:200% 100%}
  html:not([data-theme-ready]) .skeleton-card{background:var(--paper);border-color:var(--line)}
  html:not([data-theme-ready]) .tabbar{background:rgba(26,24,23,.94)!important;border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.35)}
  html:not([data-theme-ready]) .tab{color:#978b85}html:not([data-theme-ready]) .tab.active{color:var(--brand)}html:not([data-theme-ready]) .chat-tab .nav-chat-unread{border-color:#1a1817}
  html:not([data-theme-ready]) .nav-chat-link.has-unread{background:#2f1f1d;color:var(--ink)}
  html:not([data-theme-ready]) .chat-new-label{background:#3a2220;color:#ff9d96}
  html:not([data-theme-ready]) .toast-chat{border-color:rgba(255,255,255,.1)}
}

  html[data-theme="dark"]{
    color-scheme:dark;
    --bg:#11100f;--paper:#1a1817;--paper-2:#1e1b1a;--paper-3:#262220;
    --ink:#f5efec;--muted:#aaa09b;--line:#39312e;
    --brand:#ff7b73;--brand-2:#ff9b90;--brand-soft:#35201e;--accent:#d8cdc8;
    --ok:#55cfa0;--warn:#e8a94e;--shadow:0 16px 46px rgba(0,0,0,.28);--on-ink:#171311;
  }
  html[data-theme="dark"], html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
  html[data-theme="dark"] body{accent-color:var(--brand)}
  html[data-theme="dark"] ::selection{background:rgba(255,123,115,.28);color:var(--ink)}
  html[data-theme="dark"] .topbar{background:rgba(17,16,15,.9);border-bottom-color:rgba(70,60,56,.72)}
  html[data-theme="dark"] .nav-btn:hover, html[data-theme="dark"] .ghost-btn:hover, html[data-theme="dark"] .icon-btn:hover{background:#26211f}
  html[data-theme="dark"] .avatar-mini{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .sell-btn, html[data-theme="dark"] .primary-btn{box-shadow:0 7px 20px rgba(0,0,0,.32)}
  html[data-theme="dark"] .secondary-btn, html[data-theme="dark"] .tool-btn, html[data-theme="dark"] .chip, html[data-theme="dark"] .field, html[data-theme="dark"] .search-input, html[data-theme="dark"] .select, html[data-theme="dark"] .qty-btn{background:var(--paper);color:var(--ink);border-color:var(--line)}
  html[data-theme="dark"] .field::placeholder, html[data-theme="dark"] .search-input::placeholder, html[data-theme="dark"] textarea::placeholder{color:#776d68}
  html[data-theme="dark"] .field:focus, html[data-theme="dark"] .search-input:focus, html[data-theme="dark"] .select:focus{border-color:#69534f;box-shadow:0 0 0 4px rgba(255,123,115,.11)}
  html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select{color-scheme:dark}
  html[data-theme="dark"] input:-webkit-autofill, html[data-theme="dark"] input:-webkit-autofill:hover, html[data-theme="dark"] input:-webkit-autofill:focus, html[data-theme="dark"] textarea:-webkit-autofill, html[data-theme="dark"] select:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--paper) inset!important;transition:background-color 9999s ease-out 0s}

  html[data-theme="dark"] .hero{background:radial-gradient(circle at 78% 20%,rgba(255,123,115,.11),transparent 28%),linear-gradient(125deg,#1d1918 0%,#171514 58%,#211716 100%);border-color:var(--line);box-shadow:0 18px 50px rgba(0,0,0,.25)}
  html[data-theme="dark"] .hero-bubble{background:#211d1b;border-color:#403633;color:#f2e9e5;box-shadow:0 12px 34px rgba(0,0,0,.26)}
  html[data-theme="dark"] .hero-cat{filter:drop-shadow(0 18px 25px rgba(0,0,0,.36))}
  html[data-theme="dark"] .eyebrow{background:#34201e;color:#ff8c85}
  html[data-theme="dark"] .chip.soft{background:#2e201e;border-color:#593530;color:#ffaaa4}
  html[data-theme="dark"] .subcat.active{color:var(--ink)}
  html[data-theme="dark"] .lot-card:hover{border-color:#51433f;box-shadow:0 10px 30px rgba(0,0,0,.2)}
  html[data-theme="dark"] .lot-badge{background:#162b23;color:#69dbae}
  html[data-theme="dark"] .seller-link{color:#d9cdc8}html[data-theme="dark"] .seller-link:hover{color:var(--brand)}
  html[data-theme="dark"] .stars{color:#f1b746}
  html[data-theme="dark"] .empty{border-color:#4a3f3b;background:var(--paper)}
  html[data-theme="dark"] .drawer-backdrop, html[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.62)}
  html[data-theme="dark"] .drawer, html[data-theme="dark"] .modal{background:var(--paper);box-shadow:0 34px 90px rgba(0,0,0,.48)}
  html[data-theme="dark"] .close-btn{background:#2b2624;color:var(--ink)}
  html[data-theme="dark"] .auth-progress{background:#2d2825}
  html[data-theme="dark"] .detail-banner{background:linear-gradient(125deg,#281b19,#1e1a19)}
  html[data-theme="dark"] .detail-copy{color:#c1b5b0}
  html[data-theme="dark"] .seller-avatar{background:#2a211f}
  html[data-theme="dark"] .profile-hero, html[data-theme="dark"] .buyer-card, html[data-theme="dark"] .metric, html[data-theme="dark"] .order-card, html[data-theme="dark"] .panel, html[data-theme="dark"] .detail-card{border-color:var(--line)}
  html[data-theme="dark"] .profile-banner{background:linear-gradient(120deg,#2a1d1b,#181615)}
  html[data-theme="dark"] .profile-icon{box-shadow:0 0 0 4px var(--paper),0 8px 28px rgba(0,0,0,.28)}
  html[data-theme="dark"] .metric-delta, html[data-theme="dark"] .order-meta, html[data-theme="dark"] .seller-meta, html[data-theme="dark"] .hint{color:var(--muted)}
  html[data-theme="dark"] .order-state.warn{background:#332617;color:#efbd69}html[data-theme="dark"] .order-state.ok{background:#173027;color:#6cd7ad}

  html[data-theme="dark"] .chat-layout{background:var(--paper);border-color:var(--line);box-shadow:0 18px 50px rgba(0,0,0,.2)}
  html[data-theme="dark"] .chat-list{background:#171514;border-color:var(--line)}
  html[data-theme="dark"] .chat-item{border-color:var(--line)}
  html[data-theme="dark"] .chat-item:hover{background:#211d1b}
  html[data-theme="dark"] .chat-item.active{background:#30201e}
  html[data-theme="dark"] .chat-item.unread{background:#2b1d1b;box-shadow:inset 4px 0 0 var(--brand)}
  html[data-theme="dark"] .chat-item.unread:hover{background:#33211f}
  html[data-theme="dark"] .chat-item.unread .chat-preview{color:#eee4df}
  html[data-theme="dark"] .chat-head, html[data-theme="dark"] .chat-compose{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .messages{background:#151312}
  html[data-theme="dark"] .bubble{background:#292421;color:var(--ink)}
  html[data-theme="dark"] .bubble.mine{background:#3a2421;color:#fff0ec}
  html[data-theme="dark"] .bubble.system{background:#302a1c;color:#e9cc8e}
  html[data-theme="dark"] .bubble-meta, html[data-theme="dark"] .bubble-author, html[data-theme="dark"] .chat-head-copy span{color:#958983}
  html[data-theme="dark"] .chat-tool-btn{background:#25211f!important;border-color:var(--line)!important;color:var(--ink)!important}
  html[data-theme="dark"] .chat-textarea{background:#211e1c!important}
  html[data-theme="dark"] .sticker-picker{background:#211e1c;border-color:var(--line);box-shadow:0 20px 50px rgba(0,0,0,.42)}
  html[data-theme="dark"] .sticker-btn:hover{background:#2d2825}
  html[data-theme="dark"] .chat-order-card{background:#211d1b;border-color:#443a36}
  html[data-theme="dark"] .chat-order-event{background:#1a2c24;color:#74d5af}html[data-theme="dark"] .chat-order-reason{background:#34201e;color:#ffaaa4}
  html[data-theme="dark"] .chat-lot-attachment, html[data-theme="dark"] .chat-pending-lot .chat-lot-attachment{background:#221e1c;border-color:var(--line)}
  html[data-theme="dark"] .chat-lot-attachment:hover{background:#2a2522}html[data-theme="dark"] .chat-pending-lot{background:#261d1b;border-color:#4a3531}
  html[data-theme="dark"] .chat-start{color:var(--muted)}

  html[data-theme="dark"] .push-strip, html[data-theme="dark"] .seller-push-tip{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .push-strip{box-shadow:0 10px 30px rgba(0,0,0,.17)}
  html[data-theme="dark"] .store-link, html[data-theme="dark"] .mini-store-preview, html[data-theme="dark"] .icon-picker label span{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .storefront-theme .profile-banner{background:linear-gradient(120deg,color-mix(in srgb,var(--store-accent) 16%,#171514),color-mix(in srgb,var(--store-accent) 8%,#211d1b))}
  html[data-theme="dark"] .storefront-gradient{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.06),transparent 30%),linear-gradient(120deg,color-mix(in srgb,var(--store-accent) 15%,#171514),color-mix(in srgb,var(--store-accent) 7%,#211d1b))}
  html[data-theme="dark"] .storefront-theme .profile-icon{box-shadow:0 0 0 4px var(--paper),0 8px 28px rgba(0,0,0,.28)}
  html[data-theme="dark"] .storefront-note{background:color-mix(in srgb,var(--store-accent) 15%,#1d1918);color:color-mix(in srgb,var(--store-accent) 62%,#f4ece8)}
  html[data-theme="dark"] .mini-store-cover, html[data-theme="dark"] .account-store-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--store-accent) 14%,#181615),#211d1b 80%)}
  html[data-theme="dark"] .mini-store-icon, html[data-theme="dark"] .account-store-avatar{border-color:var(--paper);background:var(--paper)}

  html[data-theme="dark"] .lot-form-box, html[data-theme="dark"] .lot-optional-block, html[data-theme="dark"] .lot-form-side .optional-details, html[data-theme="dark"] .lot-form-side .publish-card{background:var(--paper-2);border-color:var(--line)}
  html[data-theme="dark"] .rich-toolbar{background:#171514;border-color:var(--line)}
  html[data-theme="dark"] .rich-toolbar button{color:#d8cdc8}html[data-theme="dark"] .rich-toolbar button:hover{background:#2b2624;color:#fff}
  html[data-theme="dark"] .rich-editor{background:var(--paper);border-color:var(--line);color:var(--ink)}
  html[data-theme="dark"] .rich-editor:empty:before{color:#776d68}
  html[data-theme="dark"] .lot-rich blockquote{border-color:#6d4b46;background:#251d1b}
  html[data-theme="dark"] .lot-rich pre, html[data-theme="dark"] .lot-rich code{background:#100f0e;color:#e9ddd8}
  html[data-theme="dark"] .lot-rich .lot-callout{background:#2b1d1b;border-color:#54352f}
  html[data-theme="dark"] .category-picker-popover, html[data-theme="dark"] .category-picker-head, html[data-theme="dark"] .category-picker-popover .search-wrap, html[data-theme="dark"] .category-picker-button, html[data-theme="dark"] .category-search-row, html[data-theme="dark"] .lot-category-option{background:var(--paper);border-color:var(--line);color:var(--ink)}
  html[data-theme="dark"] .category-search-row:hover, html[data-theme="dark"] .lot-category-option:hover{background:#282321}
  html[data-theme="dark"] .category-search-row.active, html[data-theme="dark"] .lot-category-option.active{background:#34201e}
  html[data-theme="dark"] .switch span{background:#39322f}html[data-theme="dark"] .switch input:checked+span{background:var(--brand)}html[data-theme="dark"] .switch span:after{background:#fff}
  html[data-theme="dark"] .inventory-security{background:#172821;color:#7ed6b2;border-color:#26493c}
  html[data-theme="dark"] .pending-delivery{background:#2d281a;color:#e5c178}

  html[data-theme="dark"] .seller-rating-card, html[data-theme="dark"] .seller-review{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .rating-bar{background:#2e2926}html[data-theme="dark"] .rating-bar i{background:#e9ad39}
  html[data-theme="dark"] .rating-summary{border-color:var(--line)}
  html[data-theme="dark"] .rating-filter{background:var(--paper-2);border-color:var(--line);color:var(--ink)}
  html[data-theme="dark"] .seller-tab{color:var(--muted)}html[data-theme="dark"] .seller-tab.active{color:var(--ink)}

  html[data-theme="dark"] .order-summary-card, html[data-theme="dark"] .order-facts>div, html[data-theme="dark"] .order-contact-card, html[data-theme="dark"] .order-action-panel{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .order-product-icon{background:#33201d}html[data-theme="dark"] .order-help-card, html[data-theme="dark"] .support-order-context{background:#2a211f;border-color:#493733}
  html[data-theme="dark"] .order-action-panel.review-ready{background:#29251c}html[data-theme="dark"] .order-action-panel.seller-refund{background:#2b1d1d}
  html[data-theme="dark"] .danger-outline{background:#2a1c1b!important;color:#ffaaa4!important;border-color:#633b36!important}html[data-theme="dark"] .danger-outline:hover{background:#36201e!important}
  html[data-theme="dark"] .review-stars-input label span{background:#272321;border-color:var(--line)}
  html[data-theme="dark"] .review-stars-input label.selected span, html[data-theme="dark"] .review-stars-input label:has(input:checked) span{background:#342c18;border-color:#6a5627}

  html[data-theme="dark"] .withdraw-row, html[data-theme="dark"] .ticket-row, html[data-theme="dark"] .admin-withdraw-card, html[data-theme="dark"] .sales-order-open, html[data-theme="dark"] .seller-lot-row, html[data-theme="dark"] .admin-user-row, html[data-theme="dark"] .admin-order-open{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .orders-mode-tabs{background:#161413;border-color:var(--line)}html[data-theme="dark"] .orders-mode-tabs button.active, html[data-theme="dark"] .admin-tabs button.active{background:#2c2724;color:var(--ink)}
  html[data-theme="dark"] .account-settings-list, html[data-theme="dark"] .account-setting-row, html[data-theme="dark"] .settings-disclosure, html[data-theme="dark"] .profile-menu-tile, html[data-theme="dark"] .profile-menu-feature-icon{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .profile-menu{background:#1a1817!important;border-color:var(--line)!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important}
  html[data-theme="dark"] .profile-menu-feature{background:linear-gradient(135deg,#251d1b,#1b1817)!important;border-color:#3e3431!important}
  html[data-theme="dark"] .profile-menu-tile:hover, html[data-theme="dark"] .account-setting-row:hover{background:#24201e}
  html[data-theme="dark"] .avatar-mini:hover, html[data-theme="dark"] .avatar-mini[aria-expanded="true"]{background:#24201e}

  html[data-theme="dark"] .admin-tabs{background:#1a1716;border-color:var(--line)}
  html[data-theme="dark"] .admin-user-row.is-banned{background:#2a1b1a}html[data-theme="dark"] .admin-live{background:#172a22;color:#68d1a6}
  html[data-theme="dark"] .admin-search .field, html[data-theme="dark"] .admin-search .select{background:#171514}
  html[data-theme="dark"] .site-footer{background:rgba(24,21,20,.72);border-color:var(--line)}
  html[data-theme="dark"] .footer-links button{color:#bcb0ab}html[data-theme="dark"] .footer-links button:hover{background:#2d1e1c;color:#ff918a}
  html[data-theme="dark"] .legal-hero, html[data-theme="dark"] .legal-section, html[data-theme="dark"] .legal-help{background:var(--paper);border-color:var(--line)}

  html[data-theme="dark"] .skeleton{background:linear-gradient(90deg,#25211f 25%,#332d2a 50%,#25211f 75%);background-size:200% 100%}
  html[data-theme="dark"] .skeleton-card{background:var(--paper);border-color:var(--line)}
  html[data-theme="dark"] .tabbar{background:rgba(26,24,23,.94)!important;border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.35)}
  html[data-theme="dark"] .tab{color:#978b85}html[data-theme="dark"] .tab.active{color:var(--brand)}html[data-theme="dark"] .chat-tab .nav-chat-unread{border-color:#1a1817}
  html[data-theme="dark"] .nav-chat-link.has-unread{background:#2f1f1d;color:var(--ink)}
  html[data-theme="dark"] .chat-new-label{background:#3a2220;color:#ff9d96}
  html[data-theme="dark"] .toast-chat{border-color:rgba(255,255,255,.1)}


@media (prefers-color-scheme: dark){
  html:not([data-theme-ready]) .form-label, html:not([data-theme-ready]) .profile-bio, html:not([data-theme-ready]) .detail-copy, html:not([data-theme-ready]) .lot-rich, html:not([data-theme-ready]) .seller-review p, html:not([data-theme-ready]) .legal-section p, html:not([data-theme-ready]) .banned-copy>p{color:#c8bbb6}
  html:not([data-theme-ready]) .search-wrap svg, html:not([data-theme-ready]) .seller-rating-label, html:not([data-theme-ready]) .admin-tabs button, html:not([data-theme-ready]) .account-setting-icon, html:not([data-theme-ready]) .profile-menu-icon, html:not([data-theme-ready]) .profile-menu-head-new small, html:not([data-theme-ready]) .account-store-meta span, html:not([data-theme-ready]) .order-support-mobile{color:#9f938e}
  html:not([data-theme-ready]) .rich-toolbar button{color:#c8bbb6}html:not([data-theme-ready]) .rich-editor{color:#eee5e1}html:not([data-theme-ready]) .lot-rich blockquote{color:#ded0ca}html:not([data-theme-ready]) .lot-rich a, html:not([data-theme-ready]) .message-link{color:#ff918a}html:not([data-theme-ready]) .message-link:hover{color:#ffb0aa}
  html:not([data-theme-ready]) .attr, html:not([data-theme-ready]) .order-state, html:not([data-theme-ready]) .admin-user-tags span{background:#282321;color:#b9ada8}
  html:not([data-theme-ready]) .order-num{color:#ff9a93}html:not([data-theme-ready]) .order-state.ok{background:#173027;color:#70d9af}html:not([data-theme-ready]) .order-state.warn{background:#332617;color:#efbd69}
  html:not([data-theme-ready]) .seller-tab span{background:#2d2825;color:#b6aaa5}html:not([data-theme-ready]) .seller-tab.active span{background:#402723;color:#ff9b94}
  html:not([data-theme-ready]) .account-avatar, html:not([data-theme-ready]) .account-profile-avatar, html:not([data-theme-ready]) .chat-head-avatar, html:not([data-theme-ready]) .order-contact-avatar{background:#34211f;color:#ff9c95}
  html:not([data-theme-ready]) .account-profile-title span, html:not([data-theme-ready]) .seller-pill, html:not([data-theme-ready]) .profile-menu-feature-icon, html:not([data-theme-ready]) .profile-menu-tile-icon{color:#ff918a}
  html:not([data-theme-ready]) .profile-menu-tile-icon{background:#282321}html:not([data-theme-ready]) .profile-menu-feature-icon{background:#30211f}
  html:not([data-theme-ready]) .lot-badge.own{background:#2b2725;color:#c3b7b2;border-color:#4c423e}
  html:not([data-theme-ready]) .smart-bump-live{background:#173027;color:#70d9af}
  html:not([data-theme-ready]) .chat-pending-label{color:#e08f87}html:not([data-theme-ready]) .chat-pending-remove{color:#b6aaa5}html:not([data-theme-ready]) .chat-pending-remove:hover{background:#332724}
  html:not([data-theme-ready]) .auth-skip-nick{color:#c7bbb6}html:not([data-theme-ready]) .support-order-context>span{background:#30201e;color:#ff918a}
  html:not([data-theme-ready]) .admin-user-avatar{background:#292421;color:#c0b4af}html:not([data-theme-ready]) .admin-user-tags .danger{background:#3a211f;color:#ff9d96}html:not([data-theme-ready]) .admin-ban-reason{color:#e88780}
  html:not([data-theme-ready]) .message-read{color:#66d0a7}html:not([data-theme-ready]) .message-sent, html:not([data-theme-ready]) .bubble-meta{color:#958983}
  html:not([data-theme-ready]) .order-progress-step{color:#8f837e}html:not([data-theme-ready]) .order-progress-step:not(:last-child)::after{background:#403835}html:not([data-theme-ready]) .order-progress-step i{background:#2c2724;color:#a79b96}html:not([data-theme-ready]) .order-progress-step.done{color:#8cc9b1}html:not([data-theme-ready]) .order-progress-step.done i{background:#183228;color:#68d1a6}html:not([data-theme-ready]) .order-progress-step.done:not(:last-child)::after{background:#285846}
  html:not([data-theme-ready]) .order-progress.is-refunded .order-progress-step:last-child{color:#e28d86}html:not([data-theme-ready]) .order-progress.is-refunded .order-progress-step:last-child i{background:#38201e;color:#f39c95}
  html:not([data-theme-ready]) .profile-icon{border-color:var(--paper)}
  html:not([data-theme-ready]) .storefront-theme .profile-icon{border-color:var(--paper)}
  html:not([data-theme-ready]) .chat-lot-attachment{background:rgba(255,255,255,.035)}
  html:not([data-theme-ready]) .admin-tabs button:hover{background:#26211f;color:var(--ink)}
  html:not([data-theme-ready]) .admin-section, html:not([data-theme-ready]) .admin-queue-card, html:not([data-theme-ready]) .admin-recent-users{border-color:var(--line)}
  html:not([data-theme-ready]) .sales-refund-btn{border-color:#633b36!important}
  html:not([data-theme-ready]) .footer-meta{color:#8f837e}
}

  html[data-theme="dark"] .form-label, html[data-theme="dark"] .profile-bio, html[data-theme="dark"] .detail-copy, html[data-theme="dark"] .lot-rich, html[data-theme="dark"] .seller-review p, html[data-theme="dark"] .legal-section p, html[data-theme="dark"] .banned-copy>p{color:#c8bbb6}
  html[data-theme="dark"] .search-wrap svg, html[data-theme="dark"] .seller-rating-label, html[data-theme="dark"] .admin-tabs button, html[data-theme="dark"] .account-setting-icon, html[data-theme="dark"] .profile-menu-icon, html[data-theme="dark"] .profile-menu-head-new small, html[data-theme="dark"] .account-store-meta span, html[data-theme="dark"] .order-support-mobile{color:#9f938e}
  html[data-theme="dark"] .rich-toolbar button{color:#c8bbb6}html[data-theme="dark"] .rich-editor{color:#eee5e1}html[data-theme="dark"] .lot-rich blockquote{color:#ded0ca}html[data-theme="dark"] .lot-rich a, html[data-theme="dark"] .message-link{color:#ff918a}html[data-theme="dark"] .message-link:hover{color:#ffb0aa}
  html[data-theme="dark"] .attr, html[data-theme="dark"] .order-state, html[data-theme="dark"] .admin-user-tags span{background:#282321;color:#b9ada8}
  html[data-theme="dark"] .order-num{color:#ff9a93}html[data-theme="dark"] .order-state.ok{background:#173027;color:#70d9af}html[data-theme="dark"] .order-state.warn{background:#332617;color:#efbd69}
  html[data-theme="dark"] .seller-tab span{background:#2d2825;color:#b6aaa5}html[data-theme="dark"] .seller-tab.active span{background:#402723;color:#ff9b94}
  html[data-theme="dark"] .account-avatar, html[data-theme="dark"] .account-profile-avatar, html[data-theme="dark"] .chat-head-avatar, html[data-theme="dark"] .order-contact-avatar{background:#34211f;color:#ff9c95}
  html[data-theme="dark"] .account-profile-title span, html[data-theme="dark"] .seller-pill, html[data-theme="dark"] .profile-menu-feature-icon, html[data-theme="dark"] .profile-menu-tile-icon{color:#ff918a}
  html[data-theme="dark"] .profile-menu-tile-icon{background:#282321}html[data-theme="dark"] .profile-menu-feature-icon{background:#30211f}
  html[data-theme="dark"] .lot-badge.own{background:#2b2725;color:#c3b7b2;border-color:#4c423e}
  html[data-theme="dark"] .smart-bump-live{background:#173027;color:#70d9af}
  html[data-theme="dark"] .chat-pending-label{color:#e08f87}html[data-theme="dark"] .chat-pending-remove{color:#b6aaa5}html[data-theme="dark"] .chat-pending-remove:hover{background:#332724}
  html[data-theme="dark"] .auth-skip-nick{color:#c7bbb6}html[data-theme="dark"] .support-order-context>span{background:#30201e;color:#ff918a}
  html[data-theme="dark"] .admin-user-avatar{background:#292421;color:#c0b4af}html[data-theme="dark"] .admin-user-tags .danger{background:#3a211f;color:#ff9d96}html[data-theme="dark"] .admin-ban-reason{color:#e88780}
  html[data-theme="dark"] .message-read{color:#66d0a7}html[data-theme="dark"] .message-sent, html[data-theme="dark"] .bubble-meta{color:#958983}
  html[data-theme="dark"] .order-progress-step{color:#8f837e}html[data-theme="dark"] .order-progress-step:not(:last-child)::after{background:#403835}html[data-theme="dark"] .order-progress-step i{background:#2c2724;color:#a79b96}html[data-theme="dark"] .order-progress-step.done{color:#8cc9b1}html[data-theme="dark"] .order-progress-step.done i{background:#183228;color:#68d1a6}html[data-theme="dark"] .order-progress-step.done:not(:last-child)::after{background:#285846}
  html[data-theme="dark"] .order-progress.is-refunded .order-progress-step:last-child{color:#e28d86}html[data-theme="dark"] .order-progress.is-refunded .order-progress-step:last-child i{background:#38201e;color:#f39c95}
  html[data-theme="dark"] .profile-icon{border-color:var(--paper)}
  html[data-theme="dark"] .storefront-theme .profile-icon{border-color:var(--paper)}
  html[data-theme="dark"] .chat-lot-attachment{background:rgba(255,255,255,.035)}
  html[data-theme="dark"] .admin-tabs button:hover{background:#26211f;color:var(--ink)}
  html[data-theme="dark"] .admin-section, html[data-theme="dark"] .admin-queue-card, html[data-theme="dark"] .admin-recent-users{border-color:var(--line)}
  html[data-theme="dark"] .sales-refund-btn{border-color:#633b36!important}
  html[data-theme="dark"] .footer-meta{color:#8f837e}



/* 2026-08-14 account theme preference + simplified seller profile */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{color-scheme:light}
.header-balance{height:38px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:7px;white-space:nowrap;transition:.15s ease}
.header-balance:hover{background:var(--paper-2);border-color:#d9ccc6}.header-balance span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.header-balance b{font-size:11px;font-weight:950}
.profile-menu-grid-single{grid-template-columns:1fr}.profile-menu-grid-single .profile-menu-tile{grid-template-columns:34px minmax(0,1fr);min-height:58px}
.account-theme-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.account-theme-card h2{font-size:17px;margin:4px 0 2px}.account-theme-card p{font-size:9px;color:var(--muted);margin:0}.theme-mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--paper-3);border-radius:13px}.theme-mode-picker button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:8px 11px;font-size:9px;font-weight:850;white-space:nowrap}.theme-mode-picker button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px rgba(40,28,24,.08)}
.storefront-settings-minimal{gap:10px}.storefront-setting-group{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:13px 14px;display:flex;flex-direction:column;gap:11px}.storefront-setting-group h3{font-size:12px;margin:0}.storefront-two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.storefront-setting-group label{display:flex;flex-direction:column;gap:5px}.storefront-inline-checks{display:flex;gap:12px;flex-wrap:wrap}.storefront-inline-checks .check-row{flex-direction:row;align-items:center}.store-bg-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:6px}.store-bg-picker label{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:7px;border:1px solid var(--line);padding:7px;border-radius:11px;cursor:pointer}.store-bg-picker input{position:absolute;opacity:0;pointer-events:none}.store-bg-picker span{width:25px;height:25px;border-radius:8px;background:var(--bg-swatch);border:1px solid rgba(80,60,55,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.store-bg-picker small{font-size:8px;font-weight:800;color:var(--muted)}.store-bg-picker label:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}
.storefront-settings-preview{background:var(--store-page-bg,var(--paper))}.storefront-page{position:relative;isolation:isolate}.storefront-page::before{content:"";position:absolute;z-index:-1;inset:-22px -100vw -32px;background:var(--store-page-bg,var(--bg))}.account-store-cover{box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--store-page-bg,transparent) 6%,transparent)}
html[data-theme="dark"] .header-balance{background:var(--paper);border-color:var(--line)}html[data-theme="dark"] .header-balance:hover{background:#24201e;border-color:#4a403c}html[data-theme="dark"] .theme-mode-picker{background:#151312}html[data-theme="dark"] .theme-mode-picker button.active{background:#2a2522;box-shadow:none}html[data-theme="dark"] .storefront-setting-group{background:var(--paper);border-color:var(--line)}html[data-theme="dark"] .store-bg-picker label{border-color:var(--line)}
@media(max-width:720px){
  .header-balance{height:34px;padding:0 8px;gap:0}.header-balance span{display:none}.header-balance b{font-size:10px}.topnav{gap:4px}
  .account-theme-card{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.theme-mode-picker{width:100%}.theme-mode-picker button{min-height:38px;font-size:10px;padding:8px 6px}
  .storefront-setting-group{padding:11px;border-radius:14px}.storefront-two-col{grid-template-columns:1fr}.store-bg-picker{grid-template-columns:repeat(2,1fr)}.storefront-settings-preview{margin-bottom:4px}
  .storefront-page::before{inset:-13px -100vw -24px}
}
@media(max-width:390px){.header-balance{padding:0 6px}.header-balance b{font-size:9px}.store-bg-picker{grid-template-columns:1fr 1fr}.account-theme-card p{display:none}}
@media(max-width:340px){.header-balance b{font-size:8px}.header-balance{padding:0 5px}.sell-btn{padding-left:7px;padding-right:7px}}

/* 2026-08-14 header theme control + visual polish */
.theme-mascot-dark{display:none!important}
html[data-theme="dark"] .theme-mascot-light{display:none!important}
html[data-theme="dark"] .theme-mascot-dark{display:block!important}
.theme-toggle-btn{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.theme-toggle-btn svg{width:17px;height:17px}
.theme-toggle-btn:hover{background:var(--paper-2);border-color:#d9ccc6;box-shadow:0 5px 16px rgba(50,34,29,.06);transform:translateY(-1px)}
.theme-toggle-btn:active{transform:translateY(0) scale(.96)}
.header-balance{font-variant-numeric:tabular-nums;padding-inline:12px;box-shadow:0 3px 12px rgba(48,34,29,.035)}
.header-balance b{font-size:12px;letter-spacing:-.015em}
.avatar-mini{gap:7px;box-shadow:0 3px 12px rgba(48,34,29,.035)}
.avatar-mini>img{width:22px;height:22px;border-radius:7px;object-fit:cover}
.topbar-in{gap:9px}
.topnav{gap:6px}

/* Keep the page airy on desktop without turning it into oversized cards. */
@media(min-width:901px){
  :root{--max:1240px;--header:72px}
  .container{padding:27px 28px}
  .topbar-in{padding-inline:28px}
  .hero{min-height:224px;padding:38px 275px 34px 38px;border-radius:32px;box-shadow:0 18px 52px rgba(70,47,42,.075)}
  .hero h1{font-size:56px}.hero p{font-size:16px;max-width:660px}.hero-cat{width:260px;height:260px;right:20px;bottom:-28px}.hero-bubble{font-size:13px;padding:10px 14px;right:218px}
  .category-bar{margin-top:21px}.chip{font-size:13px;padding:10px 14px}.catalog-tools{gap:10px}.search-input,.field,.select{min-height:47px}
  .lot-list{gap:9px}.lot-card{padding:17px 18px;border-radius:20px;grid-template-columns:minmax(0,1fr) 170px}.lot-title{font-size:16px}.seller-line{font-size:12px}.price{font-size:19px}.buy-btn{min-height:42px;padding-inline:16px}
  .page-head{margin-top:10px;margin-bottom:20px}.page-head h1{font-size:36px}.page-head p{font-size:14px}
  .panel,.detail-card{border-radius:24px}.metric{padding:20px;border-radius:20px}.metric-value{font-size:29px}
  .orders-mode-tabs button{font-size:12px;padding:10px 15px}.order-card{padding:16px 17px;border-radius:18px}.order-title{font-size:14px}.order-meta{font-size:11px}.order-price{font-size:16px}
  .sales-order-open{padding:16px 17px;border-radius:19px}.sales-order-copy b{font-size:14px}.sales-order-copy small{font-size:11px}.sales-order-money strong{font-size:16px}
  .chat-layout{grid-template-columns:360px minmax(0,1fr);height:min(760px,calc(100vh - 125px));border-radius:24px;box-shadow:0 18px 48px rgba(55,38,31,.07)}
  .chat-item{padding:16px}.chat-name{font-size:14px}.chat-preview{font-size:12px}.chat-head{min-height:64px;padding:12px 18px}.chat-head-avatar{width:40px;height:40px}.chat-head-copy b{font-size:15px}.messages{padding:20px 22px;gap:10px}.bubble{font-size:14px;padding:11px 13px}.chat-compose{padding:14px 16px;gap:10px}.chat-compose .field{font-size:14px}.chat-compose .primary-btn{min-width:104px}
  .profile-menu-new{width:300px}
}

html[data-theme="dark"] .theme-toggle-btn{background:var(--paper);border-color:var(--line);box-shadow:none}
html[data-theme="dark"] .theme-toggle-btn:hover{background:#26211f;border-color:#4c403c}
html[data-theme="dark"] .header-balance{box-shadow:none}
html[data-theme="dark"] .avatar-mini{box-shadow:none}
html[data-theme="dark"] .hero{box-shadow:0 18px 52px rgba(0,0,0,.2)}

@media(max-width:720px){
  .theme-toggle-btn{width:34px;height:34px;flex-basis:34px;border-radius:11px}.theme-toggle-btn svg{width:16px;height:16px}
  .header-balance{height:34px;padding-inline:8px}.header-balance b{font-size:10px}
  .topbar-in{gap:5px}.topnav{gap:4px}
}
@media(max-width:390px){
  .theme-toggle-btn{width:32px;height:32px;flex-basis:32px;border-radius:10px}.theme-toggle-btn svg{width:15px;height:15px}
  .header-balance{padding-inline:6px}.header-balance b{font-size:9px}
}
@media(max-width:350px){
  .header-balance{display:none}
}
.seller-setup-mascot{width:150px;height:150px;object-fit:contain;margin:26px auto 0}
.account-cta-mascot{width:150px;height:150px;object-fit:contain}
.withdraw-mascot{width:110px;height:100px;object-fit:contain}

/* === 2026-08 builder + readability refresh === */
@media (min-width: 1000px){
  :root{--max:1280px;--header:72px}
  .topbar-in{padding-inline:30px;gap:18px}
  .topnav{gap:7px}
  .desktop-nav-link{font-size:13px;padding:11px 14px}
  .sell-btn,.primary-btn,.secondary-btn{min-height:42px}
  .header-balance{min-height:42px;padding-inline:13px;border-radius:13px}
  .avatar-mini{height:42px;border-radius:13px;padding-inline:11px;gap:7px}
  .container{padding:30px 30px 38px}
  .hero{min-height:232px;padding:38px 290px 34px 38px}
  .hero p{font-size:16px;line-height:1.6}
  .hero-cat{width:270px;height:270px}
  .catalog-tools{gap:11px;margin-bottom:16px}
  .field,.search-input,.select{min-height:48px;font-size:14px}
  .tool-btn{min-height:48px;font-size:13px}
  .lot-list{gap:10px}
  .lot-card{padding:19px 20px;border-radius:21px;grid-template-columns:minmax(0,1fr) 180px;gap:20px}
  .lot-title{font-size:17px;line-height:1.35}.seller-line{font-size:13px;margin-top:9px}.price{font-size:20px}.buy-btn{min-height:43px;padding:10px 17px;font-size:13px}
  .page-head h1{font-size:38px}.page-head p{font-size:15px;line-height:1.55}
  .panel,.detail-card{border-radius:24px}
  .profile-name{font-size:34px}.profile-stats{font-size:12px;gap:18px}
  .seller-rating-card{padding:22px 24px;border-radius:24px}
  .seller-content-nav{margin-top:18px}
  .seller-tab{font-size:14px;padding:12px 16px}
  .dashboard-grid{gap:13px}.metric{padding:20px;border-radius:20px}.metric-label{font-size:12px}.metric-value{font-size:29px}
}

/* Cleaner top navigation hierarchy */
.topbar{box-shadow:0 1px 0 rgba(42,31,27,.02)}
.topnav .sell-btn{order:20}.topnav .header-balance{order:30}.topnav .theme-toggle-btn{order:40}.topnav .profile-menu-wrap{order:50}
.topnav .desktop-nav-link{order:10}
.header-balance{background:var(--paper);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
.header-balance:hover{background:var(--paper-3)}
.theme-toggle-btn{border:1px solid var(--line);background:var(--paper);box-shadow:none}
.avatar-mini{box-shadow:0 4px 16px rgba(50,35,30,.035)}

/* Full-page storefront builder */
.store-builder-open .site-footer,.store-builder-open .tabbar{display:none!important}
.store-builder-open .shell{padding-bottom:0}
.builder-page{max-width:1480px;margin:0 auto;padding:18px 22px 32px}
.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:10px 2px}
.builder-toolbar-left{display:flex;align-items:center;gap:13px}.builder-back{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:18px}.builder-toolbar-left span{display:block;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.builder-toolbar-left h1{margin:2px 0 0;font-size:24px;letter-spacing:-.04em}.builder-toolbar-actions{display:flex;gap:8px}
.builder-workspace{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:16px;align-items:start}
.builder-sidebar,.builder-preview-shell{background:var(--paper);border:1px solid var(--line);border-radius:25px;box-shadow:0 16px 46px rgba(60,42,35,.055)}
.builder-sidebar{padding:12px;min-height:720px}.builder-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:var(--paper-3);border-radius:15px;margin-bottom:10px}.builder-tabs button{border:0;background:transparent;color:var(--muted);border-radius:11px;min-height:42px;font-size:12px;font-weight:900}.builder-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 4px 14px rgba(50,35,30,.07)}
.builder-settings-stack{display:flex;flex-direction:column;gap:9px}.builder-card{border:1px solid var(--line);background:var(--paper-2);border-radius:19px;padding:15px}.builder-card-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.builder-card-title>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:950}.builder-card-title h3{margin:0;font-size:14px;letter-spacing:-.02em}.builder-card-title p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.builder-block-list{display:flex;flex-direction:column;gap:6px}.builder-block{display:grid;grid-template-columns:18px 34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:.15s}.builder-block:not(.enabled){opacity:.55}.builder-block-grip{color:var(--muted);font-size:12px}.builder-block-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--paper-3);font-size:15px;font-weight:900}.builder-block-copy b{display:block;font-size:11px}.builder-block-copy small{display:block;margin-top:2px;color:var(--muted);font-size:8px;line-height:1.35}.builder-block-actions{display:flex;align-items:center;gap:4px}.builder-block-actions>button:not(.builder-toggle){width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:11px}.builder-block-actions>button:disabled{opacity:.25;cursor:default}.builder-block-actions em{font-size:8px;font-style:normal;color:var(--muted);font-weight:850;margin-right:3px}
.builder-toggle{position:relative;width:36px;height:22px;border:0;border-radius:99px;background:#ddd6d2;padding:2px}.builder-toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.15s}.builder-toggle.on{background:var(--brand)}.builder-toggle.on i{transform:translateX(14px)}
.builder-featured-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;padding-right:2px}.builder-featured-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:var(--paper);cursor:pointer}.builder-featured-item input{position:absolute;opacity:0}.builder-featured-item b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-featured-item small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.builder-featured-item em{font-style:normal;font-size:17px;color:#c9bfba}.builder-featured-item.selected{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:var(--brand-soft)}.builder-featured-item.selected em{color:var(--brand)}.builder-help{display:block;color:var(--muted);font-size:8px;line-height:1.45;margin-top:8px}.builder-empty-mini{padding:16px;border:1px dashed var(--line);border-radius:13px;text-align:center;color:var(--muted);font-size:10px}
.builder-field{display:flex;flex-direction:column;gap:7px;margin-top:12px}.builder-field>span{font-size:10px;font-weight:850;color:var(--accent)}.builder-field .field{min-height:42px;font-size:11px}.builder-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.builder-upload{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border:1px dashed #cfc5c0;border-radius:14px;background:var(--paper);cursor:pointer}.builder-upload span{font-size:9px;color:var(--muted)}.builder-upload b{font-size:11px}.builder-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.builder-color-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.builder-color-presets>button{width:31px;height:31px;border-radius:10px;border:3px solid var(--paper);background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.builder-color-presets>button.active{box-shadow:0 0 0 2px var(--ink)}.builder-color-custom{position:relative;display:flex;align-items:center;gap:5px;height:31px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:8px;font-weight:850;overflow:hidden}.builder-color-custom input{width:17px;height:17px;padding:0;border:0;background:none}
.builder-bg-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.builder-bg-presets>button,.builder-bg-custom{min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;align-items:center;gap:7px;padding:7px;text-align:left;color:var(--ink);font-size:8px;font-weight:850}.builder-bg-presets>button.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.builder-bg-presets i{width:22px;height:22px;border-radius:8px;background:var(--swatch);border:1px solid rgba(0,0,0,.06);flex:0 0 auto}.builder-bg-custom{position:relative}.builder-bg-custom input{width:22px;height:22px;padding:0;border:0;background:none}.builder-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--paper-3);border-radius:12px}.builder-segment button{border:0;background:transparent;border-radius:9px;min-height:34px;color:var(--muted);font-size:9px;font-weight:850}.builder-segment button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 9px rgba(42,30,26,.07)}.builder-segment:has(button:nth-child(2):last-child){grid-template-columns:1fr 1fr}
.builder-preview-shell{position:sticky;top:calc(var(--header) + 14px);min-height:720px;padding:14px;overflow:hidden}.builder-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 12px}.builder-preview-toolbar b{display:block;font-size:13px}.builder-preview-toolbar span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.builder-preview-switch{display:flex;gap:3px;padding:3px;background:var(--paper-3);border-radius:10px}.builder-preview-switch button{border:0;background:transparent;border-radius:8px;padding:7px 10px;color:var(--muted);font-size:8px;font-weight:850}.builder-preview-switch button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px rgba(40,28,24,.08)}
.builder-device{width:390px;max-width:100%;margin:10px auto 0;border:9px solid #211c1a;border-radius:38px;background:#211c1a;box-shadow:0 28px 70px rgba(39,28,24,.18);transition:width .2s}.builder-device.desktop{width:min(880px,100%);border-width:7px;border-radius:25px}.builder-preview-page{min-height:610px;max-height:660px;overflow:auto;border-radius:29px;background:var(--preview-bg);padding:12px;color:#211b19}.builder-device.desktop .builder-preview-page{border-radius:18px;padding:18px}.builder-preview-hero,.builder-preview-section,.builder-preview-rating{background:rgba(255,255,255,.92);border:1px solid rgba(37,27,24,.08);border-radius:20px;overflow:hidden}.builder-preview-cover{height:112px;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 22%,#fff),#fff)}.builder-device.desktop .builder-preview-cover{height:168px}.builder-preview-cover>img:not(.theme-mascot){width:100%;height:100%;object-fit:cover}.builder-preview-mascot{position:absolute;right:10px;bottom:-10px;width:125px;height:125px;object-fit:contain}.builder-preview-avatar{width:62px;height:62px;margin:-31px 0 0 15px;border:4px solid #fff;border-radius:18px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}.builder-preview-avatar img{width:100%;height:100%;object-fit:cover}.builder-preview-name{padding:7px 15px 0}.builder-preview-name b{display:block;font-size:18px}.builder-preview-name span{font-size:8px;color:#8a7d78}.builder-preview-stats{display:flex;gap:10px;padding:10px 15px 15px;font-size:7px;color:#80736e}.builder-preview-stats b{color:#2b2422}.builder-preview-rating{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;padding:11px 13px}.builder-preview-rating b{font-size:9px}.builder-preview-rating span{font-size:7px;color:#8a7d78}.builder-preview-section{margin-top:8px;padding:11px}.builder-preview-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.builder-preview-section-head b{font-size:10px}.builder-preview-section-head span{font-size:7px;color:#8a7d78}.builder-preview-lot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(30,23,20,.07)}.builder-preview-lot:first-child{border-top:0}.builder-preview-lot span{min-width:0}.builder-preview-lot b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-preview-lot small{display:block;font-size:6.5px;color:#8a7d78;margin-top:2px}.builder-preview-lot strong{font-size:9px;white-space:nowrap}.builder-preview-lots.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.builder-preview-lots.grid .builder-preview-lot{display:block;border:1px solid rgba(30,23,20,.07);border-radius:10px;padding:9px}.builder-preview-lots.grid strong{display:block;margin-top:6px}.builder-preview-telegram{display:flex;align-items:center;justify-content:space-between;background:var(--preview-accent);color:#fff;border-radius:13px;padding:10px 12px;font-size:9px;font-weight:900}.builder-preview-chips{display:flex;gap:5px;flex-wrap:wrap}.builder-preview-chips span{padding:6px 8px;border-radius:99px;background:color-mix(in srgb,var(--preview-accent) 12%,#fff);color:color-mix(in srgb,var(--preview-accent) 75%,#111);font-size:7px;font-weight:850}.builder-preview-page.card-outline .builder-preview-hero,.builder-preview-page.card-outline .builder-preview-section,.builder-preview-page.card-outline .builder-preview-rating{background:transparent;border-color:color-mix(in srgb,var(--preview-accent) 30%,rgba(0,0,0,.1))}.builder-preview-page.card-glass .builder-preview-hero,.builder-preview-page.card-glass .builder-preview-section,.builder-preview-page.card-glass .builder-preview-rating{background:rgba(255,255,255,.68);backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(37,25,21,.06)}
.builder-mobile-save{display:none}

/* Public storefront blocks created by builder */
.storefront-custom-block{margin-top:13px}.storefront-block-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.storefront-block-head span{display:block;color:var(--store-accent);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.storefront-block-head h2{margin:3px 0 0;font-size:20px;letter-spacing:-.035em}.storefront-block-head>b{font-size:11px;color:var(--muted)}.storefront-featured-list{gap:7px}.storefront-category-chips{display:flex;gap:7px;flex-wrap:wrap;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.storefront-category-chips span{padding:8px 10px;border-radius:99px;background:color-mix(in srgb,var(--store-accent) 10%,var(--paper));border:1px solid color-mix(in srgb,var(--store-accent) 17%,var(--line));font-size:10px;font-weight:850}.storefront-telegram>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:19px;background:var(--store-accent);color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--store-accent) 22%,transparent)}.storefront-telegram small{display:block;font-size:8px;opacity:.74;margin-bottom:2px}.storefront-telegram b{font-size:14px}.storefront-telegram i{font-style:normal;font-size:20px}.storefront-card-outline .lot-card,.storefront-card-outline .seller-rating-card,.storefront-card-outline .storefront-category-chips{background:transparent;border-color:color-mix(in srgb,var(--store-accent) 20%,var(--line));box-shadow:none}.storefront-card-glass .lot-card,.storefront-card-glass .seller-rating-card,.storefront-card-glass .storefront-category-chips{background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(18px);box-shadow:0 10px 30px color-mix(in srgb,var(--store-accent) 7%,transparent)}

/* Dark mode builder */
html[data-theme="dark"] .builder-device{border-color:#090909;background:#090909}.builder-preview-page{scrollbar-width:thin}
html[data-theme="dark"] .builder-preview-page{color:#f2ece9}.builder-preview-page{color-scheme:light}
html[data-theme="dark"] .builder-preview-page{color-scheme:light}

@media(max-width:900px){
  .builder-page{padding:10px 12px 100px}.builder-toolbar{position:sticky;top:var(--header);z-index:25;background:var(--bg);margin:0 -12px 10px;padding:10px 12px;border-bottom:1px solid var(--line)}.builder-toolbar-left h1{font-size:18px}.builder-toolbar-left span{font-size:8px}.builder-open-public{display:none}.builder-toolbar-actions>.primary-btn{display:none}.builder-workspace{display:flex;flex-direction:column-reverse;gap:10px}.builder-sidebar,.builder-preview-shell{width:100%;min-height:0;border-radius:20px}.builder-sidebar{padding:9px}.builder-preview-shell{position:static;padding:10px}.builder-preview-toolbar{padding-bottom:8px}.builder-device{width:min(360px,100%);border-width:7px;border-radius:33px}.builder-device.desktop{width:100%;border-radius:22px}.builder-preview-page{min-height:500px;max-height:600px;border-radius:27px}.builder-device.desktop .builder-preview-page{border-radius:16px}.builder-mobile-save{display:block;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:60}.builder-mobile-save .primary-btn{min-height:50px;border-radius:16px;box-shadow:0 10px 30px rgba(25,18,16,.2)}.builder-card{padding:13px}.builder-block{grid-template-columns:16px 32px minmax(0,1fr) auto;padding:9px 8px}.builder-block-copy small{display:none}.builder-block-actions>button:not(.builder-toggle){width:28px;height:28px}.builder-bg-presets{grid-template-columns:1fr 1fr}.builder-upload-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .builder-preview-toolbar>div:first-child span{display:none}.builder-preview-switch button{padding:6px 8px}.builder-block-icon{width:30px;height:30px}.builder-block-actions em{display:none}.builder-block-actions{gap:2px}.builder-toggle{width:33px;height:20px}.builder-toggle i{width:16px;height:16px}.builder-toggle.on i{transform:translateX(13px)}.builder-card-title p{font-size:9px}.builder-featured-list{max-height:240px}
}

/* === 2026-08 notification onboarding + simplified primary navigation === */
.quick-actions{display:flex;align-items:stretch;gap:5px;padding:4px;background:var(--paper-3);border:1px solid var(--line);border-radius:16px}
.quick-action{position:relative;min-height:42px;border:0;background:transparent;color:var(--muted);border-radius:12px;padding:7px 11px;display:flex;align-items:center;gap:7px;font-weight:900;transition:.15s ease}
.quick-action>svg{width:18px;height:18px;flex:0 0 18px;stroke-width:1.9}.quick-action>span{display:flex;align-items:flex-start;flex-direction:column;line-height:1.05}.quick-action>span>b,.quick-action>span:not(:has(b)){font-size:11px}.quick-action>span>small{font-size:8px;color:var(--muted);font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums}
.quick-action:hover{background:rgba(255,255,255,.6);color:var(--ink)}.quick-action.active{background:var(--paper);color:var(--ink);box-shadow:0 3px 12px rgba(55,39,33,.06)}
.quick-action .nav-chat-unread{position:absolute;right:5px;top:4px;min-width:17px;height:17px;padding:0 5px;font-size:8px;box-shadow:none}
.staff-chip{border:1px solid var(--line);background:transparent;color:var(--muted);height:38px;min-width:38px;border-radius:12px;font-size:9px;font-weight:950}.staff-chip:hover{color:var(--ink);background:var(--paper-3)}

.push-strip-simple{grid-template-columns:42px minmax(0,1fr) auto;padding:9px 10px;box-shadow:none}.push-mini-icon{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.push-mini-icon svg{width:20px;height:20px}.push-strip-simple .push-copy b{font-size:12px}.push-strip-simple .push-copy span{font-size:10px}.push-strip-simple .push-toggle{min-height:38px}

.notifications-page{max-width:980px}.notify-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;margin:8px 0 18px;padding:28px 30px;background:var(--paper);border:1px solid var(--line);border-radius:26px}.notify-hero h1{font-size:42px;line-height:1.02;letter-spacing:-.05em;margin:13px 0 10px}.notify-hero p{max-width:590px;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.notify-mascot{width:175px;height:150px;object-fit:contain}
.notify-iphone{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;padding:24px}.notify-phone-art{min-height:300px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,var(--paper-2),var(--paper-3));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.28)}.notify-phone-art:before{content:'';width:72px;height:5px;border-radius:99px;background:var(--line);margin-bottom:24px}.notify-app-icon{width:92px;height:92px;border-radius:24px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(50,35,30,.1)}.notify-app-icon img{width:72px;height:72px;object-fit:contain}.notify-phone-art>span{font-size:18px;font-weight:950;letter-spacing:-.03em}
.notify-steps{display:flex;flex-direction:column;gap:8px}.notify-steps article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--paper-2)}.notify-steps i{width:48px;height:48px;border-radius:14px;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--ink);font-style:normal;border:1px solid var(--line)}.notify-steps i svg{width:22px;height:22px}.notify-steps b{display:block;font-size:14px}.notify-steps small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.notify-note{margin-top:10px;padding:11px 13px;border-radius:13px;background:var(--brand-soft);color:#8e4944;font-size:11px;line-height:1.5;font-weight:750}
.notify-enable-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:center;padding:23px}.notify-bell{width:86px;height:86px;border-radius:24px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.notify-bell svg{width:36px;height:36px}.notify-enable-card h2{font-size:24px;margin:0 0 6px;letter-spacing:-.035em}.notify-enable-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 14px}.notify-enable{min-width:180px}
.notify-types{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.notify-types article{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.notify-types article>span{width:38px;height:38px;border-radius:12px;background:var(--paper-3);display:flex;align-items:center;justify-content:center;color:var(--ink);margin-bottom:11px}.notify-types svg{width:19px;height:19px}.notify-types b{display:block;font-size:13px}.notify-types small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.45}

/* Lighter product chrome: fewer borders and stronger hierarchy. */
.topbar{backdrop-filter:blur(20px)}.container{max-width:1260px}.panel,.detail-card,.lot-card,.order-card{border-color:color-mix(in srgb,var(--line) 82%,transparent)}
.page-head h1{font-weight:950}.page-head p{line-height:1.5}.primary-btn,.sell-btn{box-shadow:none}.secondary-btn{box-shadow:none}
.category-bar{gap:6px}.chip{font-weight:850}.catalog-tools{margin-top:4px}.lot-card{box-shadow:0 2px 0 rgba(45,31,26,.01)}

html[data-theme="dark"] .quick-actions{background:#171413;border-color:var(--line)}html[data-theme="dark"] .quick-action.active{background:#292421;box-shadow:none}html[data-theme="dark"] .quick-action:hover{background:#211d1b}html[data-theme="dark"] .notify-phone-art{background:linear-gradient(180deg,#1b1817,#121110);box-shadow:none}html[data-theme="dark"] .notify-note{background:#2a1a18;color:#ffaaa4}

@media(max-width:900px){.quick-actions{display:none}.staff-chip{display:none}}
@media(max-width:720px){
  .topbar-in{padding-inline:11px}.topnav{gap:4px}.brand{margin-right:auto}.brand span{display:none}.brand img{width:34px;height:34px}
  .mobile-primary-nav{grid-template-columns:repeat(3,1fr)!important;height:64px;left:10px;right:10px;border-radius:20px;padding:4px;gap:2px;overflow:visible}.mobile-primary-nav .tab{position:relative;border-radius:15px;gap:3px;font-size:9px;min-width:0}.mobile-primary-nav .tab svg{width:21px;height:21px;stroke-width:1.9}.mobile-primary-nav .tab.active{background:var(--brand-soft);color:var(--brand)}.mobile-primary-nav .tab small{display:block;max-width:100%;font-size:7px;line-height:1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.mobile-primary-nav .chat-tab .nav-chat-unread{top:3px;left:calc(50% + 8px)}
  .shell{padding-bottom:88px}.site-footer-in{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .push-strip-simple{grid-template-columns:36px minmax(0,1fr) auto;border-radius:15px}.push-mini-icon{width:36px;height:36px;border-radius:11px}.push-mini-icon svg{width:18px;height:18px}.push-strip-simple .push-copy b{font-size:10px}.push-strip-simple .push-copy span{font-size:9px}.push-strip-simple .push-toggle{min-height:34px;padding:7px 9px}
  .notifications-page{padding-top:8px}.notify-hero{grid-template-columns:minmax(0,1fr) 82px;padding:19px 16px;border-radius:21px;gap:8px}.notify-hero h1{font-size:28px;margin-top:10px}.notify-hero p{font-size:11px}.notify-mascot{width:82px;height:82px}.notify-iphone{grid-template-columns:1fr;padding:12px;border-radius:19px}.notify-phone-art{display:none}.notify-steps article{grid-template-columns:44px minmax(0,1fr);padding:11px;border-radius:14px}.notify-steps i{width:44px;height:44px;border-radius:13px}.notify-steps b{font-size:12px}.notify-steps small{font-size:10px}.notify-enable-card{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:15px;border-radius:18px}.notify-bell{width:58px;height:58px;border-radius:17px}.notify-bell svg{width:27px;height:27px}.notify-enable-card h2{font-size:18px}.notify-enable-card p{font-size:10px}.notify-enable-card .primary-btn,.notify-enable-card .secondary-btn{width:100%;min-width:0}.notify-types{grid-template-columns:1fr}.notify-types article{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:center;padding:12px}.notify-types article>span{grid-row:1/3;margin:0}.notify-types b{font-size:12px}.notify-types small{font-size:9px}
  .hero{box-shadow:none}.hero-bubble{display:none!important}.category-bar{margin-top:10px}.lot-card{border-radius:15px}
}

/* === Reference navigation + account/security settings v3 === */
.reference-topbar{height:64px;background:var(--paper);backdrop-filter:none;border-top:3px solid color-mix(in srgb,var(--ink) 82%,transparent);border-bottom:1px solid var(--line);box-shadow:none}
.reference-topbar-in{max-width:1260px;padding:0 26px;gap:24px}
.reference-topbar .brand{font-size:18px;margin-right:8px}.reference-topbar .brand img{width:32px;height:32px}
.reference-main-nav{display:flex;align-items:stretch;height:100%;gap:28px}
.reference-nav-link{position:relative;border:0;background:none;padding:0;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap}
.reference-nav-link:hover{color:var(--ink)}.reference-nav-link.active{color:var(--ink);font-weight:750}
.reference-nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}
.reference-nav-link i{position:absolute;top:12px;right:-14px;min-width:16px;height:16px;border-radius:99px;background:#e54b47;color:#fff;font-size:9px;font-style:normal;font-weight:850;display:grid;place-items:center;padding:0 4px}
.reference-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.reference-sell{border:0;background:var(--brand);color:#fff;font-size:12px;font-weight:850;padding:9px 13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;white-space:nowrap;transition:transform .14s ease,background .14s ease}.reference-sell:hover{background:#ef6962;transform:translateY(-1px)}.reference-login{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:650;padding:9px 4px}.reference-login:hover{color:var(--ink)}.sell-label-mobile{display:none}
.reference-profile-trigger{height:42px;border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:0 2px; color:var(--ink)}
.reference-profile-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#202329;color:#fff;border:0;font-weight:850}
.reference-profile-avatar img{width:100%;height:100%;object-fit:cover}.reference-profile-trigger>svg{width:9px;height:6px;color:var(--ink);transition:transform .15s}.reference-profile-trigger[aria-expanded="true"]>svg{transform:rotate(180deg)}
.reference-profile-name{display:none}
.reference-profile-menu{top:calc(100% + 8px);right:0;width:222px;padding:0;border-radius:5px;border:1px solid #e5e5e5;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.12);overflow:hidden;backdrop-filter:none}
.reference-profile-head,.reference-menu-row{width:100%;border:0;border-bottom:1px solid #ececec;background:#fff;color:#222;text-align:left;padding:11px 16px;min-height:43px}
.reference-profile-head{display:flex;flex-direction:column;gap:3px;padding-top:12px;padding-bottom:10px}.reference-profile-head b{font-size:14px}.reference-profile-head span,.reference-menu-row{font-size:13px;color:#777}.reference-profile-head:hover,.reference-menu-row:hover{background:#f7f7f7;color:#222}
.reference-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.reference-menu-row small{font-size:11px;color:#aaa}.reference-menu-logout{border-bottom:0;color:#777}.reference-theme-row span{color:inherit}
.reference-mobile-nav .tab{font-weight:650}

.settings-page{max-width:980px;padding-top:34px;padding-bottom:60px}.settings-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.settings-title h1{font-size:34px;margin:0;letter-spacing:-.04em}.settings-title p{font-size:13px;color:var(--muted);margin:6px 0 0}
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.settings-summary{position:sticky;top:88px;display:flex;flex-direction:column;align-items:flex-start;padding:18px 2px}.settings-avatar{width:68px;height:68px;border-radius:18px;background:var(--paper-3);overflow:hidden;display:grid;place-items:center;margin-bottom:13px;font-weight:900}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-summary>b{font-size:15px}.settings-summary>span{font-size:11px;color:var(--muted);margin-top:4px;word-break:break-all}.settings-summary>em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:9px}
.settings-stack{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.settings-section{padding:20px 22px;border-bottom:1px solid var(--line)}.settings-section:last-child{border-bottom:0}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.settings-section h2{margin:0;font-size:17px;letter-spacing:-.02em}.settings-section p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.settings-current-value{font-size:12px;font-weight:700;color:var(--ink);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.settings-email-form{max-width:520px}.settings-form-actions{display:flex;gap:8px;flex-wrap:wrap}.compact-field{max-width:220px}.security-state{font-size:10px;color:var(--muted);background:var(--paper-3);padding:6px 9px;border-radius:999px;white-space:nowrap}.security-state.on{color:#187451;background:#e9f8f1}.security-state.pending{color:#9b6412;background:#fff4d7}.settings-note{font-size:11px;line-height:1.5;color:var(--muted);background:var(--paper-3);border-radius:10px;padding:10px 12px;margin:0 0 12px}.settings-note.secure{color:#2f6f59;background:#edf8f3}
.settings-segmented{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper-2)}.settings-segmented button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;font-size:11px;font-weight:700}.settings-segmented button:last-child{border-right:0}.settings-segmented button.active{background:var(--ink);color:var(--on-ink)}
.settings-support-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.twofa-setup-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center}.twofa-qr{width:180px;height:180px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;overflow:hidden}.twofa-qr svg{display:block;width:100%;height:100%}.qr-fallback{text-align:center;color:#555;font-size:12px}.twofa-manual{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.twofa-manual>span{font-size:10px;color:var(--muted)}.twofa-manual>code{font-size:13px;letter-spacing:.08em;padding:8px 10px;border-radius:8px;background:var(--paper-3);word-break:break-all}.copy-secret{padding:7px 0}.otp-field{font-variant-numeric:tabular-nums;letter-spacing:.16em;font-weight:800}
.finance-analytics{margin:26px 0}.finance-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.finance-section-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.finance-section-head h2{margin:3px 0 0;font-size:24px}.finance-analytics-grid{grid-template-columns:repeat(4,1fr)}.finance-lots-panel{margin-top:10px;padding:18px 20px}.finance-lots-panel .account-section-head{margin-bottom:12px}.finance-lots-panel h3{margin:0}.finance-lots-panel p{margin:4px 0 0;color:var(--muted);font-size:11px}
.auth-modal-clean .modal-cat{display:none}.auth-modal-clean h2{margin-right:42px}

html[data-theme="dark"] .reference-topbar{background:#121212;border-top-color:#5a5a5a;border-bottom-color:#333}.reference-topbar html[data-theme="dark"]{}
html[data-theme="dark"] .reference-profile-menu{background:#191919;border-color:#333;box-shadow:0 5px 18px rgba(0,0,0,.45)}html[data-theme="dark"] .reference-profile-head,html[data-theme="dark"] .reference-menu-row{background:#191919;border-bottom-color:#303030;color:#aaa}html[data-theme="dark"] .reference-profile-head b{color:#f2f2f2}html[data-theme="dark"] .reference-profile-head:hover,html[data-theme="dark"] .reference-menu-row:hover{background:#232323;color:#fff}
html[data-theme="dark"] .twofa-qr{background:#fff;border-color:#444}html[data-theme="dark"] .security-state.on{background:#15382d;color:#8bd9bb}html[data-theme="dark"] .security-state.pending{background:#3b301a;color:#f1c66f}

@media(max-width:900px){.reference-main-nav{gap:18px}.reference-nav-link{font-size:13px}.reference-topbar-in{padding-inline:16px}.reference-sell{display:inline-flex}.settings-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:720px){
  .reference-topbar{height:58px;border-top-width:2px}.reference-topbar-in{padding:0 12px;gap:8px}.reference-topbar .brand{margin-right:auto}.reference-topbar .brand span{display:none}.reference-topbar .brand img{width:32px;height:32px}.reference-main-nav{display:none}.reference-top-actions{margin-left:0;gap:7px}.reference-profile-trigger{height:38px}.reference-profile-avatar{width:34px;height:34px}.reference-profile-menu{position:fixed;top:58px;left:10px;right:10px;width:auto;border-radius:8px}.reference-login{font-size:12px}.reference-mobile-nav{grid-template-columns:repeat(3,1fr)!important}.reference-mobile-nav .tab{font-size:10px;flex-direction:row}.reference-mobile-nav .tab svg{display:none}.reference-mobile-nav .nav-chat-unread{position:static;margin-left:4px}
  .settings-page{padding-top:16px}.settings-title{align-items:flex-start}.settings-title h1{font-size:27px}.settings-title p{font-size:11px}.settings-title>.secondary-btn{display:none}.settings-layout{display:block}.settings-summary{position:static;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;padding:0 2px 15px;column-gap:11px}.settings-avatar{grid-row:1/4;width:52px;height:52px;border-radius:14px;margin:0}.settings-summary>b{align-self:end;font-size:13px}.settings-summary>span{align-self:start;font-size:9px;margin:2px 0 0}.settings-summary>em{font-size:8px;margin:0}.settings-stack{border-radius:14px}.settings-section{padding:16px 14px}.settings-section-head{gap:10px}.settings-section h2{font-size:15px}.settings-section p{font-size:10px}.settings-current-value{display:none}.settings-inline-form{grid-template-columns:1fr}.settings-inline-form .secondary-btn{width:100%}.settings-form-actions{display:grid;grid-template-columns:1fr}.settings-form-actions button{width:100%}.twofa-setup-grid{grid-template-columns:1fr}.twofa-qr{width:164px;height:164px;margin:auto}.twofa-manual{align-items:stretch}.twofa-manual>code{text-align:center}.settings-segmented{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.settings-segmented button{padding:10px 6px}.settings-support-row{align-items:center}.finance-analytics-grid{grid-template-columns:1fr 1fr}.finance-lots-panel{padding:14px}.finance-section-head h2{font-size:21px}
}

/* Finance v3 — wallet + analytics + unified operation history */
.finance-page-v2{padding-top:18px;padding-bottom:54px;max-width:1180px}
.finance-title{padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.finance-title h1{margin:0;font-size:31px;line-height:1.12;letter-spacing:-.035em}
.finance-title h1 span{color:var(--muted);font-weight:500;margin:0 5px}
.finance-note{display:flex;align-items:center;gap:12px;padding:17px 20px;margin-bottom:20px;background:var(--paper-2);border-radius:10px;color:var(--text)}
.finance-note>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#4d8edc;color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}
.finance-note p{margin:0;font-size:14px;line-height:1.45}
.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.finance-filter{appearance:auto;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--text);font:inherit;font-weight:650}
.finance-actions{display:flex;align-items:center;gap:8px}
.finance-actions .primary-btn,.finance-actions .secondary-btn{min-height:42px;padding:10px 18px;border-radius:6px}
.finance-action-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,1.15fr);align-items:center;gap:28px;margin:0 0 22px;padding:22px 24px;border:1px solid var(--line);background:var(--paper);border-radius:12px}
.finance-action-panel[hidden]{display:none!important}
.finance-action-panel h2{margin:0 0 6px;font-size:19px}
.finance-action-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.finance-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.finance-withdraw-form{display:grid;grid-template-columns:120px 145px minmax(170px,1fr) auto;gap:8px}
.finance-inline-form .field,.finance-withdraw-form .field,.finance-withdraw-form .select{min-height:43px}
.finance-analytics{margin:25px 0 28px;padding-top:2px}
.finance-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:11px}
.finance-section-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.finance-section-head h2{font-size:20px;margin:3px 0 0}
.finance-link-btn{border:0;background:none;color:var(--muted);padding:7px 0;font:inherit;font-size:12px;cursor:pointer}
.finance-link-btn:hover{color:var(--text)}
.finance-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.finance-stats>div{padding:16px 18px 17px;border-right:1px solid var(--line)}
.finance-stats>div:first-child{padding-left:0}.finance-stats>div:last-child{border-right:0}
.finance-stats span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}
.finance-stats b{font-size:22px;letter-spacing:-.025em}
.finance-operations{border-top:1px solid var(--line)}
.finance-op-head,.finance-op-row{display:grid;grid-template-columns:250px minmax(300px,1fr) 150px 135px;align-items:center;column-gap:18px}
.finance-op-head{min-height:54px;border-bottom:1px solid var(--line);font-size:11px;font-weight:750;color:var(--text);padding:0 8px}
.finance-op-head span:last-child{text-align:right}
.finance-op-row{min-height:64px;border-bottom:1px solid var(--line);padding:8px;color:var(--text)}
.finance-op-row:hover{background:var(--paper-2)}
.finance-op-date{display:flex;align-items:baseline;gap:8px;min-width:0}.finance-op-date b{font-size:12px;font-weight:600;white-space:nowrap}.finance-op-date span{font-size:10px;color:var(--muted);white-space:nowrap}
.finance-op-desc{display:flex;align-items:center;gap:10px;min-width:0}.finance-op-desc>div{min-width:0}.finance-op-desc b{display:block;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-op-desc>div>span{display:block;margin-top:2px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-op-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--paper-2);font-size:14px;flex:0 0 auto}
.finance-op-status{font-size:11px;font-weight:700;color:var(--muted)}.finance-op-status.ok{color:#53c600}.finance-op-status.warn{color:#b97910}.finance-op-status.danger{color:#d94b4b}
.finance-op-amount{text-align:right;font-size:12px;white-space:nowrap}.finance-op-amount.positive{color:var(--text)}.finance-op-amount.negative{color:var(--text)}
.finance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;border-bottom:1px solid var(--line);text-align:center}.finance-empty b{font-size:15px}.finance-empty span{margin-top:5px;color:var(--muted);font-size:11px}

@media(max-width:900px){
  .finance-action-panel{grid-template-columns:1fr;gap:14px}.finance-withdraw-form{grid-template-columns:1fr 1fr}.finance-withdraw-form .field:nth-of-type(2){grid-column:1/-1}.finance-withdraw-form button{grid-column:1/-1}
  .finance-op-head,.finance-op-row{grid-template-columns:160px minmax(220px,1fr) 120px 120px}.finance-stats{grid-template-columns:repeat(2,1fr)}.finance-stats>div:nth-child(2){border-right:0}.finance-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:650px){
  .finance-page-v2{padding-top:9px;padding-bottom:22px}.finance-title{margin-bottom:14px;padding-bottom:12px}.finance-title h1{font-size:23px;line-height:1.28}.finance-title h1 span{margin:0 2px}
  .finance-note{padding:12px 13px;margin-bottom:13px;border-radius:10px}.finance-note p{font-size:11px}
  .finance-toolbar{align-items:stretch;margin-bottom:13px}.finance-filter{min-width:0;flex:1;min-height:40px}.finance-actions{gap:6px}.finance-actions button{padding:9px 10px!important;font-size:10px}
  .finance-action-panel{margin-bottom:14px;padding:14px;border-radius:12px}.finance-inline-form,.finance-withdraw-form{grid-template-columns:1fr}.finance-withdraw-form .field:nth-of-type(2){grid-column:auto}.finance-withdraw-form button{grid-column:auto}.finance-action-panel .field,.finance-action-panel .select{font-size:16px}
  .finance-section-head{align-items:center}.finance-section-head h2{font-size:18px}.finance-stats{grid-template-columns:1fr 1fr}.finance-stats>div{padding:12px}.finance-stats>div:first-child{padding-left:12px}.finance-stats b{font-size:18px}
  .finance-op-head{display:none}.finance-operations{border-top:0}.finance-op-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 2px;min-height:74px}.finance-op-date{grid-column:1/-1;order:3;margin-top:2px}.finance-op-date b{font-size:9px;color:var(--muted)}.finance-op-date span{font-size:9px}.finance-op-desc{grid-column:1;grid-row:1/3}.finance-op-desc b{font-size:12px}.finance-op-desc>div>span{font-size:9px}.finance-op-status{grid-column:2;grid-row:2;font-size:9px;text-align:right}.finance-op-amount{grid-column:2;grid-row:1;font-size:12px}.finance-empty{min-height:150px}
}
.finance-operations-title{display:flex;align-items:center;justify-content:space-between;padding:19px 2px 10px}.finance-operations-title h2{margin:0;font-size:20px;letter-spacing:-.02em}
@media(max-width:650px){.finance-operations-title{padding-top:13px}.finance-operations-title h2{font-size:17px}}

/* 2026-08 theme + iOS safe-area polish */
@media(max-width:720px){
  /* The status-bar/notch is part of the app chrome in standalone iOS. Keep
     the actual header controls below it instead of letting pages slide under. */
  .reference-topbar{
    height:calc(58px + env(safe-area-inset-top,0px))!important;
    padding-top:env(safe-area-inset-top,0px)!important;
  }
  .reference-topbar-in{height:58px!important;min-height:58px!important}
  .reference-profile-menu{
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - 78px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
  .chat-pane{
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    bottom:var(--mobile-nav-clearance,76px)!important;
    max-height:calc(100dvh - 58px - env(safe-area-inset-top,0px) - var(--mobile-nav-clearance,76px))!important;
  }
  body.chat-open-mobile .chat-pane{bottom:0!important;max-height:calc(100dvh - 58px - env(safe-area-inset-top,0px))!important}
  .category-picker-popover{
    top:calc(58px + env(safe-area-inset-top,0px))!important;
  }
  .rich-toolbar{top:calc(58px + env(safe-area-inset-top,0px) + 2px)!important}
  .builder-toolbar{top:calc(58px + env(safe-area-inset-top,0px))!important}
  .admin-tabs{top:calc(58px + env(safe-area-inset-top,0px) + 3px)!important}
  .order-side-column{top:calc(58px + env(safe-area-inset-top,0px) + 12px)!important}
  .drawer{padding-top:calc(20px + env(safe-area-inset-top,0px))!important}
  .settings-segmented{grid-template-columns:repeat(2,1fr)!important}
}

/* Explicit UI has only light/dark. "System" remains an invisible first-run
   default so a fresh visitor automatically starts in the device theme. */
.settings-segmented:has([data-theme-pref="light"]){grid-template-columns:repeat(2,minmax(0,1fr))}

/* Mobile navigation restore — Catalog / Orders / Messages / Finance with icons */
@media(max-width:720px){
  .reference-mobile-nav{
    grid-template-columns:repeat(var(--mobile-tabs,4),minmax(0,1fr))!important;
    height:64px!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    padding:4px!important;
    gap:2px!important;
    border-radius:20px!important;
    overflow:visible!important;
  }
  .reference-mobile-nav .tab{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    min-height:54px!important;
    padding:5px 2px!important;
    border-radius:15px!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:750!important;
  }
  .reference-mobile-nav .tab svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
  .reference-mobile-nav .tab>span:not(.nav-chat-unread){
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .reference-mobile-nav .tab.active{
    background:var(--brand-soft)!important;
    color:var(--brand)!important;
  }
  .reference-mobile-nav .nav-chat-unread{
    position:absolute!important;
    top:2px!important;
    left:calc(50% + 8px)!important;
    margin:0!important;
    z-index:2!important;
  }
}


/* === Sell CTA in header: mobile restore v7 === */
@media(max-width:720px){
  .reference-topbar-in{gap:7px}
  .reference-top-actions{gap:6px;min-width:0}
  .reference-sell{display:inline-flex!important;min-height:36px;height:36px;padding:0 11px;border-radius:999px;font-size:11px;line-height:1;flex:0 0 auto}
  .reference-sell .sell-label-full{display:none}
  .reference-sell .sell-label-mobile{display:inline}
  .reference-login{font-size:11px;padding:8px 2px}
}
@media(max-width:380px){
  .reference-sell{height:34px;min-height:34px;padding:0 9px;font-size:10px}
  .reference-top-actions{gap:4px}
}

/* 2026-08 catalog hero + mobile profile stacking polish */
.hero-market{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;min-height:210px;padding:30px 260px 28px 30px;position:relative;overflow:hidden}
.hero-market-copy{position:relative;z-index:2;max-width:700px}.hero-market h1{max-width:620px;margin:11px 0 18px;font-size:42px;line-height:1.02;letter-spacing:-.045em}.hero-benefits{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-benefits>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent);font-size:11px;font-weight:700;color:var(--muted);backdrop-filter:blur(8px)}.hero-benefits b{color:var(--ink);font-size:11px}.hero-market .hero-cat{z-index:1}
/* The header owns the popover even while the mobile chat is fullscreen. */
.reference-topbar{z-index:180!important}.reference-profile-menu{z-index:240!important}
body.chat-open-mobile .reference-topbar{z-index:220!important}.profile-menu-wrap{z-index:241}

@media(max-width:720px){
  /* Keep omp.gg visible beside the mark on mobile; the hero no longer repeats it. */
  .reference-topbar .brand span{display:inline!important;font-size:15px;line-height:1;letter-spacing:-.045em}
  .reference-topbar .brand{gap:7px!important;min-width:0;margin-right:auto!important}
  .reference-topbar .brand img{width:30px!important;height:30px!important}
  .hero-market{display:block;min-height:150px;padding:18px 108px 17px 16px!important;border-radius:20px}
  .hero-market h1{font-size:25px!important;line-height:1.04;margin:8px 0 12px!important;letter-spacing:-.04em}
  .hero-market .eyebrow{font-size:8px}
  .hero-benefits{gap:5px}.hero-benefits>span{min-height:27px;padding:5px 7px;font-size:8.5px;gap:4px}.hero-benefits b{font-size:8.5px}
  .hero-market .hero-cat{width:126px!important;height:126px!important;right:-15px!important;bottom:-9px!important}
  body.chat-open-mobile .reference-profile-menu{display:block;position:fixed!important;left:10px!important;right:10px!important;top:calc(58px + env(safe-area-inset-top,0px) + 4px)!important;z-index:260!important;max-height:calc(100dvh - 78px - env(safe-area-inset-top,0px))!important;overflow:auto!important}
  body.chat-open-mobile .reference-profile-menu[hidden]{display:none!important}
}
@media(max-width:390px){
  .reference-topbar .brand span{font-size:14px!important}.reference-topbar .brand{gap:5px!important}.hero-market{padding-right:92px!important}.hero-market h1{font-size:23px!important}.hero-benefits>span:nth-child(3){display:none}.hero-market .hero-cat{width:112px!important;height:112px!important}
}

/* 2026-08-14 seller onboarding mobile + chat counterpart avatars */
.chat-item-with-avatar{display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px}
.chat-item-main{display:block;min-width:0}
.chat-list-avatar,.chat-head-avatar{overflow:hidden}
.chat-list-avatar{width:44px;height:44px;border-radius:14px;background:var(--brand-soft);color:#a24f49;display:grid;place-items:center;font-size:15px;font-weight:950;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.chat-list-avatar img,.chat-head-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.chat-list-avatar span,.chat-head-avatar span{display:grid;place-items:center;width:100%;height:100%}
.chat-item-with-avatar .chat-name,.chat-item-with-avatar .chat-preview-row{width:100%}

@media(max-width:720px){
  /* Seller setup is a bottom sheet below iOS/Android safe areas instead of a
     full-height drawer hidden under the sticky header. */
  .seller-setup-backdrop{z-index:300!important;align-items:flex-end!important;justify-content:stretch!important;padding:0!important}
  .seller-setup-drawer{position:relative!important;width:100%!important;height:auto!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 12px)!important;margin:0!important;padding:20px 16px max(22px,env(safe-area-inset-bottom,0px))!important;border-radius:24px 24px 0 0;overflow:auto;overscroll-behavior:contain;box-shadow:0 -16px 48px rgba(31,20,17,.18)}
  .seller-setup-drawer .filter-title{padding-right:46px;min-height:44px;align-items:flex-start}
  .seller-setup-drawer .filter-title h2{font-size:23px;line-height:1.05;margin-top:3px}
  .seller-setup-drawer .close-btn{top:12px!important;right:12px!important}
  .seller-setup-drawer .form-stack{margin-top:14px}
  .seller-setup-drawer .field{font-size:16px}
  .chat-item-with-avatar{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px 12px!important}
  .chat-list-avatar{width:42px;height:42px;border-radius:13px;font-size:14px}
  .chat-head-avatar{border-radius:12px}
}

/* Builder block order feedback */
.builder-block-grip{font-variant-numeric:tabular-nums;font-size:9px;font-weight:900;text-align:center;min-width:18px;color:var(--muted)}
.builder-block.just-moved{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));background:color-mix(in srgb,var(--brand-soft) 52%,var(--paper));animation:builder-order-pulse .55s ease}
.builder-preview-section.just-moved{outline:2px solid color-mix(in srgb,var(--preview-accent) 55%,transparent);outline-offset:2px;animation:builder-order-pulse .55s ease}
.builder-preview-empty{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--preview-accent) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--preview-accent) 5%,var(--paper));color:var(--muted);font-size:9px;line-height:1.35}
.builder-preview-empty b{font-size:10px;color:var(--ink)}
@keyframes builder-order-pulse{0%{transform:translateY(0);filter:brightness(1)}45%{transform:translateY(-2px);filter:brightness(1.04)}100%{transform:translateY(0);filter:brightness(1)}}
@media(max-width:720px){.builder-block-grip{font-size:8px}.builder-preview-empty{padding:9px 10px;font-size:8px}}

/* 2026-08-14 storefront mobile viewport fix
   The old storefront background used -100vw on both sides. Mobile Safari
   counted that oversized pseudo-element in the scrollable layout width and
   zoomed the whole storefront out. Keep the background exactly one viewport
   wide and hard-stop accidental horizontal page overflow. */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
.shell,main{width:100%;max-width:100%;min-width:0}
.storefront-page{width:100%;max-width:var(--max);min-width:0}
.storefront-page::before{
  inset:auto!important;
  top:-22px!important;
  bottom:-32px!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:100vw!important;
  transform:translateX(-50%)!important;
  background:var(--store-page-bg,var(--bg));
  pointer-events:none;
}
.storefront-page>*{min-width:0}
.storefront-theme,.seller-rating-card,.storefront-custom-block,.seller-content-nav,.storefront-lots,.storefront-category-chips{max-width:100%;min-width:0}

@media(max-width:720px){
  .storefront-page.container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:13px 13px 18px!important;
  }
  .storefront-page::before{
    top:-13px!important;
    bottom:-24px!important;
    width:100vw!important;
  }
  .storefront-toolbar{width:100%;max-width:100%;padding:0 1px}
  .storefront-theme{width:100%;margin-inline:0}
  .profile-banner,.profile-body{width:100%;max-width:100%}
  .seller-rating-card{width:100%;margin-inline:0}
  .storefront-custom-block{width:100%;margin-inline:0}
  .storefront-category-chips{width:100%;overflow:hidden}
  .storefront-lots .lot-card,.storefront-featured-list .lot-card{width:100%;max-width:100%;min-width:0}
  .storefront-lots .lot-main,.storefront-featured-list .lot-main{min-width:0}
  .storefront-lots .lot-side,.storefront-featured-list .lot-side{min-width:0}
  .site-footer{width:100%;max-width:100%;overflow:hidden}
  .site-footer-in{width:100%;max-width:100%;margin:0}
  .reference-mobile-nav{max-width:calc(100vw - 20px)!important}
}

/* Builder v2.2: reorder controls live inside storefront preview blocks. */
.builder-preview-section{position:relative}
.builder-preview-reorder{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-3px -3px 8px;padding:5px 6px;border-radius:10px;background:rgba(33,27,25,.045);border:1px solid rgba(33,27,25,.055)}
.builder-preview-reorder>span{font-size:6.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#958782}
.builder-preview-reorder>div{display:flex;gap:4px}
.builder-preview-reorder button{width:25px;height:25px;padding:0;border:1px solid rgba(33,27,25,.1);border-radius:8px;background:#fff;color:#2b2422;font-size:12px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(33,27,25,.03)}
.builder-preview-reorder button:not(:disabled):active{transform:translateY(1px);background:color-mix(in srgb,var(--preview-accent) 10%,#fff)}
.builder-preview-reorder button:disabled{opacity:.25;cursor:default}
.builder-device.desktop .builder-preview-reorder{padding:6px 8px}.builder-device.desktop .builder-preview-reorder>span{font-size:8px}.builder-device.desktop .builder-preview-reorder button{width:29px;height:29px;font-size:13px}
@media(max-width:520px){.builder-preview-reorder button{width:28px;height:28px}.builder-preview-reorder>span{font-size:7px}}

/* 2026-08-14 catalog price-only cards + hard mobile storefront x-axis lock */
.lot-card{cursor:pointer}
.lot-side-price{min-width:118px}
.lot-price-only{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;min-height:42px;padding:8px 11px;border-radius:12px;background:color-mix(in srgb,var(--brand-soft) 56%,var(--paper));border:1px solid color-mix(in srgb,var(--brand) 12%,var(--line))}
.lot-price-only strong{font-size:18px;line-height:1;font-weight:950;letter-spacing:-.035em;white-space:nowrap}
.lot-price-only span{font-size:9px;line-height:1.1;font-weight:800;color:var(--muted);white-space:nowrap}
.lot-price-only.unavailable{background:var(--soft);border-color:var(--line)}
.lot-price-only.unavailable strong{color:var(--muted)}
.push-strip-simple{border-color:color-mix(in srgb,var(--brand) 18%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--brand-soft) 48%,var(--paper)),var(--paper))}

@media(max-width:720px){
  /* Public storefront must only pan vertically. In particular, never let a
     100vw pseudo element or a wide child create a sideways Safari viewport. */
  html,body,.shell,main{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
  @supports (overflow:clip){html,body,.shell,main{overflow-x:clip!important}}
  .storefront-page.container{position:relative!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;contain:inline-size}
  @supports (overflow:clip){.storefront-page.container{overflow-x:clip!important}}
  .storefront-page::before{left:0!important;right:0!important;width:100%!important;max-width:100%!important;transform:none!important}
  .storefront-page,.storefront-page>*,.storefront-page section,.storefront-page article,.storefront-page nav,.storefront-page div{min-width:0;max-width:100%}
  .storefront-page img,.storefront-page video,.storefront-page canvas,.storefront-page iframe{max-width:100%;height:auto}
  .storefront-page .profile-banner{overflow:hidden}
  .storefront-page .storefront-toolbar,.storefront-page .profile-hero,.storefront-page .seller-rating-card,.storefront-page .storefront-custom-block,.storefront-page .seller-content-nav,.storefront-page .storefront-lots,.storefront-page .storefront-category-chips{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .storefront-page .lot-card{overflow:hidden}
  .storefront-page .seller-line,.storefront-page .lot-title-row{min-width:0;overflow:hidden}
  .lot-side-price{min-width:88px!important}
  .lot-price-only{min-height:36px;padding:7px 9px;border-radius:10px}
  .lot-price-only strong{font-size:14px}
  .lot-price-only span{font-size:7.5px}
}


/* 2026-08-14 storefront cleanup: reliable owner editing + quiet external Telegram */
.lot-side-own{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:190px}
.own-lot .edit-lot-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:9px 12px!important;border-radius:11px!important;font-size:11px!important;font-weight:900!important;visibility:visible!important;opacity:1!important}
.storefront-telegram{margin-top:10px}
.storefront-telegram>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--paper) 92%,var(--store-accent) 8%);color:var(--ink);border:1px solid color-mix(in srgb,var(--store-accent) 12%,var(--line));box-shadow:none}
.storefront-telegram>a:hover{border-color:color-mix(in srgb,var(--store-accent) 26%,var(--line));background:color-mix(in srgb,var(--paper) 87%,var(--store-accent) 13%)}
.storefront-telegram small{display:block;margin:0 0 1px;color:var(--muted);font-size:8px;opacity:1}
.storefront-telegram b{font-size:11px;font-weight:850}
.storefront-telegram i{font-style:normal;font-size:14px;color:var(--muted)}
.storefront-external-warning{margin:6px 2px 0;color:var(--muted);font-size:8.5px;line-height:1.45}
@media(max-width:720px){
  .lot-side-own{min-width:104px!important;flex-direction:column;align-items:flex-end;gap:5px}
  .own-lot .edit-lot-btn{min-height:31px;padding:6px 8px!important;font-size:9px!important}
  .storefront-telegram>a{padding:9px 10px;border-radius:11px}
  .storefront-external-warning{font-size:7.8px;line-height:1.4;margin-top:5px}
}

/* Buy action: keep the price inside the action instead of a detached price pill. */
.lot-buy-price{min-width:132px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){.lot-buy-price{min-width:0;font-size:10px;padding:8px 10px;white-space:nowrap}.lot-side-price{min-width:0!important}}

/* 2026-08-14 mobile storefront v4 — eliminate Safari shrink-to-fit completely. */
body.storefront-open{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
body.storefront-open .shell,
body.storefront-open main,
body.storefront-open .reference-topbar,
body.storefront-open .site-footer{width:100%!important;max-width:100%!important;min-width:0!important}

@media(max-width:720px){
  /* Never use a viewport-sized pseudo element on a public storefront. Safari
     may include it in intrinsic sizing and then zoom the document out. */
  body.storefront-open main{background:var(--active-store-bg,var(--bg))!important;overflow-x:hidden!important}
  body.storefront-open .storefront-page::before{display:none!important;content:none!important}
  body.storefront-open .storefront-page.container{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 12px 20px!important;
    background:transparent!important;
    overflow:hidden!important;
    contain:none!important;
    touch-action:pan-y!important;
  }
  body.storefront-open .storefront-page,
  body.storefront-open .storefront-page *,
  body.storefront-open .site-footer,
  body.storefront-open .site-footer *{box-sizing:border-box;min-width:0!important;max-width:100%!important}
  body.storefront-open .storefront-toolbar,
  body.storefront-open .profile-hero,
  body.storefront-open .seller-rating-card,
  body.storefront-open .storefront-custom-block,
  body.storefront-open .seller-content-nav,
  body.storefront-open .storefront-lots,
  body.storefront-open .storefront-featured-list{width:100%!important;margin-left:0!important;margin-right:0!important}
  body.storefront-open .profile-stats{display:flex!important;flex-wrap:wrap!important;gap:7px 11px!important}
  body.storefront-open .seller-rating-grid{display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;gap:9px 10px!important;width:100%!important}
  body.storefront-open .rating-summary{grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) minmax(112px,138px)!important;width:100%!important;padding-left:0!important}
  body.storefront-open .rating-row{grid-template-columns:52px minmax(0,1fr) 12px!important}
  body.storefront-open .seller-content-nav{overflow:hidden!important}
  body.storefront-open .seller-tabs{min-width:0!important;gap:12px!important;overflow:hidden!important}
  body.storefront-open .seller-tab{white-space:nowrap!important}
  body.storefront-open .lot-card{grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;overflow:hidden!important}
  body.storefront-open .lot-main{overflow:hidden!important}
  body.storefront-open .lot-side,
  body.storefront-open .lot-side-price,
  body.storefront-open .lot-side-own{min-width:0!important;max-width:138px!important}
  body.storefront-open .lot-buy-price{min-width:0!important;max-width:138px!important;padding-inline:9px!important}
  body.storefront-open .storefront-telegram a{width:100%!important}
  body.storefront-open .site-footer-in{width:100%!important;max-width:none!important;margin:0!important;padding-left:14px!important;padding-right:14px!important}
  body.storefront-open .reference-mobile-nav{left:10px!important;right:10px!important;width:auto!important;max-width:none!important}
}

/* Home push status must be visible on phones, including iPhone installation flow. */
.home-push-card{display:grid!important}
@media(max-width:720px){
  .home-push-card{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:9px!important;
    margin:9px 0 10px!important;
    padding:9px!important;
    border-radius:16px!important;
    background:color-mix(in srgb,var(--brand-soft) 62%,var(--paper))!important;
    border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line))!important;
    box-shadow:none!important;
  }
  .home-push-card .push-mini-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--paper)!important}
  .home-push-card .push-copy{gap:2px!important}
  .home-push-card .push-copy b{font-size:11px!important;line-height:1.2!important;color:var(--ink)!important}
  .home-push-card .push-copy span{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:8.5px!important;line-height:1.35!important;color:var(--muted)!important}
  .home-push-card .push-toggle{min-height:36px!important;padding:7px 10px!important;font-size:9px!important;border-radius:11px!important}
}
@media(max-width:390px){
  .home-push-card{grid-template-columns:36px minmax(0,1fr) auto!important;padding:8px!important;gap:7px!important}
  .home-push-card .push-mini-icon{width:36px!important;height:36px!important}
  .home-push-card .push-copy b{font-size:10px!important}
  .home-push-card .push-copy span{font-size:8px!important;line-height:1.3!important}
  .home-push-card .push-toggle{padding:6px 8px!important;font-size:8.5px!important}
}


/* 2026-08-14 storefront mobile v5 — iOS hard x-axis lock.
   Safari can still rubber-band the root scroller sideways even when a child
   uses overflow-x:hidden/clip.  Keep every root layer viewport-bound and let
   JS cancel only genuinely horizontal touch gestures on a public storefront. */
body.storefront-open{overflow-x:clip!important}
body.storefront-open #app,
body.storefront-open .shell,
body.storefront-open main{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;overflow-x:clip!important}
body.storefront-open .storefront-page::before{display:none!important;content:none!important}
@media(max-width:720px){
  html{overflow-x:clip!important}
  body.storefront-open{
    position:relative!important;
    inline-size:100%!important;
    max-inline-size:100%!important;
    min-inline-size:0!important;
    overflow-x:clip!important;
    overscroll-behavior-x:none!important;
  }
  body.storefront-open #app,
  body.storefront-open .shell,
  body.storefront-open main,
  body.storefront-open .storefront-page.container,
  body.storefront-open .site-footer{
    inline-size:100%!important;
    max-inline-size:100%!important;
    min-inline-size:0!important;
    margin-inline:0!important;
    overflow-x:clip!important;
  }
  body.storefront-open .storefront-page.container{
    padding-inline:12px!important;
    touch-action:pan-y pinch-zoom!important;
  }
  body.storefront-open .storefront-page > *,
  body.storefront-open .storefront-page section,
  body.storefront-open .storefront-page article,
  body.storefront-open .storefront-page nav,
  body.storefront-open .storefront-page div,
  body.storefront-open .storefront-page button,
  body.storefront-open .storefront-page a{
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
  body.storefront-open .site-footer-in{
    inline-size:100%!important;
    max-inline-size:100%!important;
    padding-inline:14px!important;
  }
  body.storefront-open .reference-topbar,
  body.storefront-open .reference-topbar-in{
    inline-size:100%!important;
    max-inline-size:100%!important;
    min-inline-size:0!important;
  }
}

/* 2026-08-14 mobile overlay/header contract v6
   No interactive overlay may render underneath the sticky app header. */
@media(max-width:720px){
  :root{--mobile-app-header:calc(58px + env(safe-area-inset-top,0px))}

  /* Drawers and modal sheets live below the real mobile header. This fixes
     filters/categories/auth sheets starting at y=0 behind the top bar. */
  .drawer-backdrop,
  .modal-backdrop{
    inset:var(--mobile-app-header) 0 0 0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - var(--mobile-app-header))!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .drawer-backdrop{align-items:stretch!important}
  .drawer{
    height:100%!important;
    max-height:calc(100dvh - var(--mobile-app-header))!important;
    padding-top:14px!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
    scroll-padding-top:62px!important;
  }
  .modal-backdrop{align-items:flex-end!important;padding:0!important}
  .modal{
    max-height:calc(100dvh - var(--mobile-app-header) - 6px)!important;
    box-sizing:border-box!important;
    padding-top:18px!important;
  }

  /* Keep the title/close affordance visible while a long filter drawer scrolls. */
  .drawer>.filter-title{
    position:sticky!important;
    top:-14px!important;
    z-index:8!important;
    margin:0 -16px 14px!important;
    padding:14px 58px 10px 16px!important;
    background:linear-gradient(var(--paper) 78%,color-mix(in srgb,var(--paper) 94%,transparent))!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;
  }
  .drawer>.filter-title .close-btn{
    top:10px!important;
    right:12px!important;
  }
  .filter-actions{
    bottom:calc(-1 * max(20px,env(safe-area-inset-bottom,0px)))!important;
    padding:12px 0 max(18px,env(safe-area-inset-bottom,0px))!important;
    z-index:7!important;
  }

  /* The full-screen category picker previously kept a 100dvh height after
     being shifted below the header, so its bottom ran off-screen. */
  .category-picker-popover{
    inset:auto 0 0 0!important;
    top:var(--mobile-app-header)!important;
    width:100%!important;
    height:calc(100dvh - var(--mobile-app-header))!important;
    max-height:calc(100dvh - var(--mobile-app-header))!important;
    padding:10px 10px max(18px,env(safe-area-inset-bottom,0px))!important;
    overflow:auto!important;
    box-sizing:border-box!important;
  }
  .category-picker-head{
    top:-10px!important;
    margin:-10px 0 4px!important;
    padding:13px 44px 10px 2px!important;
  }
  .category-picker-popover .search-wrap{top:48px!important}

  /* Seller setup is also an overlay and must obey the same top boundary. */
  .seller-setup-backdrop{
    inset:var(--mobile-app-header) 0 0 0!important;
    max-height:calc(100dvh - var(--mobile-app-header))!important;
  }
  .seller-setup-drawer{
    max-height:calc(100dvh - var(--mobile-app-header))!important;
  }
}

/* === Price emphasis v9 === */
/* Current price-only action: make the price the strongest affordance in a lot row. */
.lot-buy-price{
  min-width:148px!important;
  min-height:48px!important;
  padding:11px 18px!important;
  border-radius:14px!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
  background:var(--brand)!important;
  box-shadow:0 8px 20px rgba(255,116,109,.22)!important;
}
.lot-buy-price:hover{
  background:#f65f59!important;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(255,116,109,.28)!important;
}

/* Compatibility with an older cached renderer that still has a standalone price. */
.lot-card .lot-side>.price{
  min-width:108px;
  padding:9px 12px;
  border:1px solid rgba(255,116,109,.28);
  border-radius:12px;
  background:var(--brand-soft);
  color:var(--ink);
  text-align:center;
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:-.035em;
}

/* Own listings keep edit as the action; price is still easy to scan. */
.lot-side-own>.price{
  min-width:auto;
  background:transparent;
  border-color:transparent;
  padding:0;
  text-align:right;
}

@media(max-width:720px){
  .lot-buy-price{
    min-width:92px!important;
    min-height:40px!important;
    padding:9px 12px!important;
    border-radius:11px!important;
    font-size:15px!important;
    box-shadow:0 5px 14px rgba(255,116,109,.18)!important;
  }
  .lot-card .lot-side>.price{
    min-width:82px;
    padding:7px 9px;
    border-radius:10px;
    font-size:16px!important;
  }
  .lot-side-own>.price{min-width:auto;padding:0;background:transparent;border-color:transparent}
}

@media(prefers-color-scheme:dark){
  html:not([data-theme-ready]) .lot-card .lot-side>.price{
    color:#fff;
    border-color:rgba(255,123,115,.32);
    background:#35201e;
  }
}
html[data-theme="dark"] .lot-card .lot-side>.price{
  color:#fff;
  border-color:rgba(255,123,115,.32);
  background:#35201e;
}

/* own listing: edit action only, never show price */
.lot-side-own{min-width:auto!important;width:auto!important;gap:0!important}.own-lot .lot-side-own>.price{display:none!important}.own-lot .edit-lot-btn{margin:0!important}
@media(max-width:720px){.lot-side-own{min-width:auto!important;max-width:none!important;flex-direction:row!important}}

/* v13 — compact mascot switch inside the sticker picker */
.sticker-picker-head{align-items:center}
.sticker-picker-head>div:first-child{display:flex;align-items:baseline;gap:3px;min-width:0}
.sticker-picker-current{font-size:9px;color:var(--muted);font-weight:750}
.sticker-character-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--paper-2);flex:0 0 auto}
.sticker-character-btn{border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:9px;font-weight:850;line-height:1;padding:6px 8px;min-height:27px;cursor:pointer;white-space:nowrap}
.sticker-character-btn.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 5px rgba(45,29,24,.09)}
html[data-theme="dark"] .sticker-character-btn.active{background:#34302d;box-shadow:0 1px 5px rgba(0,0,0,.26)}
@media(max-width:520px){.sticker-picker-head{gap:6px}.sticker-picker-head b{font-size:11px}.sticker-picker-current{display:none}.sticker-character-btn{font-size:8px;padding:6px 7px;min-height:26px}}

/* v14 — system base + optional mascot color skins */
html[data-skin="hotcherry"]{
  --brand:#ef4553;--brand-2:#ff7078;--brand-soft:#fff0f1;--accent:#783b40;
}
html[data-theme="dark"][data-skin="hotcherry"]{
  --brand:#ff5965;--brand-2:#ff7a83;--brand-soft:#34181b;--accent:#e7bec1;
}
html[data-skin="minions"]{
  --brand:#e7bd20;--brand-2:#f6d84e;--brand-soft:#fff8cf;--accent:#695a20;
}
html[data-theme="dark"][data-skin="minions"]{
  --brand:#f2cd3e;--brand-2:#ffe167;--brand-soft:#302a14;--accent:#e7dab2;
}
html[data-skin="whale"]{
  --brand:#3f8edb;--brand-2:#6eade8;--brand-soft:#eaf4ff;--accent:#365c80;
}
html[data-theme="dark"][data-skin="whale"]{
  --brand:#5da7ea;--brand-2:#82bdf0;--brand-soft:#14263a;--accent:#bdd6eb;
}
html[data-skin="hotcherry"] .hero{background:linear-gradient(120deg,var(--paper) 0%,#fff7f7 56%,#ffe0e3 100%)}
html[data-skin="minions"] .hero{background:linear-gradient(120deg,var(--paper) 0%,#fffdf2 56%,#fff2ad 100%)}
html[data-skin="whale"] .hero{background:linear-gradient(120deg,var(--paper) 0%,#f7fbff 56%,#dcefff 100%)}
html[data-theme="dark"][data-skin="hotcherry"] .hero,
html[data-theme="dark"][data-skin="minions"] .hero,
html[data-theme="dark"][data-skin="whale"] .hero{background:linear-gradient(120deg,var(--paper) 0%,var(--paper-2) 55%,var(--brand-soft) 100%)}

.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.skin-card{min-width:0;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:18px;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr) 14px;gap:10px;align-items:center;text-align:left;transition:.16s ease}
.skin-card:hover{border-color:color-mix(in srgb,var(--skin-accent) 40%,var(--line));transform:translateY(-1px)}
.skin-card.active{border-color:var(--skin-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent) 13%,transparent)}
.skin-preview{width:58px;height:58px;border-radius:15px;background:color-mix(in srgb,var(--skin-accent) 11%,var(--paper));display:flex;align-items:center;justify-content:center;overflow:hidden}
.skin-preview-img{width:52px;height:52px;object-fit:contain}
.skin-preview-lottie,.skin-preview .lottie-sticker{width:54px;height:54px;display:block}
.skin-card-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.skin-card-copy b{font-size:13px}.skin-card-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-dot{width:11px;height:11px;border-radius:50%;background:var(--skin-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent) 13%,transparent)}
.skin-card:not(.active) .skin-dot{opacity:.55}

.lottie-sticker{display:block;width:100%;height:100%;overflow:hidden}.lottie-sticker svg{width:100%!important;height:100%!important;display:block}.lottie-failed{background:var(--paper-3);border-radius:18px}
.sticker-btn .lottie-sticker{width:62px;height:62px}.sticker-message .lottie-sticker{width:170px;height:170px}.chat-sticker-media{display:block}
.sticker-character-switch{max-width:min(100%,480px);overflow-x:auto;scrollbar-width:none}.sticker-character-switch::-webkit-scrollbar{display:none}.sticker-character-btn{flex:0 0 auto}

.chat-greeting{margin:auto;align-self:center;width:min(420px,calc(100% - 28px));border:1px solid var(--line);background:var(--paper-2);border-radius:28px;padding:22px;text-align:center;box-shadow:0 12px 35px rgba(26,21,20,.06)}
.chat-greeting-copy{display:flex;flex-direction:column;gap:5px}.chat-greeting-copy b{font-size:17px;letter-spacing:-.02em}.chat-greeting-copy span{font-size:12px;color:var(--muted);line-height:1.45}
.chat-greeting-stickers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px;align-items:end}.greeting-sticker{border:0;background:transparent;border-radius:17px;padding:4px;min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:.15s ease}.greeting-sticker:hover{background:var(--paper-3);transform:translateY(-2px)}.greeting-sticker img,.greeting-sticker .lottie-sticker{width:100%;height:100%;object-fit:contain}.greeting-sticker.featured{transform:scale(1.06)}
@media(max-width:640px){.skin-grid{grid-template-columns:1fr}.chat-greeting{width:calc(100% - 22px);padding:18px;border-radius:24px}.chat-greeting-stickers{gap:5px}.sticker-message .lottie-sticker{width:148px;height:148px}.sticker-btn .lottie-sticker{width:56px;height:56px}}
.sticker-character-switch{display:flex;grid-template-columns:none;gap:3px;max-width:min(100%,520px);overflow-x:auto;scrollbar-width:none}.sticker-character-btn{flex:0 0 auto}

/* v15 — theme packs live in Settings + green Om Nom pack + sticker pager */
html[data-skin="omnom"]{
  --brand:#58ba4f;--brand-2:#79cf6f;--brand-soft:#edf9ea;--accent:#3f743b;
}
html[data-theme="dark"][data-skin="omnom"]{
  --brand:#72cf68;--brand-2:#90df88;--brand-soft:#172b16;--accent:#c5e9c0;
}
html[data-skin="omnom"] .hero{background:linear-gradient(120deg,var(--paper) 0%,#f6fff3 56%,#dcf5d7 100%)}
html[data-theme="dark"][data-skin="omnom"] .hero{background:linear-gradient(120deg,var(--paper) 0%,var(--paper-2) 55%,var(--brand-soft) 100%)}

.theme-settings-stack{display:flex;flex-direction:column;gap:16px}
.theme-base-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}
.theme-base-row>div:first-child,.theme-pack-copy{display:flex;flex-direction:column;gap:3px}.theme-base-row b,.theme-pack-copy b{font-size:13px}.theme-base-row small,.theme-pack-copy small{font-size:10px;color:var(--muted);line-height:1.45}
.theme-segment{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--paper);flex:0 0 auto}
.theme-segment-btn{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 10px;font:inherit;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}.theme-segment-btn.active{background:var(--ink);color:var(--paper);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.theme-pack-copy{padding:0 2px}
.video-sticker{display:block;width:100%;height:100%;object-fit:contain;background:transparent;pointer-events:none}
.skin-preview .video-sticker{width:54px;height:54px}.sticker-btn .video-sticker{width:62px;height:62px}.sticker-message .video-sticker{width:170px;height:170px}.greeting-sticker .video-sticker{width:100%;height:100%}

.sticker-picker-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.sticker-pack-pager{display:grid;grid-template-columns:34px minmax(88px,1fr) 34px;align-items:center;gap:5px;min-width:172px}
.sticker-pack-arrow{height:32px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sticker-pack-arrow:active{transform:scale(.96)}
.sticker-picker-title{font-size:11px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticker-character-switch{width:100%;margin-top:8px;padding:3px!important;border-radius:12px!important;gap:4px!important;scroll-snap-type:x proximity}
.sticker-character-btn{scroll-snap-align:start;font-size:9px!important;min-height:30px!important;padding:7px 10px!important}
.sticker-grid{overscroll-behavior:contain}

/* Empty chat is an action, not a static dead state. */
.chat-greeting{width:min(360px,calc(100% - 28px))!important;padding:18px!important;border-radius:24px!important;display:flex;flex-direction:column;align-items:center;gap:10px}
.chat-greeting-copy{width:100%;border:0;background:transparent;color:var(--ink);cursor:text;padding:5px 8px 8px;display:flex!important;align-items:center;text-align:center;border-radius:14px}.chat-greeting-copy:hover{background:var(--paper-3)}
.chat-greeting-copy b{font-size:17px!important}.chat-greeting-copy span{font-size:12px!important;color:var(--muted)}
.chat-greeting-divider{display:flex;align-items:center;width:100%;gap:8px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.chat-greeting-divider:before,.chat-greeting-divider:after{content:"";height:1px;background:var(--line);flex:1}
.chat-greeting>.greeting-sticker{width:138px;height:138px;aspect-ratio:1;border-radius:24px!important;padding:8px!important;display:flex!important;flex-direction:column;gap:2px;position:relative}.chat-greeting>.greeting-sticker:hover{background:var(--paper-3);transform:translateY(-2px) scale(1.01)}
.chat-greeting>.greeting-sticker img,.chat-greeting>.greeting-sticker .lottie-sticker,.chat-greeting>.greeting-sticker .video-sticker{width:105px;height:105px;object-fit:contain;flex:0 0 auto}
.greeting-sticker-label{font-size:10px;font-weight:850;color:var(--muted);line-height:1.1}

@media(max-width:640px){
  .theme-base-row{align-items:flex-start;flex-direction:column;gap:10px}.theme-segment{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.theme-segment-btn{padding:9px 6px}
  .sticker-picker-head{gap:7px!important}.sticker-pack-pager{grid-template-columns:32px minmax(76px,1fr) 32px;min-width:154px}.sticker-pack-arrow{height:30px}.sticker-picker-title{font-size:10px}
  .sticker-character-switch{margin-top:6px}.sticker-character-btn{font-size:8px!important;padding:7px 9px!important}
  .sticker-message .video-sticker{width:148px;height:148px}.sticker-btn .video-sticker{width:56px;height:56px}
  .chat-greeting{width:calc(100% - 22px)!important;padding:16px!important}.chat-greeting>.greeting-sticker{width:126px;height:126px}.chat-greeting>.greeting-sticker img,.chat-greeting>.greeting-sticker .lottie-sticker,.chat-greeting>.greeting-sticker .video-sticker{width:94px;height:94px}
}
.sticker-page-nav{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid var(--line)}
.sticker-page-nav button{height:30px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px;font-weight:850;cursor:pointer}.sticker-page-nav button:disabled{opacity:.35;cursor:default}.sticker-page-nav span{text-align:center;font-size:9px;color:var(--muted);font-weight:850}


/* v16 — compact theme swatches like color palette */
.theme-settings-v2{gap:14px}
.theme-pack-copy-v2{margin-top:2px}
.skin-swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.skin-swatch{min-width:0;border:1px solid var(--line);background:var(--paper-2);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:left;transition:.16s ease;box-shadow:none;color:var(--ink)}
.skin-swatch:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}
.skin-swatch.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.skin-swatch-box{display:block;height:42px;border-radius:12px;background:var(--skin-swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.skin-swatch-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.skin-swatch-meta b{font-size:13px;line-height:1.15}
.skin-swatch-meta small{font-size:10px;color:var(--muted);line-height:1.35}
html[data-theme='dark'] .skin-swatch{background:#171717;border-color:#2d2d2d}
html[data-theme='dark'] .skin-swatch.active{border-color:#f1f1f1;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
html[data-theme='dark'] .skin-swatch:hover{border-color:#454545}
@media(max-width:640px){
  .skin-swatch-grid{grid-template-columns:1fr 1fr;gap:8px}
  .skin-swatch{padding:10px;border-radius:14px}
  .skin-swatch-box{height:36px;border-radius:10px}
  .skin-swatch-meta b{font-size:12px}
  .skin-swatch-meta small{font-size:9px}
}

/* v17 — unread badge exists only while there are real unread peer messages */
.reference-nav-link .nav-chat-unread{
  position:absolute;top:12px;right:-14px;min-width:16px;height:16px;border-radius:99px;
  background:#e54b47;color:#fff;font-size:9px;font-style:normal;font-weight:850;
  display:grid;place-items:center;padding:0 4px;line-height:1;box-shadow:none;
}
.reference-mobile-nav .nav-chat-unread{display:inline-grid;place-items:center}

/* v18 — truly separate site themes. Color themes never inherit the system dark palette. */
html[data-skin="hotcherry"]{
  color-scheme:light;
  --bg:#fff3f5;--paper:#fffafb;--paper-2:#fff0f2;--paper-3:#ffe3e7;--ink:#311316;--muted:#8b5b62;--line:#efc8cd;
  --brand:#e94352;--brand-2:#ff727d;--brand-soft:#ffe1e5;--accent:#6f3037;--ok:#258b67;--warn:#c97922;
  --shadow:0 14px 38px rgba(116,36,46,.09);--on-ink:#fff;
  --theme-hero-a:#fffafb;--theme-hero-b:#fff0f2;--theme-hero-c:#ffd7dc;
}
html[data-skin="minions"]{
  color-scheme:light;
  --bg:#fff9df;--paper:#fffef5;--paper-2:#fff5c8;--paper-3:#f9eaa5;--ink:#2d2810;--muted:#776d35;--line:#e8d886;
  --brand:#dcb51d;--brand-2:#f0cf45;--brand-soft:#fff0a8;--accent:#5d5424;--ok:#27865d;--warn:#b97816;
  --shadow:0 14px 38px rgba(111,91,17,.09);--on-ink:#201d0c;
  --theme-hero-a:#fffef6;--theme-hero-b:#fff5c8;--theme-hero-c:#ffe87a;
}
html[data-skin="whale"]{
  color-scheme:light;
  --bg:#eef7ff;--paper:#fbfdff;--paper-2:#e7f3ff;--paper-3:#d7eaff;--ink:#10273b;--muted:#58748e;--line:#c7def2;
  --brand:#3f8edb;--brand-2:#70b0eb;--brand-soft:#ddecfb;--accent:#315a7d;--ok:#1e8f73;--warn:#c17b20;
  --shadow:0 14px 38px rgba(31,91,145,.09);--on-ink:#fff;
  --theme-hero-a:#fbfdff;--theme-hero-b:#e7f3ff;--theme-hero-c:#cce7ff;
}
html[data-skin="omnom"]{
  color-scheme:light;
  --bg:#f0faed;--paper:#fbfff9;--paper-2:#e6f6e1;--paper-3:#d5edce;--ink:#173015;--muted:#587551;--line:#c9e3c2;
  --brand:#55b84e;--brand-2:#7dd475;--brand-soft:#dff2da;--accent:#376c33;--ok:#21855e;--warn:#bd7d22;
  --shadow:0 14px 38px rgba(52,112,45,.09);--on-ink:#fff;
  --theme-hero-a:#fbfff9;--theme-hero-b:#e6f6e1;--theme-hero-c:#ccebc4;
}

html[data-skin="hotcherry"] body,html[data-skin="minions"] body,html[data-skin="whale"] body,html[data-skin="omnom"] body{background:var(--bg)!important;color:var(--ink)!important}
html[data-skin="hotcherry"] .topbar,html[data-skin="minions"] .topbar,html[data-skin="whale"] .topbar,html[data-skin="omnom"] .topbar{
  background:color-mix(in srgb,var(--bg) 92%,transparent)!important;border-bottom-color:var(--line)!important
}
html[data-skin="hotcherry"] .hero,html[data-skin="minions"] .hero,html[data-skin="whale"] .hero,html[data-skin="omnom"] .hero{
  background:linear-gradient(120deg,var(--theme-hero-a) 0%,var(--theme-hero-b) 57%,var(--theme-hero-c) 100%)!important;border-color:var(--line)!important
}
html[data-skin="hotcherry"] .panel,html[data-skin="hotcherry"] .detail-card,html[data-skin="hotcherry"] .lot-card,
html[data-skin="minions"] .panel,html[data-skin="minions"] .detail-card,html[data-skin="minions"] .lot-card,
html[data-skin="whale"] .panel,html[data-skin="whale"] .detail-card,html[data-skin="whale"] .lot-card,
html[data-skin="omnom"] .panel,html[data-skin="omnom"] .detail-card,html[data-skin="omnom"] .lot-card{background:var(--paper)!important;border-color:var(--line)!important}
html[data-skin="hotcherry"] .field,html[data-skin="hotcherry"] .search-input,html[data-skin="hotcherry"] .select,html[data-skin="hotcherry"] .tool-btn,html[data-skin="hotcherry"] .chip,
html[data-skin="minions"] .field,html[data-skin="minions"] .search-input,html[data-skin="minions"] .select,html[data-skin="minions"] .tool-btn,html[data-skin="minions"] .chip,
html[data-skin="whale"] .field,html[data-skin="whale"] .search-input,html[data-skin="whale"] .select,html[data-skin="whale"] .tool-btn,html[data-skin="whale"] .chip,
html[data-skin="omnom"] .field,html[data-skin="omnom"] .search-input,html[data-skin="omnom"] .select,html[data-skin="omnom"] .tool-btn,html[data-skin="omnom"] .chip{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin="hotcherry"] .field:focus,html[data-skin="hotcherry"] .search-input:focus,html[data-skin="hotcherry"] .select:focus,
html[data-skin="minions"] .field:focus,html[data-skin="minions"] .search-input:focus,html[data-skin="minions"] .select:focus,
html[data-skin="whale"] .field:focus,html[data-skin="whale"] .search-input:focus,html[data-skin="whale"] .select:focus,
html[data-skin="omnom"] .field:focus,html[data-skin="omnom"] .search-input:focus,html[data-skin="omnom"] .select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent)!important}
html[data-skin="hotcherry"] .messages,html[data-skin="minions"] .messages,html[data-skin="whale"] .messages,html[data-skin="omnom"] .messages{background:linear-gradient(180deg,var(--paper-2),var(--paper))!important}
html[data-skin="hotcherry"] .bubble,html[data-skin="minions"] .bubble,html[data-skin="whale"] .bubble,html[data-skin="omnom"] .bubble{background:var(--paper-3)!important;color:var(--ink)!important}
html[data-skin="hotcherry"] .bubble.mine,html[data-skin="minions"] .bubble.mine,html[data-skin="whale"] .bubble.mine,html[data-skin="omnom"] .bubble.mine{background:var(--brand-soft)!important}
html[data-skin="hotcherry"] .chat-item.active,html[data-skin="minions"] .chat-item.active,html[data-skin="whale"] .chat-item.active,html[data-skin="omnom"] .chat-item.active{background:var(--brand-soft)!important}
html[data-skin="hotcherry"] .chat-item:hover,html[data-skin="minions"] .chat-item:hover,html[data-skin="whale"] .chat-item:hover,html[data-skin="omnom"] .chat-item:hover{background:var(--paper-3)!important}
html[data-skin="hotcherry"] .secondary-btn,html[data-skin="minions"] .secondary-btn,html[data-skin="whale"] .secondary-btn,html[data-skin="omnom"] .secondary-btn{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin="hotcherry"] .primary-btn,html[data-skin="hotcherry"] .reference-sell,html[data-skin="minions"] .primary-btn,html[data-skin="minions"] .reference-sell,html[data-skin="whale"] .primary-btn,html[data-skin="whale"] .reference-sell,html[data-skin="omnom"] .primary-btn,html[data-skin="omnom"] .reference-sell{background:var(--brand)!important;color:var(--on-ink)!important}
html[data-skin="hotcherry"] .reference-mobile-nav,html[data-skin="minions"] .reference-mobile-nav,html[data-skin="whale"] .reference-mobile-nav,html[data-skin="omnom"] .reference-mobile-nav{background:color-mix(in srgb,var(--paper) 96%,transparent)!important;border-color:var(--line)!important}
html[data-skin="hotcherry"] .reference-mobile-nav .tab.active,html[data-skin="minions"] .reference-mobile-nav .tab.active,html[data-skin="whale"] .reference-mobile-nav .tab.active,html[data-skin="omnom"] .reference-mobile-nav .tab.active{color:var(--brand)!important}
html[data-skin="hotcherry"] .modal,html[data-skin="hotcherry"] .drawer,html[data-skin="minions"] .modal,html[data-skin="minions"] .drawer,html[data-skin="whale"] .modal,html[data-skin="whale"] .drawer,html[data-skin="omnom"] .modal,html[data-skin="omnom"] .drawer{background:var(--paper)!important;color:var(--ink)!important}
html[data-skin="hotcherry"] .site-footer,html[data-skin="minions"] .site-footer,html[data-skin="whale"] .site-footer,html[data-skin="omnom"] .site-footer{background:var(--paper)!important;border-color:var(--line)!important}

/* Theme pack mascots are the actual sticker characters, not OMP art tinted with a color. */
.theme-pack-mascot{display:block;object-fit:contain;overflow:visible}
.theme-pack-mascot svg{width:100%!important;height:100%!important;display:block}
.hero .theme-pack-mascot.hero-cat{position:absolute;right:18px;bottom:-20px;width:238px;height:238px;filter:drop-shadow(0 18px 25px color-mix(in srgb,var(--brand) 18%,transparent))}
.notify-hero .theme-pack-mascot.notify-mascot{width:190px;height:190px}
.account-seller-cta .theme-pack-mascot.account-cta-mascot{width:130px;height:130px}
.profile-banner .theme-pack-mascot.mascot-deco{width:190px;height:190px}
.builder-preview-cover .theme-pack-mascot.builder-preview-mascot{width:110px;height:110px}
.brand .theme-pack-mascot.brand-theme-mascot{width:38px!important;height:38px!important;flex:0 0 38px;border-radius:10px}
.footer-brand .brand .theme-pack-mascot.brand-theme-mascot{width:34px!important;height:34px!important;flex-basis:34px}

/* Separate appearance palette. */
.appearance-theme-grid{gap:12px}
.appearance-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.appearance-swatch{min-width:0;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:15px;padding:9px;display:flex;flex-direction:column;gap:6px;text-align:left;transition:.14s ease}
.appearance-swatch>span{height:34px;width:100%;border-radius:10px;background:var(--appearance-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.appearance-swatch b{font-size:11px;line-height:1.1}.appearance-swatch small{font-size:8px;line-height:1.25;color:var(--muted)}
.appearance-swatch.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.appearance-swatch:hover{transform:translateY(-1px)}
@media(max-width:720px){.appearance-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .theme-pack-mascot.hero-cat{width:170px;height:170px;right:-2px;bottom:-12px}.brand .theme-pack-mascot.brand-theme-mascot{width:31px!important;height:31px!important;flex-basis:31px}}

/* v19 — simple color palette, each color is a full independent theme. */
html[data-skin="blue"]{
  --bg:#eef1ff;--paper:#f9faff;--paper-2:#f3f5ff;--paper-3:#e5eaff;--ink:#18213c;--muted:#687291;--line:#ccd5f5;
  --brand:#6078eb;--brand-2:#8fa0ff;--brand-soft:#e1e7ff;--accent:#34405f;--ok:#228667;--warn:#b87819;--on-ink:#fff;--shadow:0 12px 38px rgba(54,73,145,.10)
}
html[data-skin="orange"]{
  --bg:#fff3e7;--paper:#fffaf5;--paper-2:#fff6ec;--paper-3:#ffe8d2;--ink:#352116;--muted:#8b6a57;--line:#efd1b7;
  --brand:#ff9438;--brand-2:#ffb36f;--brand-soft:#ffe4c9;--accent:#644735;--ok:#278369;--warn:#c87517;--on-ink:#2c1808;--shadow:0 12px 38px rgba(141,80,30,.09)
}
html[data-skin="green"]{
  --bg:#eafbf5;--paper:#f8fffc;--paper-2:#f0fcf7;--paper-3:#d9f5e9;--ink:#12362d;--muted:#5e7d73;--line:#bde8d8;
  --brand:#08bd8d;--brand-2:#4dd6b2;--brand-soft:#cef3e6;--accent:#2d5a4d;--ok:#07845f;--warn:#a97a16;--on-ink:#073d31;--shadow:0 12px 38px rgba(20,112,87,.09)
}
html[data-skin="yellow"]{
  --bg:#fff8df;--paper:#fffdf5;--paper-2:#fff9e9;--paper-3:#ffefbd;--ink:#352b10;--muted:#827653;--line:#ecdba5;
  --brand:#efb43a;--brand-2:#f8cc69;--brand-soft:#ffedb5;--accent:#594d2a;--ok:#2f865d;--warn:#b87511;--on-ink:#382800;--shadow:0 12px 38px rgba(123,96,27,.09)
}
html[data-skin="sky"]{
  --bg:#edf6ff;--paper:#fafdff;--paper-2:#f2f8ff;--paper-3:#dfeeff;--ink:#18314e;--muted:#667e97;--line:#c7ddf3;
  --brand:#78a9e8;--brand-2:#9fc4f0;--brand-soft:#dcecff;--accent:#345474;--ok:#26826b;--warn:#b67b18;--on-ink:#16304f;--shadow:0 12px 38px rgba(55,105,156,.09)
}
html[data-skin="purple"]{
  --bg:#f5efff;--paper:#fcfaff;--paper-2:#f8f3ff;--paper-3:#eadfff;--ink:#2d2045;--muted:#78688f;--line:#d7c5f2;
  --brand:#9768ee;--brand-2:#b691f5;--brand-soft:#e8dcff;--accent:#523d70;--ok:#2c8266;--warn:#b37918;--on-ink:#fff;--shadow:0 12px 38px rgba(94,60,157,.10)
}
html[data-skin="red"]{
  --bg:#fff0f1;--paper:#fffafb;--paper-2:#fff4f5;--paper-3:#ffe0e2;--ink:#3a1c20;--muted:#8f676c;--line:#f0c8cc;
  --brand:#ff4f59;--brand-2:#ff7a82;--brand-soft:#ffdadd;--accent:#6a3b40;--ok:#278366;--warn:#b97b17;--on-ink:#fff;--shadow:0 12px 38px rgba(153,56,63,.10)
}
html[data-skin="pink"]{
  --bg:#fff0f6;--paper:#fffafd;--paper-2:#fff4f9;--paper-3:#ffdced;--ink:#3b1b2c;--muted:#90677b;--line:#efc4d9;
  --brand:#f23b8c;--brand-2:#fa70ad;--brand-soft:#ffd7e9;--accent:#6d3651;--ok:#288266;--warn:#b77a18;--on-ink:#fff;--shadow:0 12px 38px rgba(147,45,92,.10)
}
html[data-skin="black"]{
  --bg:#0e0e0f;--paper:#151516;--paper-2:#1b1b1d;--paper-3:#242426;--ink:#f5f5f5;--muted:#a3a3a7;--line:#303034;
  --brand:#f4f4f4;--brand-2:#ffffff;--brand-soft:#2b2b2e;--accent:#d8d8dc;--ok:#67c59d;--warn:#e3ac4b;--on-ink:#111;--shadow:0 14px 42px rgba(0,0,0,.28)
}
html[data-skin="white"]{
  --bg:#f7f7f7;--paper:#ffffff;--paper-2:#fbfbfb;--paper-3:#eeeeef;--ink:#171719;--muted:#77777d;--line:#dddddf;
  --brand:#242426;--brand-2:#3d3d40;--brand-soft:#ededee;--accent:#414146;--ok:#23815f;--warn:#b57816;--on-ink:#fff;--shadow:0 12px 36px rgba(0,0,0,.07)
}

/* Full-shell coloring: no "dark base + accent" mixtures. */
html[data-skin]:not([data-skin="default"]) body{background:var(--bg)!important;color:var(--ink)!important}
html[data-skin]:not([data-skin="default"]) .topbar{background:color-mix(in srgb,var(--paper) 94%,transparent)!important;border-color:var(--line)!important}
html[data-skin]:not([data-skin="default"]) .hero{background:linear-gradient(125deg,var(--paper) 0%,var(--paper-2) 56%,var(--brand-soft) 100%)!important;border-color:var(--line)!important}
html[data-skin]:not([data-skin="default"]) .panel,
html[data-skin]:not([data-skin="default"]) .detail-card,
html[data-skin]:not([data-skin="default"]) .lot-card,
html[data-skin]:not([data-skin="default"]) .settings-section,
html[data-skin]:not([data-skin="default"]) .settings-summary,
html[data-skin]:not([data-skin="default"]) .order-card,
html[data-skin]:not([data-skin="default"]) .finance-table,
html[data-skin]:not([data-skin="default"]) .chat-layout,
html[data-skin]:not([data-skin="default"]) .chat-order-card{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-skin]:not([data-skin="default"]) .field,
html[data-skin]:not([data-skin="default"]) .search-input,
html[data-skin]:not([data-skin="default"]) .select,
html[data-skin]:not([data-skin="default"]) .tool-btn,
html[data-skin]:not([data-skin="default"]) .chip,
html[data-skin]:not([data-skin="default"]) .secondary-btn{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin]:not([data-skin="default"]) .field:focus,
html[data-skin]:not([data-skin="default"]) .search-input:focus,
html[data-skin]:not([data-skin="default"]) .select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)!important}
html[data-skin]:not([data-skin="default"]) .primary-btn,
html[data-skin]:not([data-skin="default"]) .reference-sell,
html[data-skin]:not([data-skin="default"]) .buy-btn{background:var(--brand)!important;color:var(--on-ink)!important}
html[data-skin]:not([data-skin="default"]) .messages{background:linear-gradient(180deg,var(--paper-2),var(--paper))!important}
html[data-skin]:not([data-skin="default"]) .bubble{background:var(--paper-3)!important;color:var(--ink)!important}
html[data-skin]:not([data-skin="default"]) .bubble.mine{background:var(--brand-soft)!important;color:var(--ink)!important}
html[data-skin]:not([data-skin="default"]) .chat-list{background:var(--paper-2)!important}
html[data-skin]:not([data-skin="default"]) .chat-item:hover{background:var(--paper-3)!important}
html[data-skin]:not([data-skin="default"]) .chat-item.active,
html[data-skin]:not([data-skin="default"]) .chat-item.unread{background:var(--brand-soft)!important}
html[data-skin]:not([data-skin="default"]) .reference-mobile-nav{background:color-mix(in srgb,var(--paper) 96%,transparent)!important;border-color:var(--line)!important}
html[data-skin]:not([data-skin="default"]) .reference-mobile-nav .tab.active,
html[data-skin]:not([data-skin="default"]) .reference-nav-link.active{color:var(--brand)!important}
html[data-skin]:not([data-skin="default"]) .modal,
html[data-skin]:not([data-skin="default"]) .drawer,
html[data-skin]:not([data-skin="default"]) .site-footer,
html[data-skin]:not([data-skin="default"]) .reference-profile-menu{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin]:not([data-skin="default"]) .eyebrow{background:var(--brand-soft)!important;color:var(--accent)!important}
html[data-skin]:not([data-skin="default"]) .subcat.active{border-bottom-color:var(--brand)!important}

/* Settings palette: color-only 4 / 4 / 2, like the reference. */
.appearance-color-settings{display:flex;flex-direction:column;gap:12px}
.appearance-color-copy{display:flex;flex-direction:column;gap:3px}.appearance-color-copy b{font-size:13px}.appearance-color-copy small{font-size:10px;color:var(--muted);line-height:1.45}
.appearance-swatches-colors{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--paper-2)!important;overflow:visible!important}
.appearance-color-swatch{position:relative!important;display:block!important;width:100%!important;height:38px!important;min-width:0!important;padding:0!important;border:2px solid color-mix(in srgb,var(--ink) 13%,transparent)!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation;isolation:isolate;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.appearance-color-swatch>*{pointer-events:none!important}.appearance-color-swatch>span{position:absolute!important;inset:0!important;border-radius:6px!important;background:var(--appearance-color)!important;display:block!important}
.appearance-color-swatch:hover{transform:translateY(-1px)}
.appearance-color-swatch.active{border-color:var(--appearance-color)!important;box-shadow:0 0 0 2px var(--paper),0 0 0 5px var(--appearance-color)!important;transform:none!important;z-index:2}
.appearance-color-swatch.active::after{content:'✓';position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--appearance-on);color:var(--appearance-color);font-size:12px;font-weight:950;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.appearance-color-swatch[aria-label="Белый"]{border-color:#c9c9cc!important}.appearance-color-swatch[aria-label="Белый"].active{box-shadow:0 0 0 2px var(--paper),0 0 0 5px #bfc0c4!important}

/* Sticker quality: vector packs stay SVG; avoid scaling 100px video sources beyond their useful size. */
.lottie-sticker,.lottie-sticker svg{image-rendering:auto!important;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.sticker-message img,.sticker-btn img,.greeting-sticker img{image-rendering:auto!important;transform:none;backface-visibility:hidden}
.video-sticker{image-rendering:auto!important;filter:none!important;backface-visibility:hidden;transform:translateZ(0)}
.sticker-message .video-sticker{width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important}
.greeting-sticker .video-sticker{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}
.sticker-btn .video-sticker{width:62px!important;height:62px!important}

/* A stale zero badge is never visible, even if older DOM survives a SPA transition. */
.reference-nav-link:not(.has-unread) .nav-chat-unread,.chat-tab:not(.has-unread) .nav-chat-unread{display:none!important}

@media(max-width:640px){
  .appearance-swatches-colors{gap:9px!important;padding:14px!important}
  .appearance-color-swatch{height:36px!important}
  .sticker-message .video-sticker{width:100px!important;height:100px!important}
  .sticker-btn .video-sticker{width:56px!important;height:56px!important}
}


/* v20 — each theme family has two complete variants and exactly one mascot family. */
:root{--theme-a:var(--paper);--theme-b:var(--paper-2);--theme-c:var(--brand-soft);--theme-glow:color-mix(in srgb,var(--brand) 16%,transparent)}

/* Puhlyash — warm coral */
html[data-skin="puhlyash"][data-theme="light"]{--bg:#faf6f3;--paper:#fffdfa;--paper-2:#f8f0ec;--paper-3:#f0e4df;--ink:#281c19;--muted:#81706a;--line:#e8d9d2;--brand:#ff7c72;--brand-2:#ffa49b;--brand-soft:#ffe8e4;--accent:#6b514a;--ok:#218866;--warn:#c47e20;--on-ink:#251614;--shadow:0 12px 38px rgba(94,55,45,.08);--theme-a:#fffdfa;--theme-b:#fff3ef;--theme-c:#ffdcd5}
html[data-skin="puhlyash"][data-theme="dark"]{--bg:#171211;--paper:#1f1918;--paper-2:#271f1d;--paper-3:#332725;--ink:#fff5f2;--muted:#b9a5a0;--line:#44322f;--brand:#ff8f85;--brand-2:#ffb1aa;--brand-soft:#452725;--accent:#f0c2bb;--ok:#66c99f;--warn:#e1ad58;--on-ink:#23110f;--shadow:0 16px 44px rgba(0,0,0,.28);--theme-a:#211918;--theme-b:#2b201f;--theme-c:#472725}
/* Chris — graphite violet */
html[data-skin="chris"][data-theme="light"]{--bg:#f4f3f8;--paper:#ffffff;--paper-2:#eeedf5;--paper-3:#e3e1ed;--ink:#191923;--muted:#707080;--line:#d9d7e3;--brand:#7469e8;--brand-2:#9c94f1;--brand-soft:#e4e1ff;--accent:#46435f;--ok:#258765;--warn:#ba7b20;--on-ink:#08080c;--shadow:0 12px 38px rgba(55,52,95,.09);--theme-a:#fff;--theme-b:#f1efff;--theme-c:#ddd9ff}
html[data-skin="chris"][data-theme="dark"]{--bg:#0e0f13;--paper:#15161c;--paper-2:#1c1d25;--paper-3:#252631;--ink:#f5f3ff;--muted:#a4a3b3;--line:#30313e;--brand:#958aff;--brand-2:#b4adff;--brand-soft:#2c2949;--accent:#d0ccff;--ok:#6bc99f;--warn:#e1ac58;--on-ink:#12121a;--shadow:0 16px 46px rgba(0,0,0,.32);--theme-a:#171820;--theme-b:#20212c;--theme-c:#302d52}
/* HotCherry — red */
html[data-skin="hotcherry"][data-theme="light"]{--bg:#fff1f3;--paper:#fffafb;--paper-2:#ffecef;--paper-3:#ffdde2;--ink:#341418;--muted:#8d5f66;--line:#efc5cb;--brand:#e94352;--brand-2:#ff6f7b;--brand-soft:#ffdce1;--accent:#6f3038;--ok:#248766;--warn:#c27b1d;--on-ink:#1d080b;--shadow:0 12px 38px rgba(128,39,50,.09);--theme-a:#fffafb;--theme-b:#fff0f2;--theme-c:#ffd2d8}
html[data-skin="hotcherry"][data-theme="dark"]{--bg:#160b0e;--paper:#211014;--paper-2:#2a1419;--paper-3:#381a21;--ink:#fff3f5;--muted:#c09ca3;--line:#4b252d;--brand:#ff5a68;--brand-2:#ff8490;--brand-soft:#4a1e27;--accent:#ffc0c7;--ok:#65c99d;--warn:#e3ab54;--on-ink:#2a090e;--shadow:0 16px 46px rgba(0,0,0,.31);--theme-a:#211014;--theme-b:#30161c;--theme-c:#50202a}
/* Minions — yellow */
html[data-skin="minions"][data-theme="light"]{--bg:#fff9dc;--paper:#fffef3;--paper-2:#fff3bd;--paper-3:#f8e798;--ink:#2c270e;--muted:#766c38;--line:#e6d47f;--brand:#ddb51f;--brand-2:#f1cf49;--brand-soft:#ffed9a;--accent:#5b5222;--ok:#27855d;--warn:#af7115;--on-ink:#29220b;--shadow:0 12px 38px rgba(111,89,18,.09);--theme-a:#fffef4;--theme-b:#fff5c4;--theme-c:#ffe36b}
html[data-skin="minions"][data-theme="dark"]{--bg:#171407;--paper:#201c0b;--paper-2:#2a240d;--paper-3:#373015;--ink:#fff8cf;--muted:#c0b26d;--line:#4a401b;--brand:#f0c933;--brand-2:#ffe16b;--brand-soft:#433810;--accent:#f3df8d;--ok:#69c999;--warn:#efb958;--on-ink:#211a04;--shadow:0 16px 44px rgba(0,0,0,.30);--theme-a:#211d0a;--theme-b:#2f280e;--theme-c:#4a3c12}
/* Whale — blue */
html[data-skin="whale"][data-theme="light"]{--bg:#edf7ff;--paper:#fbfdff;--paper-2:#e5f2ff;--paper-3:#d4e8fb;--ink:#10273b;--muted:#58758d;--line:#c5ddf1;--brand:#458fd5;--brand-2:#74b2eb;--brand-soft:#d9edff;--accent:#315a7d;--ok:#20866d;--warn:#b9761a;--on-ink:#061a2a;--shadow:0 12px 38px rgba(30,91,145,.09);--theme-a:#fbfdff;--theme-b:#e9f5ff;--theme-c:#c9e5ff}
html[data-skin="whale"][data-theme="dark"]{--bg:#09131d;--paper:#101d29;--paper-2:#142635;--paper-3:#1b3245;--ink:#eff8ff;--muted:#98b5ca;--line:#29445a;--brand:#5aa9ee;--brand-2:#86c3f7;--brand-soft:#183b58;--accent:#c0e0f8;--ok:#64c7a3;--warn:#e0a955;--on-ink:#071824;--shadow:0 16px 46px rgba(0,0,0,.31);--theme-a:#101e2a;--theme-b:#162b3b;--theme-c:#1c4564}
/* Om Nom — green */
html[data-skin="omnom"][data-theme="light"]{--bg:#eef9ea;--paper:#fbfff9;--paper-2:#e4f4df;--paper-3:#d2eacb;--ink:#173014;--muted:#5a7552;--line:#c5e0bd;--brand:#55b84e;--brand-2:#7cd373;--brand-soft:#dcf0d7;--accent:#386b33;--ok:#21845e;--warn:#b77b20;--on-ink:#0b2408;--shadow:0 12px 38px rgba(53,111,46,.09);--theme-a:#fbfff9;--theme-b:#e7f6e2;--theme-c:#c8e9c0}
html[data-skin="omnom"][data-theme="dark"]{--bg:#0a1609;--paper:#11200f;--paper-2:#172a14;--paper-3:#20381d;--ink:#f0ffec;--muted:#9ebc97;--line:#2c4a28;--brand:#69c960;--brand-2:#8ddd85;--brand-soft:#21451d;--accent:#c5ecbf;--ok:#68c99a;--warn:#dfaa56;--on-ink:#0d210a;--shadow:0 16px 46px rgba(0,0,0,.30);--theme-a:#11220f;--theme-b:#193019;--theme-c:#275121}

/* Entire UI follows variables — especially catalog/lot/details/chat that previously leaked white/black. */
html[data-skin] body{background:var(--bg)!important;color:var(--ink)!important}
html[data-skin] .topbar{background:color-mix(in srgb,var(--paper) 92%,transparent)!important;border-color:var(--line)!important}
html[data-skin] .hero{background:linear-gradient(125deg,var(--theme-a) 0%,var(--theme-b) 57%,var(--theme-c) 100%)!important;border-color:var(--line)!important}
html[data-skin] .panel,html[data-skin] .detail-card,html[data-skin] .lot-card,html[data-skin] .settings-section,html[data-skin] .settings-summary,
html[data-skin] .order-card,html[data-skin] .finance-table,html[data-skin] .chat-layout,html[data-skin] .chat-order-card,html[data-skin] .seller-card,
html[data-skin] .purchase-card,html[data-skin] .similar-section,html[data-skin] .profile-hero,html[data-skin] .rating-panel,html[data-skin] .account-settings-list,
html[data-skin] .reference-profile-menu,html[data-skin] .site-footer{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-skin] .lot-card:hover{border-color:color-mix(in srgb,var(--brand) 42%,var(--line))!important;box-shadow:0 10px 30px color-mix(in srgb,var(--brand) 9%,transparent)!important}
html[data-skin] .seller-avatar,html[data-skin] .account-setting-icon,html[data-skin] .close-btn{background:var(--paper-3)!important;color:var(--ink)!important}
html[data-skin] .detail-banner{background:linear-gradient(125deg,var(--paper-2),var(--brand-soft))!important}
html[data-skin] .detail-copy,html[data-skin] .seller-meta,html[data-skin] .lot-desc,html[data-skin] .reviews{color:var(--muted)!important}
html[data-skin] .seller-link{color:var(--ink)!important}html[data-skin] .seller-link:hover{color:var(--brand)!important}
html[data-skin] .field,html[data-skin] .search-input,html[data-skin] .select,html[data-skin] .tool-btn,html[data-skin] .chip,html[data-skin] .secondary-btn,
html[data-skin] .qty-btn,html[data-skin] .reference-login{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin] .field:focus,html[data-skin] .search-input:focus,html[data-skin] .select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)!important}
html[data-skin] .primary-btn,html[data-skin] .reference-sell,html[data-skin] .buy-btn,html[data-skin] .chip.active{background:var(--brand)!important;color:var(--on-ink)!important;border-color:var(--brand)!important}
html[data-skin] .eyebrow,html[data-skin] .lot-badge{background:var(--brand-soft)!important;color:var(--accent)!important}
html[data-skin] .messages{background:linear-gradient(180deg,var(--paper-2),var(--bg))!important}
html[data-skin] .bubble{background:var(--paper-3)!important;color:var(--ink)!important}html[data-skin] .bubble.mine{background:var(--brand-soft)!important;color:var(--ink)!important}
html[data-skin] .chat-list{background:var(--paper-2)!important}html[data-skin] .chat-item:hover{background:var(--paper-3)!important}html[data-skin] .chat-item.active,html[data-skin] .chat-item.unread{background:var(--brand-soft)!important}
html[data-skin] .modal,html[data-skin] .drawer{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin] .drawer-backdrop,html[data-skin] .modal-backdrop{background:color-mix(in srgb,var(--ink) 28%,transparent)!important}
html[data-skin] .reference-mobile-nav{background:color-mix(in srgb,var(--paper) 96%,transparent)!important;border-color:var(--line)!important}
html[data-skin] .reference-mobile-nav .tab.active,html[data-skin] .reference-nav-link.active,html[data-skin] .subcat.active{color:var(--brand)!important}
html[data-skin] .subcat.active{border-bottom-color:var(--brand)!important}
html[data-skin] .site-footer{background:var(--paper)!important}
html[data-skin] .account-store-gradient,html[data-skin] .storefront-gradient{background:linear-gradient(135deg,var(--paper-2),var(--brand-soft))!important}

/* Theme family selector: one mascot = one family; variant switch affects every family. */
.appearance-family-settings{display:flex;flex-direction:column;gap:14px}.appearance-family-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.appearance-family-head>div:first-child{display:flex;flex-direction:column;gap:3px}.appearance-family-head b{font-size:13px}.appearance-family-head small{font-size:10px;color:var(--muted);line-height:1.45;max-width:520px}
.appearance-variant{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);min-width:180px}.appearance-variant button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 12px;font-size:10px;font-weight:900}.appearance-variant button.active{background:var(--ink);color:var(--paper);box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 15%,transparent)}
.appearance-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.appearance-family-swatch{position:relative;min-width:0;height:94px;border:2px solid var(--line);background:var(--paper-2);border-radius:17px;padding:9px 10px;display:grid;grid-template-columns:1fr 54px;grid-template-rows:1fr auto;gap:4px 8px;color:var(--ink);text-align:left;overflow:hidden;transition:.15s ease}.appearance-family-swatch:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--family-color) 55%,var(--line))}.appearance-family-swatch.active{border-color:var(--family-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--family-color) 18%,transparent)}.family-color{display:block;align-self:center;height:28px;border-radius:8px;background:var(--family-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.appearance-family-swatch b{font-size:10px;align-self:end}.family-mascot{grid-column:2;grid-row:1/3;width:54px;height:66px;display:flex;align-items:end;justify-content:center;overflow:hidden}.family-mascot>img,.family-mascot img,.family-mascot video,.family-mascot .lottie-sticker,.family-mascot svg{width:54px!important;height:64px!important;object-fit:contain!important}.appearance-family-swatch.active::after{content:'✓';position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--family-color);color:#fff;font-size:10px;font-weight:950;z-index:4}

/* Every visible theme mascot uses the selected family. Avoid old dual light/dark nodes. */
.theme-family-mascot{object-fit:contain;max-width:100%;max-height:100%}.brand-theme-mascot.theme-family-mascot{width:36px!important;height:36px!important}.hero-cat.theme-family-mascot{position:absolute;width:245px!important;height:245px!important;right:18px;bottom:-30px}.modal-cat.theme-family-mascot{position:absolute;width:95px!important;height:95px!important;right:12px;top:-2px}.account-store-mascot.theme-family-mascot{position:absolute;right:7px;bottom:-2px;width:86px!important;height:86px!important}.builder-preview-mascot.theme-family-mascot,.mascot-deco.theme-family-mascot{width:100%!important;height:100%!important}.theme-inline-mascot.theme-family-mascot{width:110px!important;height:110px!important;margin:auto}.banner-mascot.theme-family-mascot{width:210px!important;height:210px!important}.notify-mascot.theme-family-mascot{width:min(240px,40vw)!important;height:220px!important}

@media(max-width:720px){.appearance-family-head{align-items:stretch;flex-direction:column}.appearance-variant{width:100%}.appearance-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-family-swatch{height:88px}.hero-cat.theme-family-mascot{width:150px!important;height:150px!important;right:-4px;bottom:-18px}.brand-theme-mascot.theme-family-mascot{width:30px!important;height:30px!important}}

/* v21 — theme reliability, dark-surface audit and cleaner mascot presentation. */
:root{
  --status-ok-soft:color-mix(in srgb,var(--ok) 14%,var(--paper));
  --status-warn-soft:color-mix(in srgb,var(--warn) 14%,var(--paper));
  --status-danger:#b94740;
  --status-danger-soft:color-mix(in srgb,#b94740 13%,var(--paper));
}

/* Mascots should stay crisp, centered and visually separated from the hero background. */
.theme-family-mascot,
.settings-family-preview,
.family-mascot img,
.family-mascot .lottie-sticker,
.family-mascot video{
  image-rendering:auto!important;
  backface-visibility:hidden;
  transform:translateZ(0);
}
.theme-family-mascot:not(.brand-theme-mascot),
.settings-family-preview{
  filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--ink) 12%,transparent));
}
.theme-family-omnom{
  object-fit:contain!important;
  filter:drop-shadow(0 9px 13px rgba(35,80,28,.18))!important;
}
.hero-cat.theme-family-omnom{transform:translateY(-2px) scale(.96)}
.family-mascot{overflow:visible!important}
.family-mascot .theme-family-omnom{transform:scale(.94)}
.appearance-family-swatch.active::after{text-shadow:0 1px 2px rgba(0,0,0,.36)}

/* Om Nom chat sources are 100x100 videos with an opaque white canvas. Make the tile intentional
   instead of exposing a harsh square on dark themes. Theme artwork itself uses transparent WebP. */
.video-sticker{
  border-radius:22%;
  overflow:hidden;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.sticker-message .video-sticker{border-radius:24%}

/* Components added after the original dark-theme pass must use theme variables too. */
html[data-theme="dark"] .orders-mode-tabs,
html[data-theme="dark"] .admin-tabs,
html[data-theme="dark"] .theme-mode-picker,
html[data-theme="dark"] .profile-menu-icon,
html[data-theme="dark"] .account-store-meta span,
html[data-theme="dark"] .order-product-row,
html[data-theme="dark"] .order-help-card,
html[data-theme="dark"] .support-order-context,
html[data-theme="dark"] .chat-order-hint,
html[data-theme="dark"] .auth-skip-nick,
html[data-theme="dark"] .chat-lot-attachment,
html[data-theme="dark"] .review-stars-input span{
  background:var(--paper-2)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] .avatar-mini:hover,
html[data-theme="dark"] .avatar-mini[aria-expanded="true"],
html[data-theme="dark"] .quick-action:hover{
  background:var(--paper-3)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .lot-badge.own{
  background:var(--paper-3)!important;
  color:var(--muted)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .chat-item.unread,
html[data-theme="dark"] .chat-item.unread:hover{
  background:var(--brand-soft)!important;
}
html[data-theme="dark"] .chat-item.unread .chat-preview{color:var(--ink)!important}
html[data-theme="dark"] .danger-outline,
html[data-theme="dark"] .order-action-panel.seller-refund,
html[data-theme="dark"] .chat-order-reason{
  background:var(--status-danger-soft)!important;
  border-color:color-mix(in srgb,var(--status-danger) 36%,var(--line))!important;
  color:color-mix(in srgb,#ffb2ad 88%,var(--ink))!important;
}
html[data-theme="dark"] .order-action-panel.review-ready,
html[data-theme="dark"] .order-action-panel.refunded{
  background:var(--paper-2)!important;
}
html[data-theme="dark"] .chat-order-done,
html[data-theme="dark"] .smart-bump-live,
html[data-theme="dark"] .optional-nick-field .form-label em,
html[data-theme="dark"] .admin-live{
  background:var(--status-ok-soft)!important;
  color:var(--ok)!important;
}
html[data-theme="dark"] .review-stars-input label.selected span,
html[data-theme="dark"] .review-stars-input label:has(input:checked) span{
  background:var(--status-warn-soft)!important;
  color:#f3bd45!important;
}
html[data-theme="dark"] .order-product-icon{
  background:var(--brand-soft)!important;
  color:var(--accent)!important;
}
html[data-theme="dark"] .order-progress-step{color:var(--muted)!important}
html[data-theme="dark"] .order-progress-step:not(:last-child)::after{background:var(--line)!important}
html[data-theme="dark"] .order-progress-step.done:not(:last-child)::after{background:var(--brand)!important}

/* Theme selector stays readable for every family, including yellow Minions. */
.appearance-family-swatch{isolation:isolate}
.appearance-family-swatch .family-color{box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 10%,transparent)}
html[data-theme="dark"] .appearance-family-swatch{background:var(--paper-2);border-color:var(--line)}
html[data-theme="dark"] .appearance-variant{background:var(--paper-2);border-color:var(--line)}
html[data-theme="dark"] .appearance-variant button.active{background:var(--ink);color:var(--bg)}

@media(max-width:720px){
  .theme-family-mascot:not(.brand-theme-mascot),.settings-family-preview{filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--ink) 10%,transparent))}
  .hero-cat.theme-family-omnom{transform:translateY(0) scale(.94)}
}

/* Lottie pack fallback: theme mascots never disappear if the external renderer is blocked. */
.lottie-sticker{position:relative}
.lottie-sticker-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(22px,48%,48px);line-height:1;filter:none!important}
.lottie-sticker[data-lottie-ready="1"]>.lottie-sticker-fallback{display:none!important}
.lottie-sticker.lottie-failed,.lottie-sticker.lottie-unavailable{background:color-mix(in srgb,var(--brand-soft) 72%,var(--paper));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:24%}

/* v23 rounding polish for settings / appearance */
.settings-summary{
  padding:20px 18px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 4%,transparent);
}
.settings-stack{
  border-radius:22px;
  box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 4%,transparent);
}
.settings-section{
  position:relative;
}
.settings-section:first-child{
  border-top-left-radius:22px;
  border-top-right-radius:22px;
}
.settings-section:last-child{
  border-bottom-left-radius:22px;
  border-bottom-right-radius:22px;
}
.settings-note{
  border-radius:14px;
}
.settings-inline-form .field,
.settings-inline-form .secondary-btn,
.settings-inline-form .primary-btn,
.settings-form-actions .secondary-btn,
.settings-form-actions .primary-btn{
  border-radius:15px;
}
.appearance-family-settings{
  gap:16px;
}
.appearance-variant{
  padding:4px;
  border-radius:16px;
}
.appearance-variant button{
  border-radius:12px;
}
.appearance-family-swatch{
  border-radius:20px;
}
.family-color{
  border-radius:10px;
}
.settings-support-row .secondary-btn,
.settings-section .primary-btn,
.settings-section .secondary-btn{
  border-radius:16px;
}

@media(max-width:720px){
  .settings-summary{
    padding:14px 14px 15px;
    border-radius:18px;
    margin-bottom:12px;
  }
  .settings-stack{
    border-radius:18px;
  }
  .settings-section:first-child{
    border-top-left-radius:18px;
    border-top-right-radius:18px;
  }
  .settings-section:last-child{
    border-bottom-left-radius:18px;
    border-bottom-right-radius:18px;
  }
  .appearance-variant{
    border-radius:14px;
  }
  .appearance-variant button{
    border-radius:10px;
  }
  .appearance-family-swatch{
    border-radius:18px;
  }
}

/* v24 similar products polish, especially for dark themes */
.similar-section{
  margin-top:24px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--paper);
  box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 4%,transparent);
}
.similar-head{
  min-height:74px;
  margin-bottom:2px;
}
.similar-tools{
  margin:12px 0 12px;
}
.similar-tools .search-input,
.similar-tools .tool-btn,
.similar-tools .select{
  border-radius:15px;
}
.similar-results .lot-card{
  border-radius:19px;
}
.similar-empty{
  border-radius:18px;
  padding:14px;
  background:var(--paper-2);
  border-color:color-mix(in srgb,var(--line) 82%,transparent);
}
.similar-empty img{
  border-radius:12px;
}
.similar-empty b{
  line-height:1.25;
}

.recommend-section{
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--paper);
  box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 4%,transparent);
}
.recommend-loading .lot-card,
.recommend-item .lot-card{
  border-radius:19px;
}

html[data-theme="dark"] .similar-section,
html[data-theme="dark"] .recommend-section{
  background:var(--paper);
  border-color:var(--line);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
html[data-theme="dark"] .similar-empty{
  background:color-mix(in srgb,var(--paper-2) 86%,var(--paper));
  border-color:color-mix(in srgb,var(--line) 86%,transparent);
}
html[data-theme="dark"] .similar-tools .search-input,
html[data-theme="dark"] .similar-tools .tool-btn,
html[data-theme="dark"] .similar-tools .select{
  background:var(--paper);
  border-color:var(--line);
}

@media(max-width:720px){
  .similar-section{
    margin-top:17px;
    padding:14px;
    border-radius:18px;
  }
  .similar-tools .search-input,
  .similar-tools .tool-btn,
  .similar-tools .select{
    border-radius:13px;
  }
  .similar-results .lot-card,
  .recommend-loading .lot-card,
  .recommend-item .lot-card{
    border-radius:16px;
  }
  .similar-empty{
    border-radius:15px;
    padding:10px;
  }
  .recommend-section{
    padding:14px;
    border-radius:18px;
  }
}

/* v25 homepage mascot / trust-focused hero */
.hero-market-v25{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  min-height:272px;
  padding:34px 330px 32px 36px;
  isolation:isolate;
}
.hero-market-v25::before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-52px;
  top:-92px;
  border-radius:50%;
  background:color-mix(in srgb,var(--brand) 10%,transparent);
  filter:blur(2px);
  pointer-events:none;
}
.hero-market-v25 .hero-market-copy{max-width:720px}
.hero-market-v25 h1{margin:10px 0 10px;font-size:46px;line-height:.99;max-width:680px}
.hero-market-v25 h1 em{font-style:normal;color:var(--brand)}
.hero-market-lead{display:block!important;margin:0 0 18px!important;max-width:610px!important;font-size:13px!important;line-height:1.55!important;color:var(--muted)!important}
.hero-market-actions{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.hero-shop-btn,.hero-category-btn{min-height:44px;border-radius:15px;padding-inline:16px}
.hero-shop-btn{box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 23%,transparent)!important}
.hero-shop-btn span{margin-left:6px;font-size:16px}
.hero-category-btn{background:color-mix(in srgb,var(--paper) 82%,transparent)!important;backdrop-filter:blur(10px)}
.hero-market-v25 .hero-benefits>span{background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 5px 15px color-mix(in srgb,var(--ink) 4%,transparent)}
.hero-mascot-stage{position:absolute;right:16px;top:12px;bottom:0;width:304px;z-index:2;pointer-events:none}
.hero-cat-sales.hero-cat{right:0!important;bottom:-24px!important;width:252px!important;height:252px!important;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--ink) 16%,transparent))!important}
.hero-trust-card{position:absolute;z-index:4;left:-54px;top:37px;width:202px;min-height:62px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px 8px 7px;background:color-mix(in srgb,var(--paper) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:18px;box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 12%,transparent);backdrop-filter:blur(14px);transform:rotate(-2deg)}
.hero-trust-mini{width:46px;height:46px;display:grid;place-items:center}
.hero-trust-mini .hero-trust-mascot{width:46px!important;height:46px!important;object-fit:contain!important;filter:drop-shadow(0 5px 6px color-mix(in srgb,var(--ink) 10%,transparent))}
.hero-trust-card b{display:block;font-size:11px;line-height:1.2;color:var(--ink)}
.hero-trust-card span{display:block;margin-top:3px;font-size:8.5px;line-height:1.35;color:var(--muted)}
.hero-spark{position:absolute;z-index:3;color:var(--brand);font-weight:950;text-shadow:0 3px 10px color-mix(in srgb,var(--brand) 25%,transparent)}
.hero-spark-one{right:37px;top:26px;font-size:19px;transform:rotate(14deg)}
.hero-spark-two{left:32px;bottom:48px;font-size:12px;opacity:.72;transform:rotate(-13deg)}
html[data-theme="dark"] .hero-trust-card{background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 16px 34px rgba(0,0,0,.26)}
html[data-theme="dark"] .hero-category-btn{background:color-mix(in srgb,var(--paper-2) 82%,transparent)!important}

@media(max-width:900px){
  .hero-market-v25{padding-right:270px;grid-template-columns:minmax(0,1fr) 240px}
  .hero-mascot-stage{width:250px;right:4px}
  .hero-cat-sales.hero-cat{width:222px!important;height:222px!important}
  .hero-trust-card{left:-42px;top:32px;width:184px}
}
@media(max-width:720px){
  .hero-market-v25{min-height:190px!important;padding:17px 112px 16px 16px!important;border-radius:22px!important}
  .hero-market-v25 h1{font-size:25px!important;margin:7px 0 8px!important}
  .hero-market-lead{font-size:9px!important;line-height:1.42!important;margin-bottom:10px!important;display:block!important;max-width:230px!important}
  .hero-market-actions{gap:6px;margin-bottom:9px;align-items:stretch}
  .hero-shop-btn{min-height:34px;padding:7px 10px;font-size:9px;border-radius:11px}
  .hero-shop-btn span{font-size:11px;margin-left:3px}
  .hero-category-btn{display:none}
  .hero-market-v25 .hero-benefits>span{font-size:7.5px;min-height:24px;padding:4px 6px}
  .hero-market-v25 .hero-benefits>span:nth-child(3){display:none}
  .hero-mascot-stage{right:-6px;top:17px;width:126px}
  .hero-cat-sales.hero-cat{width:130px!important;height:130px!important;right:-7px!important;bottom:-6px!important}
  .hero-trust-card{left:-31px;top:3px;width:111px;min-height:37px;grid-template-columns:29px minmax(0,1fr);gap:4px;padding:4px 6px 4px 4px;border-radius:11px;transform:rotate(-2deg)}
  .hero-trust-mini{width:29px;height:29px}
  .hero-trust-mini .hero-trust-mascot{width:29px!important;height:29px!important}
  .hero-trust-card b{font-size:6.8px}.hero-trust-card span{font-size:5.8px;margin-top:1px}
  .hero-spark-one{right:9px;top:-5px;font-size:11px}.hero-spark-two{display:none}
}
@media(max-width:390px){
  .hero-market-v25{padding-right:99px!important}
  .hero-market-lead{max-width:205px!important}
  .hero-mascot-stage{width:112px}
  .hero-cat-sales.hero-cat{width:115px!important;height:115px!important}
  .hero-trust-card{left:-35px;width:104px}
}


/* v26 homepage: Cherry mascot + no hero action buttons */
.hero-market-actions,.hero-shop-btn,.hero-category-btn{display:none!important}
.hero-market-lead{margin-bottom:14px!important}
.hero-cat-sales.theme-family-hotcherry,.hero-cat-sales.lottie-sticker{width:252px!important;height:252px!important}
.hero-trust-mascot.theme-family-hotcherry,.hero-trust-mascot.lottie-sticker{width:46px!important;height:46px!important}
@media(max-width:720px){
  .hero-market-lead{margin-bottom:9px!important}
  .hero-cat-sales.theme-family-hotcherry,.hero-cat-sales.lottie-sticker{width:130px!important;height:130px!important}
  .hero-trust-mascot.theme-family-hotcherry,.hero-trust-mascot.lottie-sticker{width:29px!important;height:29px!important}
}
@media(max-width:390px){
  .hero-cat-sales.theme-family-hotcherry,.hero-cat-sales.lottie-sticker{width:115px!important;height:115px!important}
}


/* v27 mobile hero recovery + default mascot respects selected family */
.hero-cat-sales.theme-family-mascot,.hero-cat-sales.lottie-sticker,.hero-cat-sales video{
  width:252px!important;
  height:252px!important;
}
.hero-trust-mascot.theme-family-mascot,.hero-trust-mascot.lottie-sticker,.hero-trust-mascot video{
  width:46px!important;
  height:46px!important;
}

@media(max-width:720px){
  .hero-market-v25{
    display:block!important;
    min-height:auto!important;
    padding:16px 16px 108px 16px!important;
    border-radius:22px!important;
  }
  .hero-market-v25::before{right:-78px;top:-104px;width:220px;height:220px}
  .hero-market-v25 .hero-market-copy{max-width:none!important}
  .hero-market-v25 h1{font-size:26px!important;line-height:1.03!important;margin:8px 0 8px!important;max-width:none!important}
  .hero-market-lead{
    display:block!important;
    max-width:none!important;
    font-size:11px!important;
    line-height:1.45!important;
    margin-bottom:10px!important;
    padding-right:8px;
  }
  .hero-market-v25 .hero-benefits{gap:6px;max-width:100%;padding-right:8px}
  .hero-market-v25 .hero-benefits>span{
    min-height:26px;
    padding:5px 8px;
    font-size:9px;
    border-radius:999px;
  }
  .hero-market-v25 .hero-benefits>span b{font-size:9px}
  .hero-market-v25 .hero-benefits>span:nth-child(3){display:inline-flex}
  .hero-mascot-stage{
    position:absolute;
    right:8px;
    bottom:-2px;
    top:auto;
    width:124px;
    height:112px;
  }
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker{
    width:116px!important;
    height:116px!important;
    right:0!important;
    bottom:-6px!important;
  }
  .hero-trust-card{display:none!important}
  .hero-spark-one,.hero-spark-two{display:none!important}
}

@media(max-width:390px){
  .hero-market-v25{padding:15px 14px 100px 14px!important}
  .hero-market-v25 h1{font-size:24px!important}
  .hero-market-lead{font-size:10px!important;margin-bottom:9px!important}
  .hero-market-v25 .hero-benefits{gap:5px}
  .hero-market-v25 .hero-benefits>span{font-size:8px;padding:4px 7px;min-height:24px}
  .hero-market-v25 .hero-benefits>span b{font-size:8px}
  .hero-mascot-stage{right:6px;width:108px;height:104px}
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker{
    width:100px!important;
    height:100px!important;
  }
}

/* v28 mobile catalog hero/banner proportion fix */
@media(max-width:720px){
  .hero.hero-market.hero-market-v25{
    aspect-ratio: 1.46 / 1;
    min-height: 0 !important;
    padding: 16px 16px 18px 16px !important;
    display: grid !important;
    align-items: start;
    align-content: start;
  }
  .hero-market-v25 .hero-market-copy{
    position: relative;
    z-index: 2;
    max-width: calc(100% - 104px) !important;
    padding-right: 2px;
  }
  .hero-market-v25 h1{
    font-size: 25px !important;
    line-height: 1.02 !important;
    max-width: 230px !important;
  }
  .hero-market-lead{
    max-width: 210px !important;
    margin-bottom: 9px !important;
  }
  .hero-market-v25 .hero-benefits{
    max-width: 230px;
  }
  .hero-mascot-stage{
    right: 6px;
    bottom: 0;
    width: 112px;
    height: 100px;
  }
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{
    width: 108px !important;
    height: 108px !important;
    bottom: -3px !important;
    right: 0 !important;
    object-fit: contain !important;
  }
}

@media(max-width:520px){
  .hero.hero-market.hero-market-v25{
    aspect-ratio: 1.34 / 1;
  }
}

@media(max-width:390px){
  .hero.hero-market.hero-market-v25{
    aspect-ratio: 1.26 / 1;
    padding: 14px 14px 16px 14px !important;
  }
  .hero-market-v25 .hero-market-copy{
    max-width: calc(100% - 94px) !important;
  }
  .hero-market-v25 h1{
    font-size: 22px !important;
    max-width: 190px !important;
  }
  .hero-market-lead{
    max-width: 176px !important;
    font-size: 9.5px !important;
  }
  .hero-market-v25 .hero-benefits{
    max-width: 190px;
  }
  .hero-market-v25 .hero-benefits>span:nth-child(3){display:none}
  .hero-mascot-stage{
    width: 96px;
    height: 92px;
    right: 4px;
  }
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{
    width: 92px !important;
    height: 92px !important;
  }
}

/* v30 — full mobile catalog UX audit */
@media(max-width:720px){
  /* Catalog spacing */
  .container{padding-left:12px;padding-right:12px}

  /* Category chips: thumb-friendly horizontal rail */
  .category-bar{
    gap:7px;
    margin:10px 0 9px;
    padding:1px 1px 3px;
    scroll-padding-inline:1px;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .category-bar .chip{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 12px;
    border-radius:999px;
    font-size:10.5px;
    line-height:1;
    scroll-snap-align:start;
  }

  /* Search + filter first row, sort on its own row. */
  .catalog-tools{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "search filter"
      "sort sort";
    gap:7px;
    margin:0 0 10px;
  }
  .catalog-tools .search-wrap{grid-area:search;min-width:0}
  .catalog-tools .tool-btn{grid-area:filter}
  .catalog-tools .select{
    display:block!important;
    grid-area:sort;
    min-height:40px;
    padding:9px 12px;
    border-radius:13px;
    font-size:11px;
    font-weight:750;
  }
  .catalog-tools .search-input{
    min-height:44px;
    padding:10px 12px 10px 40px;
    border-radius:14px;
    font-size:16px; /* prevents iOS zoom */
    line-height:1.2;
  }
  .catalog-tools .search-wrap svg{left:13px;width:17px;height:17px}
  .catalog-tools .tool-btn{
    min-width:88px;
    min-height:44px;
    padding:0 12px;
    border-radius:14px;
    font-size:10.5px;
    white-space:nowrap;
  }
  .catalog-tools .tool-btn .badge{font-size:8px;padding:2px 5px;margin-left:3px}

  /* Subcategories are pills rather than tiny underlined desktop tabs. */
  .subcats{
    gap:6px;
    margin:0 0 8px;
    padding:1px 1px 3px;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .subcat{
    flex:0 0 auto;
    min-height:32px;
    margin:0;
    padding:7px 10px;
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--paper);
    color:var(--muted);
    font-size:10px;
    line-height:1;
    scroll-snap-align:start;
  }
  .subcat.active{
    color:var(--ink);
    border-color:color-mix(in srgb,var(--brand) 32%,var(--line));
    background:var(--brand-soft);
  }

  .results-head{
    min-height:30px;
    padding:5px 2px 7px;
    font-size:10.5px;
    line-height:1.25;
  }
  .results-head strong{font-size:11.5px}

  /* Product rows: more readable and more stable at 320–430px widths. */
  .lot-list{gap:7px}
  .lot-card{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    min-height:76px;
    gap:9px;
    padding:11px 11px 11px 12px;
    border-radius:17px;
    overflow:hidden;
    box-shadow:0 3px 14px color-mix(in srgb,var(--ink) 3%,transparent);
  }
  .lot-card:hover{transform:none!important;box-shadow:0 3px 14px color-mix(in srgb,var(--ink) 3%,transparent)!important}
  .lot-main{min-width:0}
  .lot-title-row{align-items:flex-start;gap:5px}
  .lot-title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
    line-height:1.24;
    min-width:0;
  }
  .lot-badge{
    flex:0 0 auto;
    margin-top:1px;
    padding:3px 5px;
    border-radius:7px;
    font-size:7.5px;
    line-height:1.1;
  }
  .seller-line{
    min-width:0;
    gap:4px;
    margin-top:7px;
    font-size:9.5px;
    overflow:hidden;
    white-space:nowrap;
  }
  .seller-line .seller-link{
    min-width:0;
    max-width:92px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9.5px;
  }
  .seller-line .stars{flex:0 0 auto;font-size:8px;letter-spacing:-.5px}
  .seller-line .reviews{display:none}
  .online-dot{flex:0 0 auto;width:5px;height:5px}

  .lot-side{flex:0 0 auto;min-width:0;gap:0;align-items:flex-end}
  .lot-buy-price{
    min-width:86px!important;
    min-height:42px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.05!important;
    white-space:nowrap;
    box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 17%,transparent)!important;
  }
  .lot-buy-price:disabled{
    min-width:86px!important;
    max-width:86px;
    white-space:normal;
    font-size:9px!important;
    line-height:1.05!important;
    padding-inline:7px!important;
  }
  .edit-lot-btn{
    min-height:40px;
    padding:8px 10px!important;
    border-radius:11px!important;
    font-size:9px!important;
    white-space:nowrap;
  }

  .empty{
    min-height:210px;
    padding:20px 16px;
    border-radius:18px;
  }
  .empty img,.empty .theme-inline-mascot{width:82px!important;height:82px!important}
  .empty h3{font-size:15px}
  .empty p{font-size:10px;line-height:1.4}

  /* Filter sheet: easier to use with a thumb and no iOS input zoom. */
  .drawer>.filter-title{margin-bottom:14px}
  .drawer>.filter-title h2{font-size:22px}
  .drawer .filter-grid{gap:8px}
  .drawer .filter-grid .field,
  .drawer .filter-section .field{
    min-height:44px;
    border-radius:13px;
    font-size:16px;
  }
  .drawer .filter-section{margin-top:14px}
  .drawer .filter-section h4{font-size:10px;margin-bottom:7px}
  .drawer .filter-actions{
    bottom:calc(-1 * max(16px,env(safe-area-inset-bottom)));
    margin:16px -1px 0;
    padding:12px 1px max(16px,env(safe-area-inset-bottom));
    background:linear-gradient(to bottom,color-mix(in srgb,var(--paper) 0%,transparent),var(--paper) 16px,var(--paper));
    z-index:4;
  }
  .drawer .filter-actions button{
    min-height:44px;
    border-radius:13px;
    font-size:11px;
  }
}

@media(max-width:390px){
  .category-bar .chip{min-height:34px;padding:7px 10px;font-size:9.5px}
  .catalog-tools{grid-template-columns:minmax(0,1fr) 82px;gap:6px}
  .catalog-tools .tool-btn{min-width:82px;padding:0 9px;font-size:9.5px}
  .catalog-tools .search-input{padding-left:38px}
  .subcat{min-height:30px;padding:6px 9px;font-size:9px}
  .lot-card{min-height:72px;padding:10px;gap:7px;border-radius:16px}
  .lot-title{font-size:12px}
  .seller-line .seller-link{max-width:72px;font-size:9px}
  .lot-buy-price{min-width:80px!important;min-height:40px!important;font-size:13px!important;padding:8px 9px!important}
  .lot-buy-price:disabled{min-width:80px!important;max-width:80px}
}

/* v31 — real mobile catalog banner fix: no aspect-ratio stretching */
@media(max-width:720px){
  .hero.hero-market.hero-market-v25{
    display:block!important;
    aspect-ratio:auto!important;
    width:100%!important;
    height:236px!important;
    min-height:236px!important;
    max-height:236px!important;
    padding:16px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .hero-market-v25 .hero-market-copy{
    position:relative;
    z-index:3;
    width:calc(100% - 108px)!important;
    max-width:245px!important;
    padding:0!important;
  }
  .hero-market-v25 .eyebrow{
    max-width:145px;
    padding:6px 9px!important;
    font-size:8px!important;
    line-height:1.15!important;
    letter-spacing:.08em;
  }
  .hero-market-v25 h1{
    max-width:230px!important;
    margin:9px 0 7px!important;
    font-size:27px!important;
    line-height:.99!important;
    letter-spacing:-.045em!important;
  }
  .hero-market-lead{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden!important;
    max-width:220px!important;
    max-height:47px!important;
    margin:0!important;
    padding:0!important;
    font-size:10.5px!important;
    line-height:1.42!important;
  }
  .hero-market-v25 .hero-benefits{
    position:absolute!important;
    left:16px!important;
    right:118px!important;
    bottom:14px!important;
    z-index:4!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    max-width:none!important;
    padding:0!important;
  }
  .hero-market-v25 .hero-benefits>span,
  .hero-market-v25 .hero-benefits>span:nth-child(3){
    display:inline-flex!important;
    min-height:25px!important;
    padding:5px 7px!important;
    font-size:8.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .hero-market-v25 .hero-benefits>span b{font-size:8.5px!important}
  .hero-mascot-stage{
    position:absolute!important;
    top:auto!important;
    right:7px!important;
    bottom:1px!important;
    width:112px!important;
    height:132px!important;
    z-index:2!important;
  }
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{
    position:absolute!important;
    right:0!important;
    bottom:-4px!important;
    width:112px!important;
    height:112px!important;
    object-fit:contain!important;
  }
  .hero-trust-card,.hero-spark-one,.hero-spark-two{display:none!important}
}

@media(max-width:430px){
  .hero.hero-market.hero-market-v25{
    height:224px!important;
    min-height:224px!important;
    max-height:224px!important;
    padding:14px!important;
  }
  .hero-market-v25 .hero-market-copy{
    width:calc(100% - 102px)!important;
    max-width:220px!important;
  }
  .hero-market-v25 h1{
    max-width:205px!important;
    font-size:25px!important;
  }
  .hero-market-lead{
    max-width:195px!important;
    -webkit-line-clamp:2;
    max-height:31px!important;
    font-size:9.5px!important;
  }
  .hero-market-v25 .hero-benefits{
    left:14px!important;
    right:105px!important;
    bottom:12px!important;
    gap:4px!important;
  }
  .hero-market-v25 .hero-benefits>span,
  .hero-market-v25 .hero-benefits>span:nth-child(3){
    min-height:23px!important;
    padding:4px 6px!important;
    font-size:7.8px!important;
  }
  .hero-market-v25 .hero-benefits>span b{font-size:7.8px!important}
  .hero-mascot-stage{right:4px!important;width:102px!important;height:116px!important}
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{
    width:100px!important;
    height:100px!important;
  }
}


/* v32 lot form category alignment + larger category field */
.lot-core-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end}
.lot-core-grid>label{display:block;min-width:0}
.lot-category-picker{position:relative;width:100%}
.category-picker-button{min-height:60px;padding:11px 14px;border-radius:16px;align-items:center}
.category-picker-button>span{justify-content:center;gap:0}
.category-picker-button b{font-size:14px;line-height:1.2;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-picker-button i{font-size:15px;line-height:1;align-self:center}
.category-picker-button.selected b{color:var(--ink)}
.lot-core-grid .field{min-height:60px}
@media(max-width:820px){.lot-core-grid{grid-template-columns:1fr!important;align-items:stretch}.category-picker-button,.lot-core-grid .field{min-height:52px}}
@media(max-width:720px){.category-picker-button{min-height:50px!important;padding:10px 12px!important;border-radius:14px!important}.category-picker-button b{font-size:13px!important}.lot-core-grid .field{min-height:50px}}

/* v34 own-lot edit button matches price action size */
.own-lot .edit-lot-btn{
  min-width:132px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1.05!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:720px){
  .own-lot .edit-lot-btn{
    min-width:86px!important;
    width:86px!important;
    min-height:42px!important;
    height:42px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:10px!important;
    line-height:1.05!important;
  }
}


/* v35 seller "My products" management */
.reference-menu-products span{font-weight:800;color:var(--ink)}
.my-products-page{padding-bottom:40px}.my-products-head{align-items:center}.my-products-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.my-products-summary>div{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px 17px;display:flex;flex-direction:column;gap:2px}.my-products-summary b{font-size:23px;letter-spacing:-.04em}.my-products-summary span{font-size:10px;color:var(--muted)}
.my-products-tabs{display:flex;gap:6px;margin-bottom:10px;overflow:auto;scrollbar-width:none}.my-products-tabs::-webkit-scrollbar{display:none}.my-products-tabs button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:850;white-space:nowrap}.my-products-tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.my-products-list{display:flex;flex-direction:column;gap:8px}.my-product-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:14px 15px;transition:.15s ease}.my-product-card.busy{opacity:.55;pointer-events:none}.my-product-main{display:flex;align-items:center;gap:12px;min-width:0}.my-product-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:var(--paper-3);display:grid;place-items:center;font-size:23px;overflow:hidden}.my-product-icon img{width:100%;height:100%;object-fit:cover}.my-product-copy{min-width:0}.my-product-title-line{display:flex;align-items:center;gap:7px;min-width:0}.my-product-title-line h3{margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-product-status{flex:0 0 auto;font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px}.my-product-status.active{background:#e9f8f1;color:#187451}.my-product-status.paused{background:var(--paper-3);color:var(--muted)}.my-product-status.soldout{background:#fff1de;color:#9b6412}.my-product-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:5px;font-size:10px;color:var(--muted)}.my-product-meta b{color:var(--ink);font-size:12px}.my-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.my-product-actions .secondary-btn{padding:9px 11px;font-size:10px;border-radius:12px}.my-product-toggle{min-width:112px}.my-product-delete{color:#c8423a!important;border-color:color-mix(in srgb,#c8423a 30%,var(--line))!important}.my-product-delete:hover{background:color-mix(in srgb,#c8423a 8%,var(--paper))!important}.delete-lot-confirm-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper-3);border-radius:14px;padding:12px 13px;margin:14px 0 4px}.delete-lot-confirm-card b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-lot-confirm-card span{font-weight:900;white-space:nowrap}.delete-lot-confirm .danger-btn{background:#c8423a!important;border-color:#c8423a!important;color:#fff!important}
html[data-theme="dark"] .my-product-status.active{background:#15382d;color:#8bd9bb}html[data-theme="dark"] .my-product-status.soldout{background:#3b301a;color:#f1c66f}
@media(max-width:820px){.my-product-card{grid-template-columns:1fr}.my-product-actions{justify-content:flex-start}}
@media(max-width:720px){.my-products-head{align-items:flex-start}.my-products-head .primary-btn{font-size:10px;padding:9px 11px}.my-products-summary{gap:6px}.my-products-summary>div{border-radius:15px;padding:11px 12px}.my-products-summary b{font-size:19px}.my-product-card{padding:11px;border-radius:16px;gap:10px}.my-product-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}.my-product-title-line{align-items:flex-start;flex-direction:column;gap:4px}.my-product-title-line h3{font-size:13px;max-width:100%}.my-product-meta{gap:6px;font-size:9px}.my-product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}.my-product-actions .secondary-btn{width:100%;min-width:0;padding:10px 7px;font-size:9px}.my-product-toggle{min-width:0}.my-products-tabs button{padding:8px 11px;font-size:10px}}


/* v36 mobile cleanup: stable hero + no overlapping trust chips */
@media(max-width:720px){
  .hero.hero-market.hero-market-v25{
    position:relative!important;
    display:block!important;
    height:226px!important;
    min-height:226px!important;
    max-height:226px!important;
    padding:15px 14px!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .hero-market-v25 .hero-market-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .hero-market-v25 .eyebrow{
    width:max-content!important;
    max-width:170px!important;
    padding:6px 9px!important;
    font-size:8px!important;
    line-height:1.15!important;
  }
  .hero-market-v25 h1{
    width:100%!important;
    max-width:300px!important;
    margin:9px 0 7px!important;
    padding:0!important;
    font-size:24px!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
  }
  .hero-market-v25 h1 em{white-space:nowrap}
  .hero-market-lead{
    display:-webkit-box!important;
    width:calc(100% - 96px)!important;
    max-width:255px!important;
    max-height:31px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:9.5px!important;
    line-height:1.4!important;
  }
  .hero-market-v25 .hero-benefits{
    position:absolute!important;
    left:14px!important;
    right:94px!important;
    bottom:13px!important;
    z-index:5!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .hero-market-v25 .hero-benefits>span,
  .hero-market-v25 .hero-benefits>span:nth-child(3){
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-height:24px!important;
    padding:4px 6px!important;
    border-radius:999px!important;
    font-size:7.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .hero-market-v25 .hero-benefits>span b{font-size:7.5px!important}
  .hero-mascot-stage{
    position:absolute!important;
    top:auto!important;
    right:5px!important;
    bottom:0!important;
    width:92px!important;
    height:104px!important;
    z-index:3!important;
  }
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{
    position:absolute!important;
    right:0!important;
    bottom:-2px!important;
    width:90px!important;
    height:90px!important;
    object-fit:contain!important;
  }
  .hero-trust-card,.hero-spark-one,.hero-spark-two{display:none!important}

  /* Without a logged-in mobile nav, don't reserve a giant empty nav area. */
  body:not(.chat-open-mobile) .shell{padding-bottom:26px}
  body:has(.reference-mobile-nav) .shell{padding-bottom:78px}
}

@media(max-width:390px){
  .hero.hero-market.hero-market-v25{height:216px!important;min-height:216px!important;max-height:216px!important}
  .hero-market-v25 h1{max-width:280px!important;font-size:22px!important}
  .hero-market-lead{width:calc(100% - 88px)!important;max-width:220px!important;font-size:9px!important}
  .hero-market-v25 .hero-benefits{right:86px!important;gap:3px!important}
  .hero-market-v25 .hero-benefits>span,
  .hero-market-v25 .hero-benefits>span:nth-child(3){padding:4px 5px!important;font-size:7px!important}
  .hero-market-v25 .hero-benefits>span b{font-size:7px!important}
  .hero-mascot-stage{width:84px!important;height:96px!important}
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{width:82px!important;height:82px!important}
}

/* v37 account menu size consistency */
.reference-top-actions{align-items:center}
.reference-sell,
.reference-profile-trigger{
  min-height:40px;
  height:40px;
}
.reference-sell{
  padding:0 16px;
  line-height:1;
}
.reference-profile-trigger{
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
}
.reference-profile-trigger:hover{background:var(--paper-2)}
.reference-profile-avatar{
  width:30px;
  height:30px;
}
.reference-profile-trigger>svg{margin-left:1px}

.reference-profile-menu{width:224px}
.reference-profile-head,
.reference-menu-row{
  min-height:52px;
  padding:12px 16px;
}
.reference-menu-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:10px;
}
.reference-menu-row span{
  font-size:13px;
  line-height:1.15;
}
.reference-menu-row small{
  font-size:13px;
  line-height:1.15;
  color:var(--muted);
}
.reference-menu-products span{font-weight:800;color:var(--ink)}
.reference-menu-products small{font-weight:650}

@media(max-width:720px){
  .reference-top-actions{gap:8px}
  .reference-sell,
  .reference-profile-trigger{
    min-height:38px;
    height:38px;
  }
  .reference-sell{padding:0 14px}
  .reference-profile-trigger{padding:0 6px}
  .reference-profile-avatar{width:28px;height:28px}
  .reference-profile-menu{border-radius:10px}
  .reference-profile-head,
  .reference-menu-row{min-height:50px;padding:11px 15px}
  .reference-menu-row span,
  .reference-menu-row small{font-size:12px}
}

/* v38 mobile hero + guest bottom nav final fix */
@media(max-width:720px){
  .hero.hero-market.hero-market-v25{
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    padding:14px 12px!important;
  }
  .hero-market-v25 .hero-market-copy{
    max-width:calc(100% - 102px)!important;
  }
  .hero-market-v25 .eyebrow{
    max-width:150px!important;
    padding:5px 8px!important;
    font-size:7.5px!important;
    margin-bottom:8px!important;
  }
  .hero-market-v25 h1{
    max-width:220px!important;
    font-size:20px!important;
    line-height:0.98!important;
    margin:0 0 7px!important;
  }
  .hero-market-lead{
    width:auto!important;
    max-width:210px!important;
    max-height:28px!important;
    font-size:9px!important;
    line-height:1.34!important;
    margin:0 0 7px!important;
  }
  .hero-market-v25 .hero-benefits{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:220px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin-top:0!important;
    overflow:visible!important;
  }
  .hero-market-v25 .hero-benefits>span,
  .hero-market-v25 .hero-benefits>span:nth-child(3){
    min-height:22px!important;
    padding:3px 8px!important;
    font-size:7.5px!important;
    line-height:1!important;
  }
  .hero-market-v25 .hero-benefits>span b{font-size:7.5px!important}
  .hero-mascot-stage{
    right:8px!important;
    bottom:0!important;
    width:86px!important;
    height:94px!important;
  }
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{
    width:82px!important;
    height:82px!important;
    bottom:-1px!important;
  }

  .reference-mobile-nav.guest-mobile-nav{
    left:50%!important;
    right:auto!important;
    width:min(210px,calc(100vw - 24px))!important;
    transform:translateX(-50%);
    grid-template-columns:1fr!important;
  }
  .reference-mobile-nav.guest-mobile-nav .tab{
    font-size:11px!important;
    flex-direction:row!important;
    gap:8px!important;
  }
  .reference-mobile-nav.guest-mobile-nav .tab svg{
    width:18px!important;
    height:18px!important;
  }
}

@media(max-width:390px){
  .hero.hero-market.hero-market-v25{
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    padding:12px 11px!important;
  }
  .hero-market-v25 .hero-market-copy{max-width:calc(100% - 92px)!important}
  .hero-market-v25 h1{max-width:195px!important;font-size:18px!important;margin-bottom:6px!important}
  .hero-market-lead{max-width:188px!important;font-size:8.5px!important;max-height:24px!important;margin-bottom:6px!important}
  .hero-market-v25 .hero-benefits{max-width:196px!important;gap:4px!important}
  .hero-market-v25 .hero-benefits>span,
  .hero-market-v25 .hero-benefits>span:nth-child(3){padding:3px 7px!important;font-size:7px!important;min-height:20px!important}
  .hero-market-v25 .hero-benefits>span b{font-size:7px!important}
  .hero-mascot-stage{width:76px!important;height:88px!important;right:6px!important}
  .hero-cat-sales.hero-cat,
  .hero-cat-sales.theme-family-mascot,
  .hero-cat-sales.lottie-sticker,
  .hero-cat-sales video{width:74px!important;height:74px!important}
}

/* v39 mobile account menu: full width, content height only */
@media(max-width:720px){
  .reference-profile-menu,
  body.chat-open-mobile .reference-profile-menu{
    position:fixed!important;
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 58px - env(safe-area-inset-top,0px) - 12px)!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 18px 18px!important;
    overflow-y:auto!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  }
  .reference-profile-menu[hidden],
  body.chat-open-mobile .reference-profile-menu[hidden]{display:none!important}
  .reference-profile-head,
  .reference-menu-row{
    min-height:54px!important;
    padding:13px 18px!important;
  }
}


/* v40 plain My products menu item */
.reference-menu-products span{font-weight:inherit!important;color:inherit!important}
.reference-menu-products small{font-weight:inherit!important}

/* ========================================================================== */
/* v43 — complete theme localization / contrast pass                          */
/* Every visible surface now derives from the active family palette.          */
/* ========================================================================== */

html[data-skin]{
  --ui-raised:color-mix(in srgb,var(--paper) 88%,var(--brand-soft));
  --ui-soft:color-mix(in srgb,var(--paper-2) 72%,var(--brand-soft));
  --ui-hover:color-mix(in srgb,var(--brand-soft) 52%,var(--paper));
  --ui-active:color-mix(in srgb,var(--brand-soft) 74%,var(--paper));
  --ui-focus:color-mix(in srgb,var(--brand) 24%,transparent);
  --ui-edge:color-mix(in srgb,var(--brand) 26%,var(--line));
  --ui-edge-strong:color-mix(in srgb,var(--brand) 54%,var(--line));
  --ui-glow:color-mix(in srgb,var(--brand) 22%,transparent);
  --ui-selection:color-mix(in srgb,var(--brand) 24%,transparent);
  --ui-success:#2f9d74;
  --ui-success-soft:color-mix(in srgb,var(--ui-success) 15%,var(--paper));
  --ui-warning:#c98a2e;
  --ui-warning-soft:color-mix(in srgb,var(--ui-warning) 17%,var(--paper));
  --ui-danger:#d9565d;
  --ui-danger-soft:color-mix(in srgb,var(--ui-danger) 14%,var(--paper));
  --ui-info:color-mix(in srgb,var(--brand) 68%,#3f8fe8);
  --ui-info-soft:color-mix(in srgb,var(--ui-info) 13%,var(--paper));
  --price-bg:var(--brand);
  --price-bg-2:var(--brand-2);
  --price-fg:var(--on-ink);
  --price-edge:color-mix(in srgb,var(--brand) 58%,var(--ink));
  --price-glow:color-mix(in srgb,var(--brand) 34%,transparent);
}

/* Family-specific high-emphasis price tokens. These are intentionally a bit
   stronger than the surrounding cards, particularly in dark mode. */
html[data-skin="puhlyash"][data-theme="light"]{--price-bg:#ff766c;--price-bg-2:#ff9b92;--price-fg:#251614}
html[data-skin="puhlyash"][data-theme="dark"]{--price-bg:#ff8d83;--price-bg-2:#ffaaa2;--price-fg:#23110f}
html[data-skin="chris"][data-theme="light"]{--price-bg:#695ddb;--price-bg-2:#8b82f1;--price-fg:#fff}
html[data-skin="chris"][data-theme="dark"]{--price-bg:#9b91ff;--price-bg-2:#b4adff;--price-fg:#11121a}
html[data-skin="hotcherry"][data-theme="light"]{--price-bg:#df3e4d;--price-bg-2:#fa6672;--price-fg:#fff}
html[data-skin="hotcherry"][data-theme="dark"]{--price-bg:#ff5967;--price-bg-2:#ff7f8a;--price-fg:#28090e}
html[data-skin="minions"][data-theme="light"]{--price-bg:#deb51c;--price-bg-2:#f0cf49;--price-fg:#29220b}
html[data-skin="minions"][data-theme="dark"]{--price-bg:#f1ca31;--price-bg-2:#ffe064;--price-fg:#211a04}
html[data-skin="whale"][data-theme="light"]{--price-bg:#3d88cf;--price-bg-2:#6aace8;--price-fg:#061a2a}
html[data-skin="whale"][data-theme="dark"]{--price-bg:#5aa9ee;--price-bg-2:#84c0f4;--price-fg:#071824}
html[data-skin="omnom"][data-theme="light"]{--price-bg:#55b84e;--price-bg-2:#7ace72;--price-fg:#0b2408}
html[data-skin="omnom"][data-theme="dark"]{--price-bg:#70ce67;--price-bg-2:#8bdd83;--price-fg:#0d210a}

/* Make semantic states harmonize with dark palettes instead of keeping pale
   light-theme fills. */
html[data-theme="dark"][data-skin]{
  --ui-raised:color-mix(in srgb,var(--paper-2) 82%,var(--brand-soft));
  --ui-soft:color-mix(in srgb,var(--paper-3) 72%,var(--brand-soft));
  --ui-hover:color-mix(in srgb,var(--brand-soft) 52%,var(--paper-2));
  --ui-active:color-mix(in srgb,var(--brand-soft) 72%,var(--paper-2));
  --ui-success-soft:color-mix(in srgb,var(--ui-success) 20%,var(--paper));
  --ui-warning-soft:color-mix(in srgb,var(--ui-warning) 20%,var(--paper));
  --ui-danger-soft:color-mix(in srgb,var(--ui-danger) 20%,var(--paper));
  --ui-info-soft:color-mix(in srgb,var(--ui-info) 20%,var(--paper));
}

html[data-skin] ::selection{background:var(--ui-selection);color:var(--ink)}
html[data-skin] body{background:var(--bg)!important;color:var(--ink)!important}

/* Navigation, dropdowns and mobile navigation. */
html[data-skin] .reference-topbar,
html[data-skin] .topbar{
  background:color-mix(in srgb,var(--paper) 94%,transparent)!important;
  border-color:var(--line)!important;
}
html[data-skin] .reference-profile-trigger,
html[data-skin] .reference-profile-menu,
html[data-skin] .reference-profile-head,
html[data-skin] .reference-menu-row{
  background:var(--paper)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .reference-menu-row:hover,
html[data-skin] .reference-profile-head:hover,
html[data-skin] .reference-profile-trigger:hover{background:var(--ui-hover)!important}
html[data-skin] .reference-menu-row small,
html[data-skin] .reference-profile-head span{color:var(--muted)!important}
html[data-skin] .reference-mobile-nav{
  background:color-mix(in srgb,var(--paper) 96%,transparent)!important;
  border-color:var(--ui-edge)!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--ink) 13%,transparent)!important;
}
html[data-skin] .reference-mobile-nav .tab{color:var(--muted)!important}
html[data-skin] .reference-mobile-nav .tab.active{
  color:var(--brand)!important;
  background:var(--brand-soft)!important;
}

/* Hero and main themed surfaces. */
html[data-skin] .hero{background:linear-gradient(125deg,var(--theme-a),var(--theme-b) 58%,var(--theme-c))!important;border-color:var(--ui-edge)!important}
html[data-skin] .hero-benefits>span,
html[data-skin] .hero-trust-card{
  background:color-mix(in srgb,var(--paper) 90%,var(--brand-soft))!important;
  border-color:var(--ui-edge)!important;
  color:var(--muted)!important;
}
html[data-skin] .hero-benefits>span b,
html[data-skin] .hero-trust-card b{color:var(--ink)!important}

html[data-skin] .panel,
html[data-skin] .detail-card,
html[data-skin] .lot-card,
html[data-skin] .order-card,
html[data-skin] .seller-card,
html[data-skin] .purchase-card,
html[data-skin] .similar-section,
html[data-skin] .recommend-section,
html[data-skin] .profile-hero,
html[data-skin] .seller-rating-card,
html[data-skin] .settings-stack,
html[data-skin] .settings-section,
html[data-skin] .settings-summary,
html[data-skin] .my-product-card,
html[data-skin] .my-products-summary>div,
html[data-skin] .finance-table,
html[data-skin] .chat-layout,
html[data-skin] .chat-order-card,
html[data-skin] .account-settings-list{
  background:var(--paper)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .lot-card:hover,
html[data-skin] .my-product-card:hover{
  border-color:var(--ui-edge-strong)!important;
  box-shadow:0 10px 30px var(--ui-glow)!important;
}

/* Catalog price: high contrast in every family, especially dark themes. */
html[data-skin] .lot-buy-price,
html[data-skin] .lot-buy-price:not(:disabled){
  color:var(--price-fg)!important;
  background:linear-gradient(135deg,var(--price-bg),color-mix(in srgb,var(--price-bg-2) 72%,var(--price-bg)))!important;
  border:1px solid var(--price-edge)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--price-bg) 18%,transparent),0 9px 24px var(--price-glow)!important;
  text-shadow:none!important;
}
html[data-skin] .lot-buy-price:hover:not(:disabled){
  background:linear-gradient(135deg,color-mix(in srgb,var(--price-bg) 88%,var(--ink)),var(--price-bg-2))!important;
  border-color:color-mix(in srgb,var(--price-bg-2) 62%,var(--ink))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--price-bg) 18%,transparent),0 12px 30px var(--price-glow)!important;
}
html[data-skin] .lot-buy-price:focus-visible{
  outline:3px solid color-mix(in srgb,var(--price-bg) 34%,transparent)!important;
  outline-offset:2px!important;
}
html[data-skin] .lot-card .lot-side>.price{
  background:var(--brand-soft)!important;
  color:var(--ink)!important;
  border-color:var(--ui-edge)!important;
}
html[data-skin] .edit-lot-btn{
  background:linear-gradient(135deg,var(--price-bg),color-mix(in srgb,var(--price-bg-2) 72%,var(--price-bg)))!important;
  color:var(--price-fg)!important;
  border-color:var(--price-edge)!important;
  box-shadow:0 7px 19px var(--price-glow)!important;
}

/* Primary / secondary controls and tabs. */
html[data-skin] .primary-btn,
html[data-skin] .reference-sell,
html[data-skin] .buy-btn:not(.lot-buy-price),
html[data-skin] .chip.active,
html[data-skin] .my-products-tabs button.active,
html[data-skin] .orders-mode-tabs button.active{
  background:var(--brand)!important;
  color:var(--on-ink)!important;
  border-color:var(--brand)!important;
  box-shadow:0 6px 18px var(--ui-glow)!important;
}
html[data-skin] .primary-btn:hover,
html[data-skin] .reference-sell:hover,
html[data-skin] .buy-btn:not(.lot-buy-price):hover{
  background:color-mix(in srgb,var(--brand) 84%,var(--ink))!important;
}
html[data-skin] .secondary-btn,
html[data-skin] .tool-btn,
html[data-skin] .chip,
html[data-skin] .my-products-tabs button,
html[data-skin] .orders-mode-tabs,
html[data-skin] .orders-mode-tabs button{
  background:var(--paper)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .secondary-btn:hover,
html[data-skin] .tool-btn:hover,
html[data-skin] .chip:hover,
html[data-skin] .my-products-tabs button:hover,
html[data-skin] .orders-mode-tabs button:hover{background:var(--ui-hover)!important;border-color:var(--ui-edge)!important}
html[data-skin] .subcat{color:var(--muted)!important}
html[data-skin] .subcat.active{color:var(--ink)!important;border-bottom-color:var(--brand)!important}

/* Inputs and editor. */
html[data-skin] .field,
html[data-skin] .search-input,
html[data-skin] .select,
html[data-skin] .category-picker-button,
html[data-skin] .rich-editor,
html[data-skin] .rich-toolbar,
html[data-skin] .category-picker-popover,
html[data-skin] .category-picker-head,
html[data-skin] .lot-category-option{
  background:var(--paper)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .rich-toolbar{background:var(--paper-2)!important}
html[data-skin] .rich-toolbar button{color:var(--ink)!important}
html[data-skin] .rich-toolbar button:hover{background:var(--ui-hover)!important;border-color:var(--ui-edge)!important}
html[data-skin] .field:focus,
html[data-skin] .search-input:focus,
html[data-skin] .select:focus,
html[data-skin] .rich-editor:focus,
html[data-skin] .category-picker-button:focus-visible{
  border-color:var(--brand)!important;
  box-shadow:0 0 0 4px var(--ui-focus)!important;
}
html[data-skin] input::placeholder,
html[data-skin] textarea::placeholder,
html[data-skin] .rich-editor:empty:before{color:color-mix(in srgb,var(--muted) 78%,transparent)!important}

/* Lot creation / storefront builder blocks previously containing fixed coral or white. */
html[data-skin] .lot-form-box,
html[data-skin] .lot-optional-block,
html[data-skin] .optional-details,
html[data-skin] .publish-card,
html[data-skin] .mini-store-preview,
html[data-skin] .builder-card,
html[data-skin] .seller-push-tip{
  background:var(--paper-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .publish-card{
  background:linear-gradient(135deg,var(--paper-2),color-mix(in srgb,var(--brand-soft) 64%,var(--paper)))!important;
}
html[data-skin] .lot-form-empty,
html[data-skin] .settings-note,
html[data-skin] .safety,
html[data-skin] .owner-lot-note,
html[data-skin] .storefront-note{
  background:var(--ui-soft)!important;
  color:var(--muted)!important;
  border-color:var(--ui-edge)!important;
}

/* Status / notification colors are semantic, but their surfaces are mixed into
   the active family so they never look pasted from another theme. */
html[data-skin] .security-state.on,
html[data-skin] .my-product-status.active,
html[data-skin] .order-state.ok,
html[data-skin] .inventory-security,
html[data-skin] .auto-delivery-note,
html[data-skin] .settings-note.secure{
  background:var(--ui-success-soft)!important;
  color:color-mix(in srgb,var(--ui-success) 76%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--ui-success) 28%,var(--line))!important;
}
html[data-skin] .security-state.pending,
html[data-skin] .my-product-status.soldout,
html[data-skin] .order-state.warn{
  background:var(--ui-warning-soft)!important;
  color:color-mix(in srgb,var(--ui-warning) 78%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--ui-warning) 28%,var(--line))!important;
}
html[data-skin] .my-product-delete,
html[data-skin] .danger-btn,
html[data-skin] .error{color:var(--ui-danger)!important}
html[data-skin] .my-product-delete{background:var(--paper)!important;border-color:color-mix(in srgb,var(--ui-danger) 34%,var(--line))!important}
html[data-skin] .my-product-delete:hover{background:var(--ui-danger-soft)!important}
html[data-skin] .delete-lot-confirm .danger-btn{background:var(--ui-danger)!important;color:#fff!important;border-color:var(--ui-danger)!important}

html[data-skin] .push-strip,
html[data-skin] .seller-push-tip{
  background:color-mix(in srgb,var(--paper) 88%,var(--brand-soft))!important;
  border-color:var(--ui-edge)!important;
}
html[data-skin] .push-strip>img,
html[data-skin] .push-strip-icon{background:var(--brand-soft)!important}

/* Chat. */
html[data-skin] .chat-list{background:var(--paper-2)!important}
html[data-skin] .messages{background:linear-gradient(180deg,var(--paper-2),var(--bg))!important}
html[data-skin] .chat-item:hover{background:var(--ui-hover)!important}
html[data-skin] .chat-item.active,
html[data-skin] .chat-item.unread{background:var(--ui-active)!important}
html[data-skin] .bubble{background:var(--paper-3)!important;color:var(--ink)!important}
html[data-skin] .bubble.mine{background:var(--brand-soft)!important;color:var(--ink)!important;border-color:var(--ui-edge)!important}

/* Modals / sheets / mobile sticky actions. */
html[data-skin] .modal,
html[data-skin] .drawer,
html[data-skin] .mobile-publish-bar{
  background:color-mix(in srgb,var(--paper) 97%,transparent)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .drawer-backdrop,
html[data-skin] .modal-backdrop{background:color-mix(in srgb,var(--ink) 30%,transparent)!important}
html[data-skin] .close-btn{background:var(--paper-3)!important;color:var(--ink)!important}

/* Finance, orders and promotional panels. */
html[data-skin] .promo-card{
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 78%,var(--ink)),color-mix(in srgb,var(--brand-2) 58%,var(--paper)))!important;
  color:var(--on-ink)!important;
}
html[data-skin] .promo-card p{color:color-mix(in srgb,var(--on-ink) 72%,transparent)!important}
html[data-skin] .order-state{background:var(--paper-3)!important;color:var(--muted)!important}
html[data-skin] .metric,
html[data-skin] .stat-card{background:var(--ui-soft)!important;border-color:var(--line)!important;color:var(--ink)!important}

/* Rich content in listing descriptions. */
html[data-skin] .lot-rich{color:var(--ink)!important}
html[data-skin] .lot-rich blockquote,
html[data-skin] .lot-rich .lot-callout{
  background:var(--brand-soft)!important;
  color:var(--ink)!important;
  border-color:var(--ui-edge)!important;
}
html[data-skin] .lot-rich .lot-link-card,
html[data-skin] .lot-rich .lot-media-card{background:var(--paper-2)!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-skin] .lot-rich code{background:var(--paper-3)!important;color:var(--ink)!important}
html[data-skin] .lot-rich pre{background:var(--ink)!important;color:var(--bg)!important}
html[data-skin] .lot-rich a{color:var(--brand)!important}

/* Dark-mode border reinforcement: cards stay separated from the page and the
   price action remains unmistakably clickable. */
html[data-theme="dark"][data-skin] .lot-card,
html[data-theme="dark"][data-skin] .panel,
html[data-theme="dark"][data-skin] .detail-card,
html[data-theme="dark"][data-skin] .my-product-card{
  border-color:color-mix(in srgb,var(--line) 82%,var(--brand))!important;
}
html[data-theme="dark"][data-skin] .lot-buy-price,
html[data-theme="dark"][data-skin] .edit-lot-btn{
  border-width:2px!important;
  border-color:color-mix(in srgb,var(--price-bg-2) 62%,var(--ink))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--price-bg) 12%,transparent),0 10px 28px var(--price-glow)!important;
}

@media(max-width:720px){
  html[data-skin] .lot-buy-price,
  html[data-skin] .edit-lot-btn{
    box-shadow:0 0 0 1px color-mix(in srgb,var(--price-bg) 14%,transparent),0 6px 18px var(--price-glow)!important;
  }
  html[data-skin] .reference-mobile-nav .tab.active{border-radius:16px!important}
}

/* ========================================================================== */
/* v44 — final family localization / contrast hardening                        */
/* ========================================================================== */
html[data-skin]{
  --ui-rating:color-mix(in srgb,#ffc400 68%,var(--brand));
  --ui-skeleton-a:color-mix(in srgb,var(--paper-3) 76%,var(--paper-2));
  --ui-skeleton-b:color-mix(in srgb,var(--paper) 72%,var(--brand-soft));
}

/* Slightly deepen Cherry's light price so white text clears WCAG contrast. */
html[data-skin="hotcherry"][data-theme="light"]{--price-bg:#d83b49;--price-bg-2:#ef5966;--price-fg:#fff}

html[data-skin] .form-label,
html[data-skin] .seller-link,
html[data-skin] .finance-link-btn{color:var(--accent)!important}
html[data-skin] .seller-link:hover,
html[data-skin] .finance-link-btn:hover{color:var(--brand)!important}
html[data-skin] .nav-btn,
html[data-skin] .ghost-btn,
html[data-skin] .icon-btn,
html[data-skin] .back-link,
html[data-skin] .reference-login{color:var(--muted)!important}
html[data-skin] .nav-btn:hover,
html[data-skin] .ghost-btn:hover,
html[data-skin] .icon-btn:hover,
html[data-skin] .back-link:hover,
html[data-skin] .reference-login:hover{background:var(--ui-hover)!important;color:var(--ink)!important}

/* Every neutral feedback surface follows the selected family. */
html[data-skin] .toast{
  background:color-mix(in srgb,var(--paper-3) 82%,var(--brand-soft))!important;
  color:var(--ink)!important;
  border:1px solid var(--ui-edge)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 16%,transparent)!important;
}
html[data-skin] .skeleton-card,
html[data-skin] .empty,
html[data-skin] .similar-empty{
  background:var(--paper)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
}
html[data-skin] .skeleton{
  background:linear-gradient(90deg,var(--ui-skeleton-a) 25%,var(--ui-skeleton-b) 50%,var(--ui-skeleton-a) 75%)!important;
  background-size:200% 100%!important;
}
html[data-skin] .empty{border-color:var(--ui-edge)!important}
html[data-skin] .similar-empty{background:var(--paper-2)!important;border-color:var(--ui-edge)!important}

/* Small badges, avatars and compact controls. */
html[data-skin] .lot-badge{
  background:var(--brand-soft)!important;
  color:var(--accent)!important;
  border:1px solid var(--ui-edge)!important;
}
html[data-skin] .lot-badge.own{background:var(--ui-info-soft)!important;color:color-mix(in srgb,var(--ui-info) 75%,var(--ink))!important}
html[data-skin] .online-dot{background:var(--ui-success)!important}
html[data-skin] .seller-avatar,
html[data-skin] .profile-icon,
html[data-skin] .account-setting-icon,
html[data-skin] .settings-avatar,
html[data-skin] .my-product-icon,
html[data-skin] .mini-store-icon{
  background:var(--ui-soft)!important;
  color:var(--ink)!important;
  border-color:var(--ui-edge)!important;
}
html[data-skin] .qty-btn,
html[data-skin] .close-btn,
html[data-skin] .chat-tool-btn,
html[data-skin] .attached-chat-btn{
  background:var(--paper-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .qty-btn:hover,
html[data-skin] .close-btn:hover,
html[data-skin] .chat-tool-btn:hover,
html[data-skin] .attached-chat-btn:hover{background:var(--ui-hover)!important;border-color:var(--ui-edge)!important}

/* Native-like controls use the family accent, including dark themes. */
html[data-skin] input[type="checkbox"],
html[data-skin] input[type="radio"],
html[data-skin] .range{accent-color:var(--brand)!important}
html[data-skin] .switch span{background:var(--paper-3)!important;border:1px solid var(--line)!important}
html[data-skin] .switch span:after{background:var(--paper)!important;box-shadow:0 2px 7px color-mix(in srgb,var(--ink) 18%,transparent)!important}
html[data-skin] .switch input:checked+span{background:var(--brand)!important;border-color:var(--brand)!important}
html[data-skin] .auth-progress{background:var(--paper-3)!important}
html[data-skin] .auth-progress span{background:var(--brand)!important}

/* Ratings retain their familiar gold meaning, but are visibly tinted by family. */
html[data-skin] .stars,
html[data-skin] .rating-stars-mini{color:var(--ui-rating)!important}
html[data-skin] .rating-bar{background:var(--line)!important}
html[data-skin] .rating-bar i{background:var(--ui-rating)!important}
html[data-skin] .rating-filter{background:var(--paper-2)!important;color:var(--ink)!important;border:1px solid var(--line)!important}

/* Theme chooser itself must also be themed and the 3 options stay in one row. */
html[data-skin] .appearance-variant{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  background:var(--paper-2)!important;
  border-color:var(--line)!important;
}
html[data-skin] .appearance-variant button{color:var(--muted)!important}
html[data-skin] .appearance-variant button.active{background:var(--brand)!important;color:var(--on-ink)!important;box-shadow:0 4px 12px var(--ui-glow)!important}
html[data-skin] .appearance-family-swatch{background:var(--paper-2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-skin] .appearance-family-swatch:hover{background:var(--ui-hover)!important}
html[data-skin] .settings-segmented{background:var(--paper-2)!important;border-color:var(--line)!important}
html[data-skin] .settings-segmented button{color:var(--muted)!important;border-color:var(--line)!important}
html[data-skin] .settings-segmented button.active{background:var(--brand)!important;color:var(--on-ink)!important}

/* Purchase, support, tickets and admin used to leak fixed gray/coral values. */
html[data-skin] .purchase-confirm-card,
html[data-skin] .delete-lot-confirm-card,
html[data-skin] .attach-chats,
html[data-skin] .withdraw-row,
html[data-skin] .ticket-row,
html[data-skin] .admin-withdraw-card,
html[data-skin] .withdraw-details,
html[data-skin] .finance-action-panel,
html[data-skin] .finance-op-icon{
  background:var(--paper-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-skin] .ticket-row:hover,
html[data-skin] .finance-op-row:hover,
html[data-skin] .attach-chat-row:hover{background:var(--ui-hover)!important}
html[data-skin] .ticket-message{background:var(--paper-3)!important;color:var(--ink)!important}
html[data-skin] .ticket-message.mine{background:var(--brand-soft)!important;color:var(--ink)!important}
html[data-skin] .bubble-meta,
html[data-skin] .message-sent,
html[data-skin] .system-message-time{color:var(--muted)!important}
html[data-skin] .message-read{color:var(--ui-success)!important}
html[data-skin] .finance-op-status.ok{color:var(--ui-success)!important}
html[data-skin] .finance-op-status.warn{color:var(--ui-warning)!important}
html[data-skin] .finance-op-status.danger{color:var(--ui-danger)!important}
html[data-skin] .finance-op-row,
html[data-skin] .finance-op-head,
html[data-skin] .finance-stats,
html[data-skin] .finance-operations,
html[data-skin] .finance-empty{border-color:var(--line)!important;color:var(--ink)!important}

/* Non-storefront profile banners follow the chosen family; seller-created covers
   and storefront accent variables remain untouched. */
html[data-skin] .detail-banner{background:linear-gradient(125deg,var(--paper-2),var(--brand-soft))!important}
html[data-skin] .buyer-cat{background:var(--brand-soft)!important}
html[data-skin] .profile-bio,
html[data-skin] .detail-copy{color:var(--muted)!important}

/* Keep the price visually separated from dark cards even on OLED-like themes. */
html[data-theme="dark"][data-skin] .lot-buy-price,
html[data-theme="dark"][data-skin] .edit-lot-btn{
  filter:saturate(1.08) brightness(1.04)!important;
  text-shadow:0 1px 0 color-mix(in srgb,#fff 12%,transparent)!important;
}
html[data-theme="dark"][data-skin] .lot-card{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 5%,transparent)!important;
}

/* Consistent focus ring across keyboard-accessible controls. */
html[data-skin] button:focus-visible,
html[data-skin] a:focus-visible,
html[data-skin] [role="button"]:focus-visible{
  outline:3px solid var(--ui-focus)!important;
  outline-offset:2px!important;
}


/* ========================================================================== */
/* v45 — mobile catalog banner: desktop composition, full-bleed, no side gap */
/* ========================================================================== */
@media(max-width:720px){
  .home-container{
    padding-top:0!important;
  }
  .home-container>.hero.hero-market.hero-market-v25{
    box-sizing:border-box!important;
    width:calc(100% + 24px)!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    margin:0 -12px!important;
    padding:15px 132px 14px 16px!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 22px 22px!important;
    display:block!important;
    overflow:hidden!important;
  }
  .home-container>.hero-market-v25::before{
    width:220px!important;
    height:220px!important;
    right:-74px!important;
    top:-76px!important;
  }
  .home-container .hero-market-v25 .hero-market-copy{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    max-width:245px!important;
    padding:0!important;
  }
  .home-container .hero-market-v25 .eyebrow{
    max-width:none!important;
    padding:5px 8px!important;
    font-size:7.8px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .home-container .hero-market-v25 h1{
    max-width:245px!important;
    margin:8px 0 6px!important;
    font-size:27px!important;
    line-height:.98!important;
    letter-spacing:-.05em!important;
  }
  .home-container .hero-market-lead{
    display:block!important;
    max-width:225px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    font-size:9.2px!important;
    line-height:1.36!important;
  }
  .home-container .hero-market-v25 .hero-benefits{
    position:absolute!important;
    left:16px!important;
    right:118px!important;
    bottom:13px!important;
    z-index:6!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    max-width:none!important;
    padding:0!important;
  }
  .home-container .hero-market-v25 .hero-benefits>span,
  .home-container .hero-market-v25 .hero-benefits>span:nth-child(3){
    display:inline-flex!important;
    flex:0 1 auto!important;
    min-width:0!important;
    min-height:23px!important;
    padding:4px 6px!important;
    gap:3px!important;
    border-radius:999px!important;
    font-size:7.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .home-container .hero-market-v25 .hero-benefits>span b{font-size:7.5px!important}
  .home-container .hero-mascot-stage{
    position:absolute!important;
    z-index:3!important;
    top:11px!important;
    right:3px!important;
    bottom:auto!important;
    width:138px!important;
    height:193px!important;
    pointer-events:none!important;
  }
  .home-container .hero-cat-sales.hero-cat,
  .home-container .hero-cat-sales.theme-family-mascot,
  .home-container .hero-cat-sales.lottie-sticker,
  .home-container .hero-cat-sales video{
    position:absolute!important;
    right:-4px!important;
    bottom:-8px!important;
    width:138px!important;
    height:138px!important;
    object-fit:contain!important;
  }
  .home-container .hero-trust-card{
    display:grid!important;
    left:-7px!important;
    top:2px!important;
    width:137px!important;
    min-height:45px!important;
    grid-template-columns:31px minmax(0,1fr)!important;
    gap:5px!important;
    padding:5px 6px 5px 4px!important;
    border-radius:12px!important;
    transform:rotate(-2deg)!important;
  }
  .home-container .hero-trust-mini{width:31px!important;height:31px!important}
  .home-container .hero-trust-mini .hero-trust-mascot,
  .home-container .hero-trust-mini .theme-family-mascot,
  .home-container .hero-trust-mini .lottie-sticker,
  .home-container .hero-trust-mini video{width:31px!important;height:31px!important}
  .home-container .hero-trust-card b{font-size:7px!important;line-height:1.13!important}
  .home-container .hero-trust-card span{font-size:5.7px!important;line-height:1.22!important;margin-top:2px!important}
  .home-container .hero-spark-one{display:block!important;right:6px!important;top:-1px!important;font-size:11px!important}
  .home-container .hero-spark-two{display:block!important;left:1px!important;bottom:56px!important;font-size:8px!important}

  /* No pinch/double-tap page zoom on mobile; scrolling stays enabled. */
  html,body{touch-action:pan-x pan-y}
}

@media(max-width:380px){
  .home-container>.hero.hero-market.hero-market-v25{
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
    padding:14px 118px 13px 14px!important;
  }
  .home-container .hero-market-v25 .hero-market-copy{max-width:220px!important}
  .home-container .hero-market-v25 .eyebrow{font-size:7.2px!important;padding:5px 7px!important}
  .home-container .hero-market-v25 h1{max-width:220px!important;font-size:24px!important;margin:7px 0 6px!important}
  .home-container .hero-market-lead{max-width:205px!important;font-size:8.6px!important;line-height:1.33!important}
  .home-container .hero-market-v25 .hero-benefits{left:14px!important;right:101px!important;bottom:11px!important;gap:3px!important}
  .home-container .hero-market-v25 .hero-benefits>span,
  .home-container .hero-market-v25 .hero-benefits>span:nth-child(3){min-height:22px!important;padding:4px 5px!important;font-size:7px!important}
  .home-container .hero-market-v25 .hero-benefits>span b{font-size:7px!important}
  .home-container .hero-mascot-stage{right:1px!important;width:124px!important;height:187px!important}
  .home-container .hero-cat-sales.hero-cat,
  .home-container .hero-cat-sales.theme-family-mascot,
  .home-container .hero-cat-sales.lottie-sticker,
  .home-container .hero-cat-sales video{width:124px!important;height:124px!important}
  .home-container .hero-trust-card{left:-4px!important;width:122px!important;grid-template-columns:28px minmax(0,1fr)!important}
  .home-container .hero-trust-mini,
  .home-container .hero-trust-mini .hero-trust-mascot,
  .home-container .hero-trust-mini .theme-family-mascot,
  .home-container .hero-trust-mini .lottie-sticker,
  .home-container .hero-trust-mini video{width:28px!important;height:28px!important}
  .home-container .hero-trust-card b{font-size:6.4px!important}.home-container .hero-trust-card span{font-size:5.2px!important}
}

/* ========================================================================== */
/* v46 — keep mobile hero benefit chips pinned to the banner bottom */
/* ========================================================================== */
@media(max-width:720px){
  /* The benefits live inside .hero-market-copy. When that wrapper is
     positioned, bottom:13px is calculated from the copy block and the chips
     jump upward. Make the wrapper non-positioned so the absolute chips use
     the hero itself as their containing block. */
  .home-container .hero-market-v25 .hero-market-copy{
    position:static!important;
  }
  .home-container .hero-market-v25 .eyebrow,
  .home-container .hero-market-v25 h1,
  .home-container .hero-market-v25 .hero-market-lead{
    position:relative!important;
    z-index:5!important;
  }
  .home-container .hero-market-v25 .hero-benefits{
    position:absolute!important;
    top:auto!important;
    left:16px!important;
    right:118px!important;
    bottom:13px!important;
    z-index:6!important;
  }
}

@media(max-width:380px){
  .home-container .hero-market-v25 .hero-benefits{
    left:14px!important;
    right:101px!important;
    bottom:11px!important;
  }
}

/* ========================================================================== */
/* v47 — remove the dark mobile tap/selection flash from interactive controls  */
/* ========================================================================== */
@media (hover:none), (pointer:coarse), (max-width:720px){
  /* Some SPA controls are clickable divs/spans rather than native <button>s.
     Applying the WebKit tap color globally prevents the black/grey rectangle
     Safari/Chrome can briefly paint when any of those controls are tapped. */
  html,
  body,
  body *,
  body *::before,
  body *::after{
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  }

  /* Do not let button/link labels become selected or show the long-press
     callout. Inputs/editors remain selectable because they are not included. */
  button,
  a,
  [role="button"],
  summary,
  label[for],
  [data-nav],
  [data-route],
  [data-order],
  [data-action],
  [onclick]{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    user-select:none;
  }

  /* Pointer taps should not leave the browser's default black focus ring.
     Keyboard focus-visible styling is intentionally left intact. */
  button:focus:not(:focus-visible),
  a:focus:not(:focus-visible),
  [role="button"]:focus:not(:focus-visible),
  summary:focus:not(:focus-visible),
  [data-nav]:focus:not(:focus-visible),
  [data-route]:focus:not(:focus-visible){
    outline:none!important;
  }
}

/* 2026-08-14 v48 — mobile chat owns the top chrome.
   The global navigation must never cover the conversation header/back button. */
@media(max-width:720px){
  body.chat-open-mobile .reference-topbar,
  body.chat-open-mobile > .reference-topbar{
    display:none!important;
  }
  body.chat-open-mobile .chat-pane{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:300!important;
    overflow:hidden!important;
    background:var(--paper)!important;
  }
  body.chat-open-mobile .chat-head{
    min-height:calc(56px + env(safe-area-inset-top,0px))!important;
    padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px!important;
    flex:0 0 auto!important;
    position:relative!important;
    z-index:3!important;
    background:var(--paper)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:0 1px 0 rgba(35,26,23,.03)!important;
  }
  body.chat-open-mobile .chat-back{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:76px!important;
    min-height:38px!important;
    padding:8px 11px!important;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:var(--paper-2)!important;
    color:var(--ink)!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.chat-open-mobile .messages{
    min-height:0!important;
  }
}

/* ========================================================================== */
/* v49 — dark mobile press state: no native grey flash / pink focus residue   */
/* ========================================================================== */
@media (hover:none), (pointer:coarse), (max-width:720px){
  /* Native mobile button appearance can paint a second pressed layer on top
     of our custom dark-theme controls. Keep the visual state fully CSS-owned. */
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [role="button"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    -webkit-tap-highlight-color:transparent!important;
    tap-highlight-color:transparent!important;
    touch-action:manipulation;
  }

  /* On touch screens :focus-visible is not a useful keyboard affordance and
     some WebKit/Chromium builds keep the family-colored ring after a tap.
     Remove only that touch focus paint; desktop keyboard focus remains intact. */
  html[data-theme="dark"] button:focus,
  html[data-theme="dark"] button:focus-visible,
  html[data-theme="dark"] a:focus,
  html[data-theme="dark"] a:focus-visible,
  html[data-theme="dark"] [role="button"]:focus,
  html[data-theme="dark"] [role="button"]:focus-visible,
  html[data-theme="dark"] summary:focus,
  html[data-theme="dark"] summary:focus-visible,
  html[data-theme="dark"] [data-nav]:focus,
  html[data-theme="dark"] [data-route]:focus,
  html[data-theme="dark"] [data-action]:focus,
  html[data-theme="dark"] [onclick]:focus{
    outline:none!important;
  }

  /* Prevent the UA from compositing a translucent pressed/focus layer above
     custom dark controls. Existing class backgrounds and intended :active
     transforms remain untouched. */
  html[data-theme="dark"] button,
  html[data-theme="dark"] a,
  html[data-theme="dark"] [role="button"],
  html[data-theme="dark"] summary,
  html[data-theme="dark"] [data-nav],
  html[data-theme="dark"] [data-route],
  html[data-theme="dark"] [data-action],
  html[data-theme="dark"] [onclick]{
    -webkit-tap-highlight-color:transparent!important;
    -webkit-touch-callout:none;
  }

  html[data-theme="dark"] button::selection,
  html[data-theme="dark"] a::selection,
  html[data-theme="dark"] [role="button"]::selection{
    background:transparent!important;
    color:inherit!important;
  }
}

/* ========================================================================== */
/* v50 — footer baseline: keep the information footer at one stable level      */
/* ========================================================================== */
html,body,#app{min-height:100%}
#app{min-height:100vh;min-height:100dvh}
.shell{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
}
.shell>main{flex:1 0 auto;min-height:0}
.site-footer{
  margin-top:auto!important;
  flex:0 0 auto;
}
@media(max-width:720px){
  /* The fixed mobile navigation occupies the bottom clearance. The footer
     now always ends at the same baseline above it on short pages, while long
     pages keep normal document flow and never get covered. */
  .shell{min-height:100svh;min-height:100dvh}
  .site-footer{margin-top:auto!important}
}