:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16243b;background:#ffffff;line-height:1.45;--blue:#0863c7;--blue-soft:#e8f2ff;--muted:#566579;--line:#dce5ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0863c7;outline-offset:3px}.skip{position:fixed;top:-80px;left:16px;background:white;padding:12px;z-index:99}.skip:focus{top:12px}.app-shell{max-width:1180px;margin:auto;padding:0 28px 110px}.app-header{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:26px;font-weight:780;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;width:46px;height:46px;border-radius:15px;font-size:30px}.brand-sub{display:block;font-size:10px;letter-spacing:.3px;color:var(--muted);font-weight:500}.mode-badge{font-size:10px;background:#edf5ff;border:1px solid #d4e5fb;color:#335d8e;padding:5px 9px;border-radius:7px;font-weight:800;letter-spacing:1px}.mode-note{font-size:11px;color:#566579;border-top:1px solid var(--line);padding:10px 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px;line-height:1.3;margin-bottom:5px}.intro{display:flex;justify-content:space-between;align-items:center;margin:15px 0 25px}.intro p{color:var(--muted);font-size:14px;margin:0}.eyebrow{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:750;margin-bottom:10px}.primary,.secondary,.danger,.quiet{border:0;border-radius:11px;padding:12px 17px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--blue);color:white}.primary:hover{background:#0754aa}.secondary{background:var(--blue-soft);color:var(--blue)}.quiet{background:transparent;color:var(--muted);padding:8px}.danger{background:#fff1ec;color:#a34229}.tabs{display:flex;background:#edf5ff;padding:5px;border-radius:14px;gap:4px;max-width:470px;margin-bottom:24px}.tabs button{flex:1;border:0;background:none;padding:12px 22px;border-radius:10px;color:#435b78;font-weight:650}.tabs button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 2px 5px #16243b0a}.catalog-layout{display:grid;grid-template-columns:245px 1fr;gap:26px;align-items:start}.filter-panel{background:white;border:1px solid var(--line);padding:20px;border-radius:17px;position:sticky;top:16px}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-title h2{font-size:16px;margin:0}.filter-title button{font-size:11px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;min-width:0}.field>span,.field>label{font-size:12px;font-weight:650;color:#35475f}input,select,textarea{width:100%;min-height:43px;padding:10px 11px;border:1px solid #dce5ef;border-radius:9px;background:#ffffff;color:#16243b;min-width:0}input::placeholder,textarea::placeholder{color:#65758b}select{cursor:pointer}textarea{resize:vertical;min-height:115px}.range{display:grid;grid-template-columns:1fr 1fr;gap:7px}.range input{font-size:12px;padding:10px 8px}.filter-panel .primary{width:100%;font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.result-count{font-size:14px;font-weight:650}.toolbar select{width:auto;font-size:12px;min-height:36px;background:transparent;border:0;padding:7px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #16372a0c}.card-link{display:block}.card-art{aspect-ratio:1.7;position:relative;overflow:hidden;background:#edf3fa}.card-art svg{width:100%;height:100%;display:block}.art-label{position:absolute;bottom:10px;left:12px;background:#ffffffdb;border-radius:5px;padding:3px 6px;font-size:9px;color:#4c6079}.card-content{padding:15px 17px}.price{font-size:23px;font-weight:750;letter-spacing:-.6px;margin-bottom:5px}.price small{font-size:12px;font-weight:500}.card h3{font-size:15px}.spec{color:#566579;font-size:12px;margin:0 0 14px}.card-meta{border-top:1px solid #edf2f8;padding-top:10px;display:flex;justify-content:space-between;font-size:11px;color:#596b82}.status{display:inline-block;background:#fff4d7;color:#826225;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:650}.status.published{background:var(--blue-soft);color:var(--blue)}.status.sold,.status.rented{background:#e9edef;color:#59666b}.card-actions{padding:0 17px 15px;display:flex;gap:7px;flex-wrap:wrap}.card-actions button{font-size:11px;padding:9px}.bottom-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;padding:7px;background:#173e70;color:#e8f2ff;border-radius:19px;box-shadow:0 12px 35px #173e7030;z-index:20;width:390px;max-width:calc(100% - 28px)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;font-size:10px;gap:0;padding:6px;border-radius:12px;font-weight:600}.bottom-nav a span{font-size:23px;line-height:1.1;margin-bottom:3px}.bottom-nav a[aria-current=page]{background:#0863c7;color:white}.empty{background:white;padding:54px 25px;border:1px dashed #bed3ec;border-radius:18px;text-align:center;grid-column:1/-1}.empty-icon{display:block;font-size:35px;color:#0863c7;margin-bottom:14px}.empty p{color:var(--muted);font-size:14px;max-width:370px;margin:0 auto 22px}.notice{background:#edf5ff;border:1px solid #dce5ef;border-radius:12px;padding:14px 17px;font-size:13px;color:#4c6079;margin:20px 0}.notice.warning{background:#fff6e3;border-color:#efdfb9;color:#826835}.form-layout{max-width:790px;margin:auto}.form-sheet{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.form-section{font-size:16px;margin:16px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.helper{font-size:11px;font-weight:400;color:var(--muted)}.error{padding:12px;background:#fff1eb;color:#a13d26;border-radius:10px;font-size:13px;margin-bottom:16px}.back{display:inline-block;font-size:13px;color:var(--muted);margin:7px 0 23px}.detail-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:start}.detail-art{border-radius:18px;overflow:hidden;aspect-ratio:1.45;background:#edf3fa;position:relative}.detail-art svg{height:100%;width:100%}.detail-side{background:white;border:1px solid var(--line);padding:25px;border-radius:18px}.detail-side h1{font-size:27px}.detail-side .price{font-size:30px}.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.detail-specs div{border-bottom:1px solid var(--line);padding-bottom:8px}.detail-specs dt{font-size:11px;color:var(--muted);margin-bottom:4px}.detail-specs dd{margin:0;font-size:14px;font-weight:600}.description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#4c6079}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-130px);background:#173e70;color:white;padding:14px 22px;border-radius:12px;z-index:100;font-size:13px;max-width:90%;transition:transform .2s;box-shadow:0 5px 20px #0002}.toast.show{transform:translate(-50%,0)}.steps{display:flex;gap:12px;color:#65758b;font-size:12px;margin-bottom:25px}.steps .active{color:var(--blue);font-weight:700}.preview-summary{margin-top:20px;padding:20px;background:#edf5ff;border-radius:12px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.chip{padding:5px 9px;font-size:11px;background:var(--blue-soft);color:var(--blue);border-radius:20px}.loading{padding:65px;text-align:center;color:var(--muted)}.mobile-filter-toggle{display:none}.local-photo{width:100%;height:100%;object-fit:cover}.file-preview{display:flex;gap:10px;flex-wrap:wrap}.file-preview img{width:85px;height:65px;object-fit:cover;border-radius:7px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.no-wrap{white-space:nowrap}@media(max-width:850px){.app-shell{padding:0 20px 105px}.catalog-layout{grid-template-columns:210px 1fr;gap:18px}.cards{grid-template-columns:1fr}.detail-layout{gap:18px}.intro h1{font-size:30px}}@media(max-width:620px){.app-shell{padding:0 16px 110px}.app-header{height:75px}.brand{font-size:24px}.brand-mark{width:40px;height:40px;font-size:27px}.mode-note{font-size:10px;padding:9px 0 13px}.intro{margin:13px 0 22px}.intro h1{font-size:29px;max-width:290px}.intro p{font-size:12px}.intro>.primary{display:none}.tabs{max-width:none;margin-bottom:18px}.tabs button{padding:11px}.catalog-layout{display:flex;flex-direction:column;gap:14px}.filter-panel{width:100%;position:static;padding:17px}.filter-panel.collapsed .filter-body{display:none}.filter-panel.collapsed .filter-title{margin:0}.filter-body{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.filter-body>.field:has(.range){grid-column:1/-1}.filter-body>.primary{grid-column:1/-1}.mobile-filter-toggle{display:inline-flex;border:0;background:var(--blue-soft);padding:5px 10px;border-radius:7px;color:var(--blue);font-size:11px}.filter-title{gap:10px}.filter-title .quiet{margin-left:auto}.catalog-results{width:100%}.toolbar{margin:3px 0 13px}.cards{grid-template-columns:1fr;gap:16px}.card-art{aspect-ratio:1.9}.card-content{padding:15px 17px}.card h3{font-size:16px}.price{font-size:24px}.bottom-nav{bottom:12px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.form-sheet{padding:20px 16px}.form-grid{gap:0 12px}.form-grid>.field{grid-column:1/-1}.form-grid>.field.compact{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.detail-layout{grid-template-columns:1fr}.detail-side{padding:22px 18px}.detail-art{aspect-ratio:1.5}.detail-side h1{font-size:26px}.section-top h1{font-size:29px}.section-top .primary{font-size:11px;padding:10px}.back{margin-bottom:15px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.detail-title{margin-top:15px}.save-search{margin:0 0 18px;font-size:12px;width:100%;background:#edf5ff;border:1px dashed #9fbfe6}.my-listings-link{font-size:12px;color:var(--blue);font-weight:600;margin-left:auto;margin-right:16px;letter-spacing:0}.form-layout>.my-listings-link{float:right;margin-top:7px}.subscription-list{display:grid;gap:16px;max-width:800px}.subscription-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.subscription-card h2{margin:6px 0 12px}.subscription-card .card-actions{padding:8px 0 0}.subscription-card .eyebrow{margin:0}.check-field{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:13px}.check-field input{width:19px;height:19px;min-height:19px;margin:2px 0;accent-color:var(--blue)}@media(max-width:620px){.my-listings-link{font-size:10px;margin-right:12px}.subscription-card{padding:18px}.subscription-card .section-top{align-items:flex-start}.subscription-card .status{font-size:9px}.brand-sub{font-size:8px}}
.channel-line{display:flex;align-items:center;gap:10px;margin:-14px 0 20px;font-size:10px;color:#596b82}.channel-line button{font-size:11px;padding-left:0;opacity:.7}.tabs{max-width:650px}.tabs button{padding:12px 15px}@media(max-width:620px){.tabs button{font-size:12px;padding:11px 6px}.channel-line{flex-wrap:wrap;gap:0;margin-bottom:15px}.channel-line span{width:100%;margin-top:-3px}.price:has(small){font-size:22px}}
.city-selector{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin:0 0 14px}.city-selector select{width:150px;background:#fff;font-size:12px;min-height:34px;padding:6px 10px}.city-selector small{font-size:10px}@media(max-width:620px){.city-selector{flex-wrap:wrap;gap:7px}.city-selector small{margin-left:auto;font-size:9px}}
.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.photo-gallery img{aspect-ratio:1.4;border-radius:12px;background:#edf3fa}
.city-selector input{width:160px;min-height:34px;padding:6px 10px;font-size:12px;background:#fff}.city-selector select{width:200px}.form-city{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px}.city-selector>span{font-weight:650;color:var(--blue)}@media(max-width:620px){.city-selector{display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.city-selector>span,.city-selector>small{grid-column:1/-1;margin-left:0}.city-selector input,.city-selector select{width:100%}.form-city{grid-template-columns:1fr;gap:0}}
.status.filled{background:#e9edef;color:#59666b}

[hidden]{display:none!important}.moderation-link{display:inline-block;color:var(--blue);font-weight:650;font-size:13px;margin:0 0 18px}.moderation-link[aria-current=page]{text-decoration:underline}.moderation-error:empty{display:none}.subscription-card form{margin-top:18px}

.publication-panel{max-width:800px;margin-top:32px}.publication-status{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.publication-status .helper{margin:10px 0 0;overflow-wrap:anywhere}.publication-status .description{margin:10px 0 0}.publication-status .notice{margin:12px 0 0}

/* Blue palette and touch-friendly controls. Existing navigation and data flow are preserved. */
:root{font-size:17px;--blue-primary:#0863c7;--blue-hover:#0754aa;--blue-selected:#d8eaff}
button,input,select,textarea{font-size:17px}
.primary,.secondary,.danger,.quiet{min-height:48px;font-size:16px}
.primary,.brand-mark{background:var(--blue-primary);color:#fff}
.primary:hover{background:var(--blue-hover)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#0863c7}
.brand{font-size:28px}.brand-sub{font-size:12px}.mode-badge{font-size:12px}.mode-note{font-size:13px}
.catalog-actions{display:flex;justify-content:flex-end;margin:0 0 18px}
.tabs{max-width:700px;background:#edf5ff}.tabs button{font-size:17px;min-height:52px;padding:12px 16px}
.tabs button[aria-pressed=true]{background:var(--blue-selected);color:#16243b}
.catalog-layout{grid-template-columns:270px minmax(0,1fr)}
.filter-title h2{font-size:18px}.filter-title button{font-size:14px}
.field>span,.field>label{font-size:14px}
input,select,textarea{min-height:52px;padding:12px 13px}
.range input{font-size:16px;padding:12px 10px}
.filter-panel .primary{font-size:16px}.result-count{font-size:16px}
.toolbar select{font-size:16px;min-height:48px;padding:10px;max-width:100%}
.card h3{font-size:18px}.price{font-size:26px}.price small{font-size:14px}
.spec{font-size:14px}.card-meta{font-size:13px;gap:8px;flex-wrap:wrap}
.art-label{font-size:11px}.status{font-size:12px}.card-actions button{font-size:14px}
.bottom-nav{width:430px;background:var(--blue-primary);color:#16243b}
.bottom-nav a{font-size:12px;min-height:58px;padding:8px 6px}
.bottom-nav a[aria-current=page]{background:#0863c7;color:white}
.empty p{font-size:16px}.notice,.error{font-size:15px}
.form-section{font-size:18px}.helper{font-size:13px}.back{font-size:16px;min-height:44px}
.detail-specs dt{font-size:13px}.detail-specs dd,.description{font-size:16px}
.toast{font-size:15px}.steps{font-size:14px;flex-wrap:wrap}.chip{font-size:13px}
.save-search{font-size:16px}.my-listings-link{font-size:14px}.check-field{font-size:16px}
.check-field input{width:24px;height:24px;min-height:24px;flex-shrink:0}
.channel-line{font-size:12px;gap:6px 10px}.channel-line button,.channel-line a{font-size:14px}
.city-selector{font-size:16px;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.form-city{grid-template-columns:minmax(0,1fr)}.city-selector label{min-width:0}.city-selector select{width:250px;min-height:52px;font-size:17px;padding:12px 13px}
.city-selector small{font-size:13px}.moderation-link{font-size:16px;min-height:44px}
@media(max-width:850px){.catalog-layout{grid-template-columns:240px minmax(0,1fr)}.toolbar{flex-wrap:wrap}}
@media(max-width:620px){
 .app-shell{padding-bottom:130px}.app-header{gap:10px}.brand{font-size:25px}.brand-sub{font-size:10px}
 .my-listings-link{font-size:12px;margin-right:0}.mode-badge{font-size:10px;padding:5px 7px}.mode-note{font-size:12px}
 .catalog-actions{display:none}.tabs{flex-wrap:wrap}.tabs button{font-size:16px;padding:12px 10px;flex:1 0 auto;white-space:nowrap}
 .city-selector{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.city-selector select{width:100%}
 .city-selector small{font-size:13px}.filter-title{flex-wrap:wrap}.filter-title button,.mobile-filter-toggle{font-size:14px;min-height:44px}
 .toolbar{gap:6px 10px}.toolbar select{padding-left:0}.card h3{font-size:18px}.price,.price:has(small){font-size:26px}
 .section-top{flex-wrap:wrap}.section-top .primary{font-size:14px;min-height:48px}.subscription-card .status{font-size:12px}
 .channel-line span{margin-top:0}.bottom-nav{bottom:12px}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:360px){.app-header{gap:7px}.my-listings-link{max-width:85px}.filter-title{gap:6px}}

.withdrawn-listings{margin-top:28px}.withdrawn-listings summary{cursor:pointer;font-weight:700;font-size:17px;min-height:48px;padding:12px 0}.withdrawn-listings>.cards{margin-top:16px}

/* White/blue candidate: compact listing rows, not a city hero or Telegram chrome. */
:root{--blue:#0863c7;--blue-soft:#e8f2ff;--muted:#566579;--line:#dce5ef;background:#fff;color:#16243b}
.app-shell{max-width:1120px}.app-header{height:76px;gap:12px}.brand{font-size:25px;letter-spacing:-.7px}.brand-mark{width:42px;height:42px;border-radius:50%;flex-shrink:0}.brand-mark svg{width:30px;height:30px}.brand-sub{font-size:11px;letter-spacing:0}.mode-badge{letter-spacing:.5px}
.mode-note{padding:8px 0 12px;color:var(--muted)}.catalog-actions{margin-bottom:12px}.tabs{margin-bottom:16px}.city-selector{margin-bottom:14px}.channel-line{margin:0 0 14px}.channel-line .quiet{padding-top:4px;padding-bottom:4px}
.cards{grid-template-columns:minmax(0,1fr);gap:12px}.card{border-radius:14px;box-shadow:0 2px 8px #18345b06}.card:hover{transform:none;box-shadow:0 3px 12px #18345b12}.card-link{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:12px;align-items:start}.card-art{width:120px;aspect-ratio:1;min-height:0;border-radius:10px}.card-art svg{object-fit:cover}.card-art .art-label{left:4px;right:4px;bottom:4px;font-size:9px;line-height:1.25;padding:3px;text-align:center;background:#fffffff0;color:#35475f}.card-content{padding:0;min-width:0}.card h3{font-size:17px;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.price,.price:has(small){color:var(--blue);font-size:22px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere;margin:0 0 6px}.price small{font-size:13px}.spec{margin:0 0 7px;font-size:13px;overflow-wrap:anywhere}.card-meta{border-top:0;padding-top:0;gap:5px 8px;justify-content:flex-start;font-size:12px;overflow-wrap:anywhere}.card-actions{padding:0 12px 12px;gap:8px}.card-actions button{min-height:48px}.card>.notice{margin:0 12px 12px}.status{max-width:100%;overflow-wrap:anywhere}
.bottom-nav{background:#fff;color:#596b82;border:1px solid var(--line);box-shadow:0 5px 24px #173e7015}.bottom-nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue)}.bottom-nav a span{display:flex;align-items:center;justify-content:center;height:24px}.bottom-nav svg{width:23px;height:23px}
.detail-side .price{color:var(--blue)}.detail-art .art-label{font-size:11px}.primary:hover{background:#0754aa}.back{display:inline-flex;align-items:center}.my-listings-link{display:inline-flex;align-items:center;min-height:44px}.moderation-link{align-content:center}.form-sheet{box-shadow:0 2px 12px #18345b04}
@media(max-width:620px){.app-shell{padding:0 14px 132px}.app-header{height:70px;gap:8px}.brand{font-size:23px}.brand-mark{width:38px;height:38px}.brand-sub{font-size:10px}.my-listings-link{font-size:12px;max-width:91px;text-align:center}.mode-badge{font-size:9px;padding:4px 6px}.mode-note{font-size:12px;line-height:1.5}.tabs{gap:4px;padding:4px;flex-wrap:nowrap}.tabs button{font-size:13px;flex:1 1 0;min-width:0;min-height:48px;padding:10px 4px;white-space:normal;overflow-wrap:anywhere}.filter-panel{padding:12px 14px;border-radius:12px}.card-link{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:10px}.card-art{width:96px}.card h3{font-size:16px}.price,.price:has(small){font-size:20px}.card-actions{padding:0 10px 10px}.card-actions button{flex:1 1 auto}.bottom-nav{bottom:8px}.toolbar select{font-size:15px}.form-sheet{padding:18px 14px}.form-actions{gap:10px}.detail-art{aspect-ratio:1.5}.detail-side .price{font-size:28px}.channel-line{gap:2px}.channel-line .quiet{font-size:13px;min-height:44px}}
@media(max-width:360px){.app-header{flex-wrap:wrap;height:auto;min-height:70px;padding:10px 0;gap:6px}.brand{flex:1}.brand-sub{font-size:9px}.my-listings-link{font-size:11px;max-width:78px}.card-link{grid-template-columns:84px minmax(0,1fr);gap:9px}.card-art{width:84px}.card h3{font-size:15px}.price,.price:has(small){font-size:18px}.spec{font-size:12px}.tabs button{font-size:12px}}

/* Reference refinement: compact white/blue marketplace; no simulated Telegram UI. */
:root{--blue:#087bfa;--blue-primary:#087bfa;--blue-hover:#0665d0;--blue-soft:#eaf4ff;--muted:#738299;--line:#e7edf4;font-size:15px;color:#101e38}
.app-header{height:64px;border-bottom:1px solid #f0f3f8;position:relative;margin-bottom:12px}.brand{font-size:20px;letter-spacing:-.5px;gap:9px}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-mark svg{width:25px;height:25px}.brand-sub{font-size:10px;font-weight:400;color:var(--muted);margin-top:1px}
.pilot-info{margin-left:auto;position:relative;z-index:30}.pilot-info>summary{display:flex;align-items:center;gap:5px;min-height:44px;cursor:pointer;color:#71829a;font-size:12px;list-style:none}.pilot-info>summary::-webkit-details-marker{display:none}.mode-badge{font-size:9px;padding:4px 6px;font-weight:650;background:#f1f6fc;color:#5b718d;border:0;letter-spacing:.6px}.pilot-popover{position:absolute;right:0;top:46px;width:280px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #172d4b1c}.mode-note{font-size:12px;border:0;padding:0}.moderation-link{font-size:13px;min-height:44px;margin:5px 0 0}
.city-selector{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;color:#6e7e95;font-size:12px;min-width:0}.city-selector>span{font-size:12px;font-weight:500;color:#6e7e95}.city-selector label{max-width:58%}.city-selector select{min-height:44px;width:190px;max-width:100%;border:0;border-radius:9px;background:#f3f7fc;color:#263d5d;font-size:15px;padding:9px 10px}.catalog-actions{display:none}
.tabs{padding:0;background:transparent;max-width:none;gap:10px;margin-bottom:12px}.tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:11px;min-height:72px;font-size:12px;padding:10px 4px;min-width:0;color:#087bfa;background:#f0f7ff;border:1px solid transparent;font-weight:600}.tabs button svg{width:26px;height:26px}.tabs button[data-category=property]{color:#1d9b6c;background:#eef9f3}.tabs button[data-category=job]{color:#9454cb;background:#f6f0fc}.tabs button[aria-pressed=true]{box-shadow:none;color:#087bfa;background:#e8f3ff;border-color:#b9dcff}.tabs button[data-category=property][aria-pressed=true]{color:#16865c;background:#e8f7ee;border-color:#a5dfbd}.tabs button[data-category=job][aria-pressed=true]{color:#8543bd;background:#f1e7fb;border-color:#d8b9f0}
.filter-panel{padding:12px;border-radius:10px}.filter-title{gap:8px}.filter-title h2{font-size:14px;font-weight:600}.filter-title button{font-size:12px;min-height:44px}.filter-title .quiet{padding:8px}.mobile-filter-toggle{background:#edf5ff;padding:8px 12px}.filter-panel.collapsed .filter-title{margin:0}.filter-panel.collapsed{padding:0 10px;background:#f7f9fc;border:0}.filter-body{padding-top:10px}
.toolbar{gap:6px;margin:0 0 4px;flex-wrap:nowrap;align-items:center}.feed-heading{font-size:18px;line-height:1.2;letter-spacing:-.35px;margin:0 0 3px}.result-count{font-size:11px;font-weight:400;color:var(--muted)}.toolbar label{max-width:47%}.toolbar select{min-height:44px;font-size:12px;padding:6px 0;border:0;color:#6f8098;width:100%}.search-options{margin:0 0 10px;border-bottom:1px solid #f0f3f8;font-size:12px;color:#437bae}.search-options>summary{padding:6px 0 10px;min-height:32px;cursor:pointer}.search-options .save-search{min-height:44px;font-size:13px;margin:4px 0 8px;border:1px solid #d4e8ff}.channel-line{margin:0 0 12px;display:block;font-size:11px}.channel-line .quiet{font-size:12px;min-height:44px}.channel-line span{display:block}
.cards{gap:10px}.card{border:1px solid #eef2f7;border-radius:11px;box-shadow:0 3px 10px #18345b09}.card-link{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:8px}.card-art{width:100px;border-radius:7px}.card h3{font-size:15px;margin:1px 0 4px;line-height:1.25;font-weight:650}.price,.price:has(small){font-size:18px;font-weight:700;color:#087bfa;margin-bottom:5px;letter-spacing:-.3px}.price small{font-size:11px}.spec{font-size:11px;color:#738299;margin-bottom:6px;line-height:1.4}.card-meta{font-size:11px;color:#7c8ba1}.card-actions{padding:0 8px 8px;gap:6px}.card-actions button{font-size:12px;min-height:44px;padding:7px 10px}.status{font-size:10px;padding:3px 7px;border-radius:7px}.status.approved{background:#e5f7e9;color:#23874b}.status.pending{background:#fff2cf;color:#a2740b}
.bottom-nav{bottom:0;left:0;transform:none;width:100%;max-width:none;border:0;border-top:1px solid #e7edf4;border-radius:0;padding:5px max(8px,calc((100% - 700px)/2)) max(6px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #1b355407;background:#fff}.bottom-nav a{font-size:10px;min-height:54px;padding:5px 2px;gap:3px;font-weight:400;white-space:nowrap;border-radius:0;color:#728199}.bottom-nav a[aria-current=page]{background:transparent;color:#087bfa}.bottom-nav a span{height:23px;margin-bottom:0}.bottom-nav svg{width:22px;height:22px}.bottom-nav a:nth-child(2) span{border:1.6px solid currentColor;border-radius:50%;width:21px;height:21px;font-size:19px;line-height:1}
h1{font-size:27px;letter-spacing:-.65px}h2{font-size:19px}.section-top h1{margin-bottom:0}.section-top .primary{font-size:13px;min-height:44px;padding:10px 13px}.account-note{font-size:12px;color:#7a899e;margin:9px 0 20px}.back{min-height:36px;font-size:13px;margin:0 0 10px;color:#087bfa}.detail-layout{gap:16px}.detail-art{border-radius:10px;aspect-ratio:1.5}.detail-side{border:0;border-radius:0;padding:0}.detail-side h1{font-size:24px;margin:10px 0 7px}.detail-side .price{font-size:26px}.detail-specs{margin:18px 0;gap:12px}.detail-specs dt{font-size:11px}.detail-specs dd{font-size:14px}.description{font-size:14px;line-height:1.5}.notice{font-size:12px;padding:10px 12px;margin:14px 0;border-radius:8px}.detail-layout>.detail-media>.notice{margin-bottom:0}.form-info{font-size:12px;color:#738299;margin-bottom:12px}.form-info summary{min-height:32px;cursor:pointer}.form-info .notice{margin-top:3px}.steps{font-size:11px;gap:7px;margin-bottom:10px}.form-sheet{margin-top:0;padding:18px;border-radius:10px;box-shadow:none}.field{margin-bottom:13px;gap:6px}.field>span,.field>label{font-size:13px;font-weight:500;color:#24354f}input,select,textarea{min-height:44px;font-size:16px;padding:10px 11px;border-radius:7px}.helper{font-size:11px;line-height:1.4}.form-section{font-size:15px;margin:9px 0 14px;padding-bottom:9px}.form-actions{margin-top:16px}.primary,.secondary,.danger,.quiet{font-size:14px;min-height:44px;border-radius:8px}.file-preview{margin-bottom:14px}.file-preview:empty{display:none}.form-layout>.my-listings-link{font-size:12px;min-height:36px;margin-top:0}.form-sheet input[type=file]{background:#f5f9ff;border:1px dashed #c7daef;font-size:12px;min-height:64px;padding:17px 10px}.form-sheet input[type=file]::file-selector-button{border:0;background:#e2efff;color:#087bfa;padding:7px;border-radius:6px;margin-right:6px}
@media(max-width:620px){.app-shell{padding:0 14px 92px}.app-header{height:60px;flex-wrap:nowrap;padding:0;margin-bottom:8px}.brand{font-size:20px;flex:none}.brand-sub{font-size:10px}.city-selector{display:flex;flex-wrap:nowrap;margin-bottom:10px}.city-selector>span{grid-column:auto;max-width:45%}.city-selector label{max-width:55%}.city-selector select{width:180px;font-size:14px}.tabs{flex-wrap:nowrap;gap:8px}.tabs button{font-size:11px;min-height:70px;flex:1 1 0;padding:8px 2px;white-space:normal}.catalog-layout{gap:12px}.filter-title{flex-wrap:nowrap}.filter-title h2{font-size:13px}.filter-title button{font-size:12px}.filter-title .quiet{margin-left:auto}.card-link{grid-template-columns:94px minmax(0,1fr);gap:11px;padding:8px}.card-art{width:94px}.card h3{font-size:14px}.price,.price:has(small){font-size:18px}.spec{font-size:11px}.card-actions button{flex:1 1 auto}.bottom-nav{bottom:0}.form-sheet{padding:0;border:0}.form-layout h1{font-size:24px;margin-bottom:12px}.form-layout>.my-listings-link{max-width:none}.form-grid>.field.compact{grid-column:auto}.section-top h1{font-size:25px}.detail-layout{gap:14px}.detail-side{padding:0}.detail-side h1{font-size:24px}.detail-side .price{font-size:27px}.detail-art{aspect-ratio:1.45}.photo-gallery{gap:7px}.subscription-card{padding:14px}.subscription-card .status{font-size:10px}.detail-layout>.detail-media>.notice{font-size:11px}}
@media(min-width:621px){.pilot-popover{width:320px}.catalog-layout{grid-template-columns:240px minmax(0,1fr)}.mobile-filter-toggle{display:none}.filter-body{display:block}.search-options{margin-bottom:12px}.card-link{grid-template-columns:120px minmax(0,1fr)}.card-art{width:120px}.card h3{font-size:17px}.spec{font-size:13px}.price{font-size:22px}.app-shell{padding-bottom:110px}}

/* Saturated dimensional category artwork, matching the reference's vivid icons. */
.tabs button .category-icon{width:36px;height:36px;flex:none;overflow:visible;filter:drop-shadow(0 2px 1px #29466a0a)}
.tabs button{gap:3px;padding-top:6px;padding-bottom:7px}
.tabs button[data-category=car]{background:#edf6ff;color:#0074f7}
.tabs button[data-category=property]{background:#edfaf3;color:#07894f}
.tabs button[data-category=job]{background:#f5eeff;color:#8434ce}
.tabs button[data-category=car][aria-pressed=true]{background:#e3f1ff;border-color:#97caff;color:#0069e8}
.tabs button[data-category=property][aria-pressed=true]{background:#e2f8ec;border-color:#7bd9a6;color:#087a49}
.tabs button[data-category=job][aria-pressed=true]{background:#eee2ff;border-color:#c4a0ef;color:#792bc6}
@media(max-width:620px){.tabs button .category-icon{width:35px;height:35px}.tabs button{gap:2px;min-height:70px;padding:5px 2px 7px}}

/* Real listing search; compact controls are separate from the optional city scope. */
.listing-search{display:flex;align-items:center;gap:4px;min-width:0;min-height:46px;margin:0 0 10px;padding:0 4px 0 10px;border:1px solid #e3ecf7;border-radius:11px;background:#f3f7fc}
.listing-search .search-icon{display:flex;align-items:center;justify-content:center;flex:none;width:20px;color:#087bfa}
.listing-search .search-icon svg{width:19px;height:19px;display:block}
.listing-search input{flex:1 1 80px;min-width:0;width:0;min-height:44px;padding:10px 4px;border:0;border-radius:7px;background:transparent;font-size:16px;color:#20334e;box-shadow:none}
.listing-search input::placeholder{color:#8190a6;font-size:13px}
.listing-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.listing-search button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:8px;border:0;border-radius:8px;background:transparent;font-size:13px;color:#087bfa}
.listing-search .search-submit{font-weight:600}
.listing-search .search-clear{color:#738299;font-size:20px;line-height:1}
.listing-search .search-filter{background:#e7f1ff;color:#087bfa}
.listing-search .search-filter[aria-expanded=true]{background:#087bfa;color:white}
.listing-search button svg{width:20px;height:20px;display:block}
@media(max-width:620px){main:has(.listing-search .search-filter) #filters.collapsed{display:none}.listing-search{gap:2px;padding-left:8px}.listing-search .search-submit{padding:8px 5px;min-width:44px}.listing-search .search-icon{width:18px}}
@media(min-width:621px){.listing-search .search-filter{display:none}}
.listing-search>.search-icon{height:20px}

/* Keep test identity visible without displacing the listing feed. */
.test-catalog-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;margin:8px 0 10px;min-height:44px}
.test-catalog-banner strong{font-size:10px;line-height:1.2;letter-spacing:.02em}
.test-catalog-banner button{min-height:44px;padding:6px 0 6px 8px;font-size:12px;white-space:nowrap;background:transparent}

/* 2026-10-18: cohesive reference-led, accessible marketplace surfaces. */
:root{font-size:16px;color:#10213A;background:#F6F8FC;--blue:#0969DA;--blue-primary:#0969DA;--blue-hover:#0758B6;--blue-soft:#EAF3FF;--muted:#52637A;--line:#E2E8F0}
body{background:#F6F8FC}main{min-width:0}.app-shell{padding-left:24px;padding-right:24px}.app-header{height:76px;margin-bottom:16px;border-bottom:1px solid var(--line)}.brand{font-size:22px;color:#10213A}.brand-sub{font-size:12px;color:var(--muted)}.brand-mark{width:40px;height:40px;border-radius:12px}.mode-badge{font-size:11px;color:#52637A;background:#EAF0F7}.pilot-info>summary{min-width:60px;justify-content:center}.pilot-popover{max-width:calc(100vw - 32px);background:#fff}.mode-note{font-size:14px}
h1{font-size:28px;line-height:1.2;letter-spacing:-.7px}h2{font-size:20px;line-height:1.3}h3{font-size:17px}.primary,.secondary,.danger,.quiet{font-size:16px;min-height:48px;padding:12px 16px;border-radius:10px;line-height:1.35}.primary{background:var(--blue)}.quiet{color:var(--muted)}.danger{color:#A33D29;background:#FFF0ED}input,select,textarea{font-size:16px;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:10px;color:#10213A}input::placeholder,textarea::placeholder{color:#64748B}.field>span,.field>label{font-size:16px;font-weight:600;color:#24364D}.field{gap:8px;margin-bottom:22px}.helper{font-size:13px;line-height:1.55;color:var(--muted)}textarea{min-height:144px}.notice{font-size:14px;line-height:1.55;padding:14px;border-radius:12px;overflow-wrap:anywhere}.description{font-size:16px;line-height:1.6;color:#344760}.error{font-size:15px}.back,.my-listings-link,.form-layout>.my-listings-link{min-height:44px;font-size:14px;align-items:center}.back{margin-bottom:12px}.form-layout>.my-listings-link{max-width:none}
.city-selector{background:#fff;padding:10px 12px;border:1px solid var(--line);border-radius:12px;gap:12px;margin-bottom:14px}.city-selector>span{font-size:14px;font-weight:650;color:#24364D;max-width:45%}.city-selector label{flex:1;max-width:58%}.city-selector select{width:100%;min-height:44px;font-size:16px;color:var(--blue);background:var(--blue-soft);border:0;padding:10px}.listing-search{min-height:50px;background:white;border-color:var(--line);border-radius:12px;margin-bottom:14px;gap:3px}.listing-search input{font-size:16px;min-height:48px}.listing-search input::placeholder{font-size:14px;color:#52637A}.listing-search button{font-size:14px;min-height:44px}.listing-search .search-filter{color:var(--blue);background:var(--blue-soft)}
.tabs{gap:10px;margin-bottom:20px}.tabs button{min-height:82px;border-radius:12px;font-size:13px;font-weight:600;padding:9px 3px;gap:5px}.tabs button .category-icon{width:34px;height:34px}.tabs button[data-category=car]{color:#0969DA}.tabs button[data-category=property]{color:#157A51}.tabs button[data-category=job]{color:#7C3BB0}.tabs button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
.toolbar{margin-bottom:8px;gap:10px}.feed-heading{font-size:20px;line-height:1.25;margin:0 0 4px}.result-count{font-size:13px;color:var(--muted)}.toolbar label{max-width:46%}.toolbar select{font-size:13px;min-height:44px;color:var(--muted)}.search-options{margin-bottom:14px;border-color:var(--line);font-size:14px;color:var(--blue)}.search-options>summary,.form-info>summary{display:flex;align-items:center;min-height:44px;padding:10px 0;cursor:pointer}.search-options>summary:after,.form-info>summary:after{content:'⌄';margin-left:auto;padding-left:8px}.search-options .save-search{font-size:16px}.channel-line{font-size:13px;color:var(--muted)}.channel-line .quiet{font-size:14px;min-height:44px}.filter-panel{border-radius:14px;padding:16px}.filter-title h2{font-size:18px}.filter-title button{font-size:14px}.filter-body{padding-top:14px}.filter-body .field{margin-bottom:18px}.filter-title{margin-bottom:4px}.range input{font-size:16px}.mobile-filter-toggle{min-height:44px}.filter-panel .primary{font-size:16px}
.cards{gap:12px}.card{border-radius:12px;border:1px solid var(--line);box-shadow:0 2px 8px #10213A04;background:#fff}.card-link{grid-template-columns:88px minmax(0,1fr);padding:12px;gap:12px}.card-art{width:88px;height:88px;aspect-ratio:1;border-radius:10px}.card h3{font-size:16px;font-weight:650;line-height:1.35;margin:0 0 5px}.price,.price:has(small){font-size:18px;color:var(--blue);font-weight:750;line-height:1.3;letter-spacing:-.3px;margin-bottom:6px}.price small{font-size:12px}.spec{font-size:13px;line-height:1.4;color:var(--muted);margin-bottom:6px}.card-meta{font-size:12px;line-height:1.4;color:var(--muted)}.card-art .art-label{font-size:9px;line-height:1.2}.status{font-size:12px;font-weight:600;padding:5px 8px;border-radius:7px;line-height:1.35}.status.approved{color:#176A3B;background:#E7F5EC}.status.pending{color:#825B06;background:#FFF3D6}.status.revision,.status.rejected{color:#A33D29;background:#FFF0ED}.card-actions{padding:0 12px 12px;gap:8px}.card-actions button{min-height:48px;font-size:15px;padding:12px;flex:1 1 auto}.owned-card .card-actions{border-top:1px solid var(--line);padding-top:12px}.owned-card .card-meta{margin-top:8px}.card>.notice{margin:0 12px 12px}.account-note{font-size:14px;margin:10px 0 22px;color:var(--muted)}.section-top{gap:12px}.section-top h1{font-size:27px}.section-top .primary{font-size:15px;min-height:48px;padding:12px 14px}
.detail-layout{gap:22px}.detail-art{aspect-ratio:1.35;border-radius:14px}.detail-side{padding:20px;background:white;border-radius:14px;border:1px solid var(--line)}.detail-side h1{font-size:25px;line-height:1.25;margin:12px 0 8px}.detail-side .price{font-size:26px;margin-top:10px}.detail-specs{gap:12px 18px;margin:22px 0}.detail-specs div{padding-bottom:10px}.detail-specs dt{font-size:13px;color:var(--muted)}.detail-specs dd{font-size:16px;overflow-wrap:anywhere}.detail-side h2{font-size:19px;margin:24px 0 10px}.contact-panel{padding:16px;background:var(--blue-soft);border-radius:12px;margin-top:22px}.contact-panel h3{font-size:16px;margin-bottom:8px}.contact-value{margin:0;color:#164A83;font-weight:600;overflow-wrap:anywhere}.photo-gallery{gap:10px}.photo-gallery img{border-radius:10px}.detail-side>.notice{margin-bottom:0}
.form-layout{max-width:740px}.steps{font-size:13px;gap:8px;margin:16px 0 8px;color:var(--muted)}.form-info{font-size:14px;margin-bottom:16px;color:var(--muted)}.form-sheet{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.form-section{font-size:19px;margin:14px 0 22px;padding:8px 0 12px;color:#10213A;border-color:var(--line)}.form-grid{gap:0 20px}.form-grid>.helper{grid-column:1/-1;margin-top:-12px;margin-bottom:14px}.form-actions{gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.form-actions>*{min-height:48px}.form-city{margin-bottom:0}.form-sheet .check-field{min-height:44px;margin:0 0 20px;padding:8px 0;font-size:16px}.photo-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:112px;background:#F3F8FF;border:1px dashed #A5C6ED;border-radius:12px;overflow:hidden}.photo-picker-label{font-size:16px;font-weight:650;color:var(--blue)}.photo-picker-label>span{font-size:23px;vertical-align:-1px}.photo-picker-hint{font-size:13px;font-weight:400;color:var(--muted)}.form-sheet .photo-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}.photo-picker:focus-within{outline:3px solid var(--blue);outline-offset:3px}.file-preview{gap:10px;margin:0 0 22px}.file-preview img{width:88px;height:88px;border-radius:10px}.preview-summary{padding:18px;background:var(--blue-soft);border-radius:12px}.preview-summary h2{font-size:22px}.preview-summary .price{font-size:26px}.subscription-card{padding:20px;border-radius:14px}.subscription-card .status{font-size:12px}.subscription-card .card-actions{padding-top:16px}.subscription-card .eyebrow{font-size:12px}.subscription-card h2{font-size:21px;margin-top:14px}.check-field{font-size:16px}
.bottom-nav{background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #10213A06;padding-top:7px}.bottom-nav a{font-size:11px;min-height:60px;gap:5px;color:var(--muted)}.bottom-nav a[aria-current=page]{color:var(--blue);font-weight:650}.bottom-nav svg{width:24px;height:24px}.empty{padding:36px 20px;border-radius:14px}.empty p{font-size:16px}.test-catalog-banner strong{font-size:11px}.test-catalog-banner button{font-size:13px}
@media(max-width:620px){.app-shell{padding:0 16px 106px}.app-header{height:72px;margin-bottom:14px}.brand{font-size:21px}.brand-sub{font-size:11px}.catalog-layout{gap:16px}.city-selector{padding:8px 10px;gap:8px}.city-selector>span{font-size:13px;max-width:43%}.city-selector label{max-width:57%}.city-selector select{font-size:15px}.tabs{gap:8px}.tabs button{font-size:12px;min-height:80px}.card-link{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:10px}.card-art{width:88px;height:88px}.card h3{font-size:16px}.spec{font-size:12px}.price,.price:has(small){font-size:18px}.filter-body{grid-template-columns:minmax(0,1fr)}.filter-body>.field{grid-column:1/-1}.filter-title{flex-wrap:wrap}.form-sheet{padding:18px 16px;border:1px solid var(--line);border-radius:14px}.form-layout h1{font-size:26px;margin-bottom:14px}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.form-grid>.field.compact{grid-column:1/-1}.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}.detail-layout{gap:16px}.detail-art{aspect-ratio:1.35}.detail-side{padding:18px 16px}.detail-side h1{font-size:24px}.detail-side .price{font-size:26px}.section-top h1{font-size:26px}.subscription-card{padding:18px 16px}.toolbar{align-items:center;flex-wrap:nowrap}.toolbar label{max-width:43%}.feed-heading{font-size:19px}.bottom-nav a{font-size:10px}.form-layout>.my-listings-link{font-size:13px}.form-layout>.back{font-size:13px}.subscription-card .card-actions button{flex:1 1 100%}}
@media(max-width:360px){.brand{font-size:19px;gap:7px}.brand-mark{width:34px;height:34px}.brand-sub{font-size:10px}.mode-badge{font-size:10px}.tabs{gap:6px}.tabs button{font-size:11px}.card-link{gap:10px}.toolbar{flex-wrap:wrap}.toolbar label{max-width:100%}.toolbar select{width:auto}.feed-heading{font-size:19px}.section-top h1{font-size:24px}.form-layout>.my-listings-link{float:none;display:flex;margin-bottom:8px}.form-layout>.back{margin-bottom:0}.city-selector{flex-wrap:wrap}.city-selector>span{max-width:none;width:100%}.city-selector label{max-width:none;width:100%}.card-actions button{flex-basis:100%}}
.region-selector{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.location-caption{font-size:11px;color:var(--muted)}.region-selector strong{font-size:14px;line-height:1.3}.region-selector select{width:100%;font-size:14px}.city-selector .region-selector+label{flex:1;max-width:53%}.feed-card{position:relative}.feed-card .card-content{padding-right:30px}.favorite-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:11px;border:0;border-radius:10px;background:transparent;color:#52637A}.favorite-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.favorite-button[aria-pressed=true]{color:var(--blue);background:var(--blue-soft)}.favorite-button[aria-pressed=true] svg{fill:currentColor}.feed-card>.favorite-button{position:absolute;right:3px;top:3px}.favorite-button:disabled{opacity:.35}.detail-status-row{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:12px}.channel-card{background:#EAF3FF;border:1px solid #CFDFF3;border-radius:12px;padding:16px;display:grid;gap:12px}.channel-kicker{font-size:12px;color:#42658F}.channel-card h3{font-size:17px;margin:6px 0}.channel-card p{font-size:13px;margin:0;color:var(--muted)}.channel-card .secondary{background:white;color:var(--blue);justify-self:start;min-height:44px}.bottom-nav a{flex:1 1 0;min-width:0;white-space:normal;text-align:center}.bottom-nav a:last-child{font-size:10px}.bottom-nav{padding-left:4px;padding-right:4px}@media(max-width:360px){.city-selector{flex-wrap:nowrap}.city-selector .region-selector+label{max-width:50%}.region-selector strong{font-size:13px}.city-selector select{font-size:14px}.feed-card .card-content{padding-right:24px}.feed-card .card-link{grid-template-columns:80px minmax(0,1fr);gap:8px}.feed-card .card-art{width:80px;height:88px}.bottom-nav a{font-size:9px}.bottom-nav a:last-child{font-size:9px}}
.brand{min-height:44px}.form-info summary:focus-visible,.search-options summary:focus-visible,.pilot-info summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}

.draft-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 16px}.unavailable-note{font-size:12px;line-height:1.4;color:var(--muted);margin:0;padding:0 12px 12px}.form-layout>.back{padding-left:0}.form-layout>.my-listings-link{border:0;background:transparent;float:right;font-weight:500}

/* Verified 320px image/title edge cases: reserve the complete favorite hit area. */
.feed-card .card-content{padding-right:0}.feed-card h3{padding-right:42px;min-height:24px}.feed-card>.favorite-button{right:4px;top:4px}.photo-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-width:0;min-height:0;background:#EDF3FA;color:#52637A;text-align:center;padding:8px;border-radius:inherit}.photo-unavailable svg{width:32px;height:32px;flex:none}.photo-unavailable span{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.card-art .photo-unavailable{gap:5px;padding:6px}.card-art .photo-unavailable svg{width:24px;height:24px}.card-art .photo-unavailable span{font-size:11px}.photo-gallery>.photo-unavailable{aspect-ratio:1.4;height:auto;border-radius:10px}.detail-art>.photo-unavailable svg{width:42px;height:42px}.detail-art>.photo-unavailable span{font-size:15px}
.detail-art>.photo-unavailable,.card-art>.photo-unavailable{position:absolute;inset:0}
/* Keep the listing title and price in the first mobile screen without removing photos. */
@media(max-width:620px){.photo-gallery{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.photo-gallery>img,.photo-gallery>.photo-unavailable{flex:0 0 96px;width:96px;height:72px;aspect-ratio:auto;object-fit:cover}.photo-gallery>.photo-unavailable{gap:3px;padding:4px}.photo-gallery>.photo-unavailable svg{width:22px;height:22px}.photo-gallery>.photo-unavailable span{font-size:11px}}

/* Reference composition: white canvas, compact cards, photo-first native form. */
:root,body{background:#fff;--blue:#087CF1;--blue-primary:#087CF1;--blue-hover:#0668CF;--blue-soft:#EDF6FF;--muted:#66758A;--line:#E5EAF0}
.app-header{height:62px;margin-bottom:12px}.brand{font-size:19px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-sub{font-size:11px}.pilot-info>summary{min-width:44px;width:44px;padding:0;color:var(--blue)}
.city-selector{padding:0 0 8px;border:0;border-radius:0;margin-bottom:8px}.city-selector select{background:#F3F7FB}.listing-search{background:#F3F6FA;border:0;margin-bottom:12px;min-height:46px}.listing-search input{min-height:44px}.listing-search .search-filter{background:#EDF6FF}.tabs{margin-bottom:14px}.tabs button{min-height:70px;border-radius:10px}.tabs button .category-icon{width:30px;height:30px}.feed-heading{font-size:20px}.search-options{margin-bottom:10px}.cards{gap:8px}.card{border:1px solid #EDF0F5;border-radius:9px;box-shadow:0 2px 7px #18315208}.card-link{padding:8px;gap:10px}.card-art{border-radius:7px}.card h3{font-size:15px;margin-bottom:3px}.price{margin-bottom:4px}.spec{color:#68768A;margin-bottom:4px}.card-meta{color:#748196}.bottom-nav{box-shadow:none;padding-top:3px}.bottom-nav a{min-height:56px}
.detail-side{border:0;border-radius:0;padding:0}.detail-art{border-radius:9px}.detail-side h1{margin-top:4px}.detail-specs{margin:16px 0;gap:10px 16px}.detail-specs div{padding-bottom:6px}.detail-side h2{margin-top:18px}.contact-panel{margin-top:16px;padding:14px}.description{line-height:1.5}
.reference-form{max-width:620px;margin:0 auto}.reference-form h1{font-size:24px;letter-spacing:-.5px;margin:6px 0 18px}.reference-form .form-sheet{padding:0;border:0;border-radius:0;background:#fff}.reference-form .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.reference-form .field{margin-bottom:15px;gap:6px;min-width:0}.reference-form .field>span{font-size:14px;font-weight:500;color:#1D2A3D}.reference-form input,.reference-form select,.reference-form textarea{border-radius:7px;min-height:44px;padding:10px;font-size:16px;background:#fff}.reference-form textarea{min-height:104px}.reference-form .helper{font-size:12px;line-height:1.45}.reference-form .auto-title-note{margin:-5px 0 12px}.characteristic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.characteristic-grid>.full{grid-column:1/-1}.reference-form .check-field{min-height:44px;font-size:13px;margin:-7px 0 7px;padding:6px 0}.reference-form .check-field input{min-height:18px}.reference-form .form-location{margin-top:0}.reference-form .form-city>.helper{margin:0 0 5px}.reference-form .form-city .field{margin-bottom:5px}.optional-location{margin-bottom:12px}.optional-location summary,.photo-guidance summary{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.4;color:var(--muted);cursor:pointer}.optional-location summary:after,.photo-guidance summary:after{content:'⌄';margin-left:auto}.optional-location .field{margin-top:4px}.reference-form .form-actions{display:flex;flex-direction:column;margin-top:10px;padding:0;border:0;gap:8px}.reference-form .form-actions .primary{width:100%;min-height:48px;border-radius:8px;background:linear-gradient(180deg,#2998FF,#087CF1);font-size:16px}.submission-note{font-size:12px;color:var(--muted);text-align:center;margin:0}.reference-form .form-info{margin:8px 0 0;font-size:12px}.reference-form .form-info>summary{justify-content:center}.reference-form .form-info>summary:after{margin-left:8px}.form-secondary-actions{display:flex;justify-content:space-between;gap:10px}.form-secondary-actions .quiet{font-size:12px;padding:8px 0;margin:0;min-height:44px}.reference-form .draft-note{font-size:12px}.photo-section{margin-bottom:8px}.photo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.photo-section-heading h2{font-size:15px;margin:0}.photo-section-heading>span{font-size:12px;color:var(--muted)}.photo-upload-row{display:flex;gap:8px;overflow-x:auto;padding:3px 2px;scrollbar-width:thin}.photo-upload-row .file-preview{display:contents;margin:0}.photo-upload-row .file-preview img{flex:0 0 80px;width:80px;height:80px;object-fit:cover;border-radius:7px}.reference-form .photo-picker{display:flex;flex:1 0 260px;flex-direction:row;gap:8px;min-height:80px;background:none;border:0;border-radius:0;overflow:visible}.photo-add-tile,.photo-empty-tile{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:80px;border:1px dashed #CCD8E7;border-radius:7px;background:#F7FAFD;color:var(--blue);font-size:27px;font-weight:400}.photo-add-tile .photo-picker-label{font-size:11px;font-weight:500}.photo-guidance .helper{margin:0 0 10px}.photo-guidance summary{min-height:44px}.photo-picker:focus-within{outline-offset:1px}.reference-form .form-grid>.helper{margin-top:-8px;margin-bottom:14px}.optional-location summary:focus-visible,.photo-guidance summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media(max-width:620px){.app-shell{padding:0 14px 92px}.app-header{height:60px;margin-bottom:12px}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.tabs button{min-height:68px;font-size:11px}.card-link{padding:8px;gap:10px}.card h3{font-size:15px}.card-art{width:88px;height:88px}.spec{font-size:11px}.price,.price:has(small){font-size:18px}.detail-side{padding:0}.detail-side h1{font-size:23px}.detail-layout{gap:12px}.reference-form h1{font-size:23px;margin:4px 0 16px}.reference-form .form-sheet{padding:0;border:0}.reference-form .form-grid>.field{grid-column:1/-1}.reference-form .photo-picker{flex-basis:240px}.photo-upload-row .file-preview img{width:76px;height:80px;flex-basis:76px}.bottom-nav a{font-size:10px}.section-top h1{font-size:24px}.owned-card .card-actions{padding-top:8px}.account-note{margin-bottom:14px}}
@media(max-width:360px){.characteristic-grid{gap:0 8px}.reference-form .field>span{font-size:13px}.reference-form input,.reference-form select{padding:10px 7px}.form-secondary-actions{gap:8px}.brand{font-size:18px}.reference-form .photo-picker{flex-basis:224px}.feed-card .card-art{width:80px;height:80px}.bottom-nav a,.bottom-nav a:last-child{font-size:9px}}

/* Cascading location selection: region first, city below, at every width. */
.city-selector{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.city-selector label,.city-selector .region-selector+label{width:100%;max-width:none;display:flex;flex-direction:column;gap:4px}.city-selector select{width:100%;min-height:44px}.city-selector .location-caption{font-size:12px}.city-selector select:disabled{opacity:.65;cursor:not-allowed}

/* Original owner-supplied wordmark; pixel-preserving crop, no redrawing. */
.brand .lanpa-wordmark{display:block;width:172px;height:auto;max-width:100%;object-fit:contain}.brand-about h2{font-size:18px;margin:0 0 6px}.brand-about p{font-size:13px;line-height:1.45;margin:0 0 14px}@media(max-width:360px){.brand .lanpa-wordmark{width:158px}}

.vehicle-credits-scroll{max-height:50vh;overflow:auto;overflow-wrap:anywhere}
.vehicle-credits-text{white-space:pre-wrap;overflow-wrap:anywhere}

/* Subscription explanations stay optional; consent and restrictions remain visible. */
.subscription-details{margin:8px 0 14px}.subscription-details>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--blue);font-size:14px}.subscription-details>summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.subscription-details .helper{margin:8px 0}

.geography-fallback{grid-column:1 / -1}

/* Informational privacy page and visible link; no consent or data mutation. */
.privacy-nav{padding:0 0 16px;text-align:right;font-size:14px;line-height:1.5}.privacy-nav a{color:#1463c9;text-decoration:underline;text-underline-offset:3px}.privacy-page{background:#fff;color:#17283b;margin:0;padding:0;font:16px/1.65 system-ui,sans-serif}.privacy-content{max-width:880px;margin:0 auto;padding:28px 20px 48px;overflow-wrap:anywhere}.privacy-content h1{font-size:28px;line-height:1.25;margin:0 0 24px;letter-spacing:normal}.privacy-content h2{font-size:21px;line-height:1.35;margin:32px 0 14px}.privacy-content p{font-size:16px;line-height:1.65;margin:0 0 16px;letter-spacing:normal}@media(max-width:620px){.privacy-nav{text-align:left;font-size:13px}.privacy-content{padding:24px 16px 40px}.privacy-content h1{font-size:25px}}

.privacy-footer{padding:24px 16px;text-align:center;font-size:12px}.privacy-footer a{color:#5d6c7d}.privacy-ack{max-width:560px;margin:24px auto}.privacy-ack label{display:flex;gap:12px;align-items:flex-start}.privacy-ack input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.privacy-ack button{margin-top:16px}

.bottom-nav[hidden],#owner-menu[hidden],#mode-badge[hidden],#mode-note[hidden]{display:none!important}.privacy-content li{margin-bottom:12px}.privacy-content blockquote{margin:16px 0;padding-left:16px;border-left:3px solid #d5dde5}.privacy-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.privacy-footer #owner-menu{font-size:12px}.privacy-footer #owner-menu summary{cursor:pointer}

.privacy-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom));scroll-margin-bottom:104px}.bottom-nav[hidden] ~ .privacy-footer{padding-bottom:24px}

.document-dialog{padding:0;border:0;border-radius:12px;width:min(720px,100%);max-width:100%;max-height:calc(100dvh - 16px);color:var(--text,#17212d);background:white;box-shadow:0 12px 48px #0004}
.document-dialog::backdrop{background:#0006}.document-dialog>header{display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid #ddd;background:white}
.document-dialog>header button{min-height:44px;flex-shrink:0}.document-dialog-title{font-size:17px;margin:0}.document-dialog-content{overflow:auto;max-height:calc(100dvh - 100px);padding:0 16px max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain}.document-dialog-content main{max-width:100%;margin:16px auto;padding:0}.document-return{max-width:760px;margin:12px auto;padding:0 20px}.document-return a{display:inline-flex;align-items:center;min-height:44px}

/* Keep image and thumbnail intrinsic sizes inside their own grid track. */
.app-shell,#main,.detail-layout,.detail-media,.detail-side,.detail-gallery{min-width:0;max-width:100%}
.detail-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-gallery{width:100%}
.detail-gallery .detail-art{width:100%;max-width:100%;min-width:0;position:relative;aspect-ratio:4/3;touch-action:pan-y pinch-zoom}
.detail-gallery .detail-art>.local-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.gallery-count{position:absolute;right:8px;bottom:8px;padding:4px 8px;border-radius:8px;background:#17212db8;color:#fff;font-size:12px;pointer-events:none}
.detail-gallery .gallery-thumbs{position:relative;display:flex;width:100%;max-width:100%;min-width:0;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px;overscroll-behavior-x:contain}
.gallery-thumbs>button{flex:0 0 72px;width:72px;min-width:72px;max-width:72px;height:56px;min-height:44px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#edf3fa}
.gallery-thumbs>button[aria-current=true]{border-color:var(--blue)}
.gallery-thumbs>button>img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.gallery-thumbs>button>.photo-unavailable{height:100%;min-height:0;padding:2px;font-size:10px}
.detail-side{overflow-wrap:anywhere}
.detail-side .description,.detail-side .contact-value{overflow-wrap:anywhere}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.contact-actions .contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:11px 16px;border-radius:10px;touch-action:manipulation}
@media(max-width:620px){.detail-layout{grid-template-columns:minmax(0,1fr)}}
.detail-gallery .detail-art{cursor:zoom-in}
.contact-hint,.contact-help{font-size:13px;color:var(--muted,#718096);line-height:1.45;margin-top:10px}
.contact-help button{min-height:44px}
.photo-viewer{position:fixed;inset:0;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100%;margin:0;border:0;padding:0;background:#101722;color:#fff;overflow:hidden;overscroll-behavior:contain}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.photo-viewer::backdrop{background:#101722}
.photo-viewer-toolbar,.photo-viewer-controls{display:flex;align-items:center;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));z-index:1;background:#101722}
.photo-viewer-toolbar{justify-content:space-between;padding-top:max(10px,env(safe-area-inset-top))}
.photo-viewer-controls{justify-content:center;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.photo-viewer button{min-height:44px;min-width:44px;max-width:100%;border:1px solid #586577;background:#223147;color:#fff;border-radius:9px;padding:8px 12px;touch-action:manipulation}
.photo-viewer button:disabled{opacity:.35}
.photo-viewer-surface{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none}
.photo-viewer-surface>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center}
.photo-viewer-surface>.photo-unavailable{padding:24px;text-align:center;color:#fff}
@media(prefers-reduced-motion:reduce){.photo-viewer *{transition:none!important;animation:none!important}}