:root{color-scheme:dark;--bg:#07101a;--panel:#111c29;--panel2:#172536;--line:#2c4054;--orange:#ff7a18;--gold:#ffc83d;--blue:#38bdf8;--text:#f8fafc;--muted:#9fb0c3;--green:#34d399;--red:#fb7185}
*{box-sizing:border-box}
html{background:#03070c}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(249,115,22,.18),transparent 28%),radial-gradient(circle at 5% 28%,rgba(56,189,248,.1),transparent 24%),linear-gradient(160deg,#07101a,#0b1522 55%,#05090f);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.market-app{width:min(100%,600px);min-height:100vh;margin:auto;padding:0 14px 96px}
.market-head{position:sticky;z-index:20;top:0;margin:0 -14px;padding:13px 14px;background:linear-gradient(180deg,rgba(7,16,26,.98),rgba(7,16,26,.92),transparent);backdrop-filter:blur(16px)}
.head-row{display:flex;align-items:center;gap:11px}
.back{display:grid;flex:0 0 43px;width:43px;height:43px;place-items:center;border:1px solid #34465a;border-radius:14px;background:#172231;color:#fff;font-size:22px;text-decoration:none}
.head-copy{min-width:0;flex:1}
.head-copy h1{margin:0;font-size:24px;letter-spacing:-.4px}
.head-copy p{margin:3px 0 0;color:var(--muted);font-size:11px}
.head-add{display:grid;width:43px;height:43px;place-items:center;border:0;border-radius:14px;background:linear-gradient(145deg,#ffac20,#f45d16);color:#fff;font-size:25px;font-weight:900;text-decoration:none;box-shadow:0 7px 20px rgba(249,115,22,.28)}
.market-hero{position:relative;overflow:hidden;margin:4px 0 14px;padding:18px;border:1px solid rgba(255,167,39,.4);border-radius:24px;background:linear-gradient(135deg,#263147,#172030 55%,#2d1a13);box-shadow:0 14px 40px rgba(0,0,0,.28)}
.market-hero:after{content:"";position:absolute;right:-30px;top:-45px;width:140px;height:140px;border-radius:50%;background:rgba(255,126,24,.18)}
.market-hero h2{position:relative;z-index:1;margin:0 0 6px;font-size:25px}
.market-hero p{position:relative;z-index:1;margin:0;color:#c2ccd8;font-size:13px;line-height:1.45}
.market-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.market-action{display:flex;align-items:center;justify-content:center;min-height:45px;border-radius:14px;color:#fff;text-decoration:none;font-size:13px;font-weight:950}
.market-action.primary{background:linear-gradient(135deg,#ff9d1a,#f05a16)}
.market-action.secondary{border:1px solid #425269;background:#202d3e}
.category-strip{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:8px;overflow-x:auto;padding:2px 1px 10px;scrollbar-width:none}
.category-strip::-webkit-scrollbar{display:none}
.category-chip{display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #31465a;border-radius:17px;background:linear-gradient(145deg,#182638,#101a27);color:#dbe7f3;font-size:10px;font-weight:850;text-align:center;cursor:pointer}
.category-chip span{font-size:25px}
.category-chip.active{border-color:#ffae32;background:linear-gradient(145deg,#5e3414,#2b2019);color:#fff4d4;box-shadow:0 0 16px rgba(255,126,24,.18)}
.filter-card{margin:3px 0 15px;padding:13px;border:1px solid var(--line);border-radius:20px;background:rgba(16,27,41,.88)}
.filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(158px,178px);gap:8px}
.field-input,.field-select{width:100%;height:46px;border:1px solid #34485d;border-radius:13px;outline:0;background:#0b1420;color:#fff;padding:0 12px;font:inherit;font-size:13px}
.field-input:focus,.field-select:focus{border-color:#ff9e25;box-shadow:0 0 0 3px rgba(255,158,37,.1)}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:17px 2px 10px}
.section-title h2{margin:0;font-size:19px}
.section-title small{color:var(--muted)}
.market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.market-card{position:relative;overflow:hidden;border:1px solid #2f4357;border-radius:19px;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 10px 28px rgba(0,0,0,.28);color:#fff;text-decoration:none}
.market-card.vip{border-color:#ffb52e;box-shadow:0 0 19px rgba(255,156,24,.18)}
.market-card.vip_pro{border-color:#b86bff;box-shadow:0 0 21px rgba(169,75,255,.2)}
.market-photo{display:block;width:100%;aspect-ratio:1.24;object-fit:cover;background:linear-gradient(145deg,#26364a,#111a25)}
.market-photo-placeholder{display:grid;place-items:center;font-size:52px}
.market-card-body{padding:11px}
.market-card h3{display:-webkit-box;overflow:hidden;margin:0;font-size:15px;line-height:1.16;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.market-price{margin-top:7px;color:#ffd267;font-size:18px;font-weight:1000}
.market-meta{margin-top:5px;color:#9eb0c3;font-size:10px}
.market-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.market-tag{padding:4px 7px;border-radius:999px;background:#223246;color:#cfe4f5;font-size:8px;font-weight:900}
.market-tag.orange{background:rgba(249,115,22,.18);color:#ffb36f}
.promotion-badge{position:absolute;z-index:3;left:7px;top:7px;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,#ffd02b,#ff7417);color:#241300;font-size:8px;font-weight:1000}
.favorite-btn{position:absolute;z-index:4;right:7px;top:7px;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(5,11,18,.78);color:#fff;font-size:18px;cursor:pointer}
.favorite-btn.active{border-color:#ff7189;background:#9d243b;color:#fff}
.empty{grid-column:1/-1;padding:42px 18px;border:1px dashed #34485d;border-radius:22px;background:rgba(16,27,41,.68);text-align:center}
.empty strong{display:block;margin:8px 0;font-size:18px}
.empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.demo-note{grid-column:1/-1;padding:10px 12px;border-radius:13px;background:rgba(56,189,248,.08);color:#9eddf7;font-size:11px}
.bottom-market-nav{position:fixed;z-index:30;left:50%;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,600px);padding:7px 9px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #304257;background:rgba(7,14,23,.97);backdrop-filter:blur(17px);transform:translateX(-50%)}
.bottom-market-nav a{display:flex;min-height:51px;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;color:#a8b8c9;font-size:10px;font-weight:850;text-decoration:none}
.bottom-market-nav a span{font-size:20px}
.bottom-market-nav a.active{background:linear-gradient(145deg,#ff9f1c,#f97316);color:#fff}
.market-form{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#162334,#0e1824)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-field{display:block}
.form-field>span{display:block;margin:0 0 6px;color:#dce7f1;font-size:12px;font-weight:900}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #34495e;border-radius:13px;outline:0;background:#09131e;color:#fff;padding:0 12px;font:inherit}
.form-field input,.form-field select{height:48px}
.form-field textarea{min-height:145px;padding:12px;line-height:1.45;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#ff9c21;box-shadow:0 0 0 3px rgba(255,156,33,.1)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check-card{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #35485b;border-radius:13px;background:#0d1722;font-size:11px;font-weight:800}
.photo-picker{position:relative;display:grid;min-height:86px;place-items:center;border:1px dashed #526174;border-radius:15px;background:#0a131e;text-align:center;cursor:pointer}
.photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.photo-picker b,.photo-picker small{display:block}
.photo-picker small{margin-top:4px;color:var(--muted)}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.photo-cell{position:relative;overflow:hidden;aspect-ratio:1;border-radius:11px;background:#07101a}
.photo-cell img{width:100%;height:100%;object-fit:cover}
.photo-cell button{position:absolute;right:4px;top:4px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(0,0,0,.78);color:#fff}
.submit-btn{min-height:54px;border:0;border-radius:15px;background:linear-gradient(135deg,#ffab1e,#f15e17);color:#fff;font-size:15px;font-weight:1000;cursor:pointer}
.form-status{padding:11px;border-radius:12px;background:#0a141f;color:#b5c4d3;font-size:12px}
.form-status.success{border:1px solid rgba(52,211,153,.4);color:#7cf1bd}
.form-status.error{border:1px solid rgba(251,113,133,.4);color:#ff9eae}
.detail-hero{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#111c29}
.detail-photo{display:block;width:100%;max-height:460px;object-fit:cover;background:#172536}
.detail-body{padding:16px}
.detail-body h1{margin:0;font-size:27px;line-height:1.14}
.detail-price{margin-top:9px;color:#ffd064;font-size:28px;font-weight:1000}
.detail-meta{margin-top:7px;color:var(--muted);font-size:12px}
.detail-description{margin-top:16px;color:#dce4ed;line-height:1.6;white-space:pre-wrap}
.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.detail-button{min-height:49px;border:0;border-radius:14px;background:#233247;color:#fff;font-weight:950;cursor:pointer}
.detail-button.primary{background:linear-gradient(135deg,#ff9f1c,#f15d17)}
.owner-tools{margin-top:13px;padding:13px;border:1px solid #35485d;border-radius:16px;background:#0b1520}
.owner-tools h3{margin:0 0 9px;font-size:15px}
.owner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.owner-grid button,.owner-grid a{display:grid;min-height:48px;padding:7px;place-items:center;border:1px solid #43546a;border-radius:12px;background:#1b2939;color:#fff;font-size:10px;font-weight:900;text-align:center;text-decoration:none}
.owner-grid button:last-child,.owner-grid a:last-child{border-color:#a760df;background:#352046}
.toast{position:fixed;z-index:50;left:50%;bottom:78px;max-width:calc(100% - 28px);padding:12px 15px;border-radius:13px;background:#fff;color:#10151c;font-size:12px;font-weight:850;opacity:0;transform:translate(-50%,15px);transition:.2s;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:370px){.market-app{padding-inline:10px}
.market-head{margin-inline:-10px;padding-inline:10px}
.market-list{gap:7px}
.market-card h3{font-size:13px}
.market-price{font-size:16px}
.form-grid,.checks{grid-template-columns:1fr}
}
@media(min-width:720px){body{padding:18px}
.market-app{border:1px solid #25364a;border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.bottom-market-nav{bottom:18px;border:1px solid #304257;border-radius:20px}
}
.market-ad{position:relative;overflow:hidden;margin:16px 0;padding:16px;border:1px solid rgba(250,204,21,.35);border-radius:24px;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(37,99,235,.16));box-shadow:0 12px 32px rgba(0,0,0,.28)}
.market-ad-main{position:relative;display:block;overflow:hidden;width:100%;padding:0;border:0;border-radius:18px;background:#0f172a;cursor:pointer}
.market-ad-main img{display:block;width:100%;height:clamp(230px,52vw,300px);object-fit:cover;background:#0f172a;border-radius:18px;image-rendering:auto}
.market-ad-badge{position:absolute;left:9px;top:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.32);border-radius:8px;background:rgba(5,10,16,.78);color:#fff;font-size:8px;font-weight:1000;letter-spacing:.04em}
.market-ad-arrow{position:absolute;z-index:3;top:50%;display:none;width:36px;height:42px;padding:0;place-items:center;border:1px solid rgba(255,174,70,.78);border-radius:13px;background:linear-gradient(145deg,rgba(15,35,58,.94),rgba(3,11,23,.94));color:#fff4da;font-size:25px;font-weight:900;line-height:1;transform:translateY(-50%);cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.48),inset 0 0 12px rgba(255,144,26,.1);backdrop-filter:blur(8px);transition:transform .16s ease,border-color .16s ease,background .16s ease}.market-ad.has-multiple-ads .market-ad-arrow:not([hidden]){display:grid}.market-ad-arrow:hover,.market-ad-arrow:focus-visible{border-color:#ffd166;background:linear-gradient(145deg,#ff9e1b,#ef5b0c);outline:0}.market-ad-arrow:active{transform:translateY(-50%) scale(.92)}
.market-ad-arrow.prev{left:20px}.market-ad-arrow.next{right:20px}.market-ad-arrow[hidden]{display:none!important}
.market-ad-dots{position:absolute;z-index:3;left:50%;bottom:7px;display:none;gap:6px;padding:4px 7px;border-radius:999px;background:rgba(2,10,20,.5);transform:translateX(-50%);backdrop-filter:blur(6px)}.market-ad.has-multiple-ads .market-ad-dots:not([hidden]){display:flex}
.market-ad-dot{width:7px;height:7px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer;transition:width .18s ease,background .18s ease}.market-ad-dot.active{width:20px;border-color:#ffd46b;border-radius:10px;background:linear-gradient(90deg,#ffb21b,#ff6a0b);box-shadow:0 0 9px rgba(255,139,17,.62)}
.category-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 3px 9px}.category-head strong{font-size:17px}.category-head small{color:#ffbd68;font-size:10px;font-weight:850}
.category-scroller{position:relative;margin:0 -4px}
.category-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 32px 11px 4px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab}
.category-strip.dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;user-select:none}
.category-chip{flex:0 0 104px;scroll-snap-align:start}
.category-scroll{position:absolute;z-index:5;top:50%;display:grid;width:30px;height:48px;padding:0;place-items:center;border:1px solid rgba(255,174,50,.55);border-radius:13px;background:rgba(6,13,22,.88);color:#ffc063;font-size:23px;transform:translateY(-58%);box-shadow:0 5px 16px rgba(0,0,0,.38);cursor:pointer}
.category-scroll.prev{left:1px}.category-scroll.next{right:1px}.category-scroll:disabled{opacity:.2;pointer-events:none}
@media(max-width:430px){.category-chip{flex-basis:98px}.category-head small{font-size:9px}}
@media(max-width:390px){.filter-row{grid-template-columns:1fr}.field-select{font-size:13px}}
body[data-market-kind="realty"]{background:radial-gradient(circle at 90% 0,rgba(16,185,129,.18),transparent 29%),radial-gradient(circle at 0 35%,rgba(14,165,233,.1),transparent 25%),linear-gradient(160deg,#06131a,#0a1920 55%,#04090d)}
body[data-market-kind="realty"] .realty-hero{border-color:rgba(52,211,153,.42);background:linear-gradient(135deg,#153844,#102d35 56%,#17382b)}
body[data-market-kind="realty"] .realty-hero:after{background:rgba(52,211,153,.17)}
body[data-market-kind="realty"] .market-action.primary,body[data-market-kind="realty"] .submit-btn{background:linear-gradient(135deg,#22c98b,#078d71);box-shadow:0 8px 22px rgba(16,185,129,.22)}
body[data-market-kind="realty"] .category-chip.active{border-color:#39d9a1;background:linear-gradient(145deg,#134d43,#102a2c);color:#dcfff3;box-shadow:0 0 17px rgba(52,211,153,.16)}
body[data-market-kind="realty"] .bottom-market-nav a.active{background:linear-gradient(145deg,#20c88b,#087d6b)}
.realty-filters{display:grid;gap:8px}.realty-deal{display:inline-block;margin-bottom:5px;padding:4px 7px;border-radius:999px;background:rgba(52,211,153,.15);color:#75ebc4;font-size:8px;font-weight:1000}.realty-facts{margin-top:5px;color:#d1e7df;font-size:10px;font-weight:850}.realty-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.realty-spec-grid span{padding:10px 5px;border:1px solid #2d4850;border-radius:13px;background:#0a1820;color:#9fb9b5;font-size:9px;text-align:center}.realty-spec-grid b{display:block;margin-bottom:3px;color:#f4fffb;font-size:15px}.realty-thumbs{display:flex;gap:7px;overflow-x:auto;padding:8px;background:#0a141b}.realty-thumbs button{flex:0 0 68px;height:54px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#14222b}.realty-thumbs button.active{border-color:#35d39d}.realty-thumbs img{width:100%;height:100%;object-fit:cover}@media(max-width:420px){.realty-spec-grid{grid-template-columns:repeat(2,1fr)}}
.trade-tabs{display:flex;gap:7px;overflow-x:auto;margin:2px 0 13px;padding:3px 1px 6px;scrollbar-width:none}.trade-tabs::-webkit-scrollbar{display:none}.trade-tabs button{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid #33485e;border-radius:999px;background:#101b29;color:#b7c6d5;font-size:11px;font-weight:900}.trade-tabs button.active{border-color:#ff9d1a;background:linear-gradient(135deg,#ff9d1a,#e95514);color:#fff}.property-tabs button.active{border-color:#28cf96;background:linear-gradient(135deg,#1fc68d,#087e6c)}
.listing-action{display:inline-block;margin-bottom:6px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:1000}.listing-action.sell{background:rgba(249,115,22,.18);color:#ffb26d}.listing-action.buy{background:rgba(56,189,248,.16);color:#78d7ff}.realty-deal.action-buy,.realty-deal.action-rent_seek{background:rgba(56,189,248,.16);color:#77dcff}.realty-deal.action-rent_out{background:rgba(168,85,247,.18);color:#d8a7ff}
.urgent-ribbon-market{position:absolute;z-index:3;left:-36px;top:48px;width:160px;padding:5px 2px;background:#e52a35;color:#fff;font-size:7px;font-weight:1000;text-align:center;transform:rotate(-36deg);box-shadow:0 4px 12px rgba(0,0,0,.35)}