:root{--background:#f7f4ee;--surface:#fffdfb;--surface-strong:#fff;--text:#111;--muted:#68645e;--border:#e7e0d6;--border-strong:#d9d0c3;--navy:#173a68;--navy-hover:#102e55;--soft-navy:#edf1f6;--shadow:0 8px 24px #2b231912;--safe-top:max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px), var(--tg-content-safe-area-inset-bottom,0px))}*{box-sizing:border-box}html{background:var(--background);color:var(--text);-webkit-text-size-adjust:100%}body{background:radial-gradient(circle at 10% -8%, #173a680f, transparent 30rem), var(--background);min-width:320px;min-height:100dvh;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(100%,680px);min-height:100dvh;padding:calc(18px + var(--safe-top)) 16px calc(112px + var(--safe-bottom));margin:0 auto}.hero{justify-content:space-between;align-items:flex-start;gap:14px;padding:7px 2px 22px;display:flex}.eyebrow{color:var(--navy);letter-spacing:.105em;margin:0 0 7px;font-size:10px;font-weight:750}.hero h1{letter-spacing:-.038em;margin:0;font-size:clamp(25px,7vw,32px);font-weight:720;line-height:1.05}.catalog-count{color:var(--muted);margin:8px 0 0;font-size:14px}.channel-button{background:var(--navy);color:#fff;border:1px solid #173a682e;border-radius:13px;flex:none;align-items:center;gap:9px;min-height:50px;padding:8px 11px;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 7px 16px #173a6829}.channel-button span{white-space:nowrap;flex-direction:column;font-size:12px;font-weight:700;line-height:1.2;display:flex}.channel-button small{color:#ffffffa8;margin-top:2px;font-size:10px;font-weight:500}.catalog-controls{z-index:3;position:relative}.search-box{border:1px solid var(--border-strong);background:var(--surface-strong);color:#807a72;border-radius:15px;align-items:center;gap:11px;min-height:54px;padding:0 15px;transition:border .15s,box-shadow .15s;display:flex;box-shadow:0 5px 18px #231d160d}.search-box:focus-within{border-color:#173a688c;box-shadow:0 0 0 3px #173a6817}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:#918c85}.search-box button{color:#5f5b56;cursor:pointer;background:#f1eee9;border:0;border-radius:50%;flex:0 0 36px;width:36px;height:36px;font-size:21px;line-height:1}.region-scroll{scrollbar-width:none;align-items:center;gap:8px;margin:12px -16px 0;padding:0 16px 4px;display:flex;overflow-x:auto}.region-scroll::-webkit-scrollbar{display:none}.region-pill{border:1px solid var(--border);color:#4f4b46;cursor:pointer;background:#fffdfbd1;border-radius:999px;flex:none;min-width:48px;min-height:42px;padding:0 15px;font-size:13px;font-weight:680;transition:all .15s}.region-pill span{color:#8c877f;margin-left:3px;font-weight:550}.region-pill.active{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 4px 12px #173a6829}.region-pill.active span{color:#ffffffad}.other-regions{flex:none;position:relative}.region-menu{z-index:20;border:1px solid var(--border);background:var(--surface-strong);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:6px;width:min(100% - 32px,648px);max-height:240px;padding:10px;display:grid;position:fixed;top:236px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 45px #221d1629}.region-menu button{cursor:pointer;background:#f7f4ef;border:0;border-radius:9px;justify-content:space-between;align-items:center;min-height:44px;padding:0 10px;display:flex}.region-menu button span{color:var(--text);font-weight:700}.region-menu button small{color:var(--muted)}.control-row{grid-template-columns:1fr auto;gap:9px;margin-top:8px;display:grid}.sort-control,.filter-button{border:1px solid var(--border);color:#393632;background:#fffdfbb8;border-radius:12px;align-items:center;gap:8px;min-height:46px;display:flex}.sort-control{min-width:0;padding-left:13px}.sort-control select{width:100%;min-width:0;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:13px;font-weight:650}.filter-button{cursor:pointer;justify-content:center;padding:0 14px;font-size:13px;font-weight:680}.filter-button span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:11px;display:grid}.filter-button.active{background:var(--soft-navy);color:var(--navy);border-color:#173a686b}.results{margin-top:22px;transition:opacity .15s}.results.refreshing{opacity:.55;pointer-events:none}.results-meta{min-height:30px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 3px 8px;font-size:12px;display:flex}.results-meta button{min-height:30px;color:var(--navy);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:650}.listing-list{gap:9px;display:grid}.listing-card{border:1px solid var(--border);background:var(--surface);border-radius:15px;grid-template-columns:minmax(135px,1.55fr) minmax(90px,1fr) 22px;align-items:center;gap:13px;min-height:83px;padding:12px 12px 12px 13px;transition:border .15s,box-shadow .15s,transform .15s;display:grid;position:relative;box-shadow:0 4px 13px #2922190a}.plate-wrap{aspect-ratio:520/112;filter:drop-shadow(0 2px 2px #0000001a);width:100%;min-width:0}.plate-wrap svg{width:100%;height:100%;display:block}.listing-info{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;display:flex}.listing-info strong{letter-spacing:-.025em;white-space:nowrap;font-size:clamp(14px,4vw,17px);font-weight:740}.listing-info span{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.card-arrow{color:#a29c93;font-size:19px;transition:color .15s,transform .15s}.skeleton-card{pointer-events:none}.skeleton{background:#ece7df;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.3s infinite shimmer;display:block;transform:translate(-100%)}.skeleton-plate{aspect-ratio:520/112;border-radius:7px;width:100%}.skeleton-info{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.skeleton-price{border-radius:5px;width:92px;height:17px}.skeleton-location{border-radius:4px;width:58px;height:11px}.state-card{border:1px dashed var(--border-strong);text-align:center;background:#fffdfb8c;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:32px 24px;display:flex}.state-icon{background:var(--soft-navy);width:48px;height:48px;color:var(--navy);border-radius:50%;place-items:center;margin-bottom:15px;font-size:25px;display:grid}.state-card h2{margin:0;font-size:18px}.state-card p{max-width:340px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.45}.load-more{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:48px;color:var(--navy);cursor:pointer;border-radius:13px;margin-top:12px;font-weight:680}.load-more:disabled{cursor:wait;opacity:.65}.inline-error{color:#8a3b32;text-align:center;margin:10px 0 0;font-size:13px}.bottom-cta{z-index:15;bottom:calc(10px + var(--safe-bottom));color:#fff;background:#173a68;border:1px solid #ffffff21;border-radius:17px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:min(100% - 24px,656px);min-height:72px;padding:10px 13px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #172a4442}.cta-icon{background:#ffffff1f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.cta-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.cta-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cta-copy small{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.cta-handle{white-space:nowrap;font-size:12px;font-weight:650}.cta-handle b{margin-left:3px;font-size:16px}.filter-overlay{z-index:30;padding-top:var(--safe-top);background:#1816136b;justify-content:center;align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.filter-sheet{width:min(100%,680px);padding:10px 18px calc(18px + var(--safe-bottom));background:var(--surface-strong);border-radius:22px 22px 0 0;animation:.18s sheet-in;box-shadow:0 -15px 45px #00000026}.sheet-handle{background:#d8d3cb;border-radius:99px;width:40px;height:4px;margin:0 auto 8px}.filter-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.filter-heading h2{letter-spacing:-.025em;margin:0;font-size:21px}.icon-button{cursor:pointer;background:#f3f0eb;border:0;border-radius:50%;width:44px;height:44px;font-size:23px}.field-label{color:#57534e;flex-direction:column;flex:1;gap:7px;min-width:0;font-size:12px;font-weight:650;display:flex}.field-label input,.field-label select{border:1px solid var(--border-strong);width:100%;min-height:48px;color:var(--text);background:#fcfaf7;border-radius:11px;outline:0;padding:0 12px;font-size:15px;font-weight:500}.field-label input:focus,.field-label select:focus{border-color:#173a688c;box-shadow:0 0 0 3px #173a6814}.field-row{gap:10px;margin-top:13px;display:flex}.filter-actions{grid-template-columns:.8fr 1.45fr;gap:10px;margin-top:20px;display:grid}.primary-button,.secondary-button{cursor:pointer;border-radius:12px;min-height:50px;padding:0 16px;font-weight:700}.primary-button{border:1px solid var(--navy);background:var(--navy);color:#fff}.secondary-button{border:1px solid var(--border-strong);color:#504c47;background:#fff}.primary-button.compact{min-height:44px;margin-top:18px}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #173a6866}@media (hover:hover){.channel-button:hover{background:var(--navy-hover);transform:translateY(-1px)}.listing-card:hover{box-shadow:var(--shadow);border-color:#d3cabd;transform:translateY(-1px)}.listing-card:hover .card-arrow{color:var(--navy);transform:translate(2px)}.region-pill:hover:not(.active),.filter-button:hover,.load-more:hover,.secondary-button:hover{border-color:var(--border-strong);background:#f7f3ed}}@media (max-width:390px){.app-shell{padding-left:12px;padding-right:12px}.hero{gap:9px}.eyebrow{letter-spacing:.07em}.channel-button{padding:8px 10px}.channel-button span{font-size:11px}.region-scroll{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.listing-card{grid-template-columns:minmax(126px,1.45fr) minmax(88px,1fr) 18px;gap:8px;padding:11px 9px}.listing-info strong{font-size:14px}.bottom-cta{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;width:calc(100% - 16px);padding:9px 10px}.cta-icon{width:37px;height:37px}.cta-handle{font-size:11px}}@media (min-width:700px){.app-shell{padding-left:22px;padding-right:22px}.region-scroll{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:.8;transform:translateY(35px)}}