/* ZizaBox adaptive native design system — loaded after app.css. */
:root{--native-bg:#f4f6f4;--native-surface:#fff;--native-bar:rgba(250,251,250,.94);--native-separator:rgba(21,41,43,.1);--native-ease:cubic-bezier(.22,.8,.24,1);--native-shadow:0 8px 24px rgba(13,49,46,.08);--native-shadow-raised:0 14px 38px rgba(10,42,40,.14)}
html[data-platform="ios"]{--native-bg:#f2f2f7;--native-bar:rgba(249,249,249,.88);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",sans-serif}
html[data-platform="android"]{--native-bg:#f7f9f6;--native-bar:rgba(247,249,246,.94);font-family:Roboto,"Noto Sans",system-ui,sans-serif}
html{color-scheme:light;background:var(--native-bg)}body{color:var(--ink);background:var(--native-bg);font-size:16px;line-height:1.35;overscroll-behavior-y:none}body,button{-webkit-touch-callout:none}button{min-width:44px;touch-action:manipulation}button,[data-action],[data-view]{transition:transform .14s ease,opacity .14s ease,background-color .18s ease}button:active,[data-action]:active,[data-view]:active{opacity:.76;transform:scale(.975)}input,select,textarea{user-select:text;-webkit-user-select:text}.native-app{background:var(--native-bg);padding-bottom:calc(86px + env(safe-area-inset-bottom))}.view-host{min-height:calc(100dvh - 152px)}.screen{padding:18px 20px 34px}

/* App bars */
.app-header{min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid transparent;background:var(--native-bar);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}body:not([data-view="home"]) .app-header{border-bottom-color:var(--native-separator)}.native-location{min-height:44px;display:flex;align-items:center;gap:11px;margin-right:auto;padding:0;border:0;color:var(--ink);background:none;text-align:left}.native-location>span:nth-child(2){min-width:0}.native-location small,.native-location b{display:block}.native-location small{margin-bottom:1px;color:var(--muted);font-size:12px;font-weight:600}.native-location b{font-size:16px;line-height:1.15;letter-spacing:-.25px}.native-location>.icon{color:var(--muted);transform:rotate(90deg)}.location-brand{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--teal-dark);background:var(--yellow);font-size:19px;font-weight:950;box-shadow:0 3px 10px rgba(153,116,18,.18)}.native-header-actions{display:flex;align-items:center;gap:8px}.header-icon,.header-avatar{width:44px;height:44px;box-shadow:none}.header-icon{border-radius:50%;background:rgba(99,114,114,.09)}.header-avatar{border:0;font-size:13px}.notification-dot{width:8px;height:8px;right:9px;top:8px}.native-navbar{width:100%;min-height:44px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.native-navbar h1{margin:0;text-align:center;font-size:20px;line-height:1.2;letter-spacing:-.45px}.nav-spacer{width:44px}.nav-back{width:44px;height:44px;display:grid;place-items:center;border:0;color:var(--teal);background:transparent;transform:rotate(180deg)}

/* Home */
.home-screen{padding-top:0}.native-home-hero{margin:0 -20px;padding:21px 20px 25px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#123f40 0%,#185c59 70%,#25766f 100%)}.native-home-hero::after{content:"";width:190px;height:190px;position:absolute;right:-92px;top:-95px;border:35px solid rgba(244,220,105,.1);border-radius:50%;pointer-events:none}.native-home-hero>p{margin:0 0 5px;color:rgba(255,255,255,.74);font-size:15px;font-weight:600}.native-home-hero h2{margin:0;position:relative;z-index:1;font-size:clamp(34px,9vw,40px);line-height:1.04;letter-spacing:-1.55px}.native-search{width:100%;height:56px;display:flex;align-items:center;gap:12px;margin-top:21px;padding:0 16px;position:relative;z-index:1;border:0;border-radius:17px;color:#536366;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16);font-size:16px;text-align:left}.native-search .icon{color:var(--teal)}.native-search.light{margin:0;border:1px solid var(--native-separator);box-shadow:0 2px 9px rgba(18,63,64,.04)}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 28px}.category-strip button{min-height:76px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;border:0;color:var(--ink);background:transparent;font-size:13px}.category-strip button>span{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;color:var(--teal);background:#fff;box-shadow:0 4px 14px rgba(22,50,48,.09)}.category-strip button:nth-child(2)>span{color:#b05d49;background:var(--coral-soft)}.category-strip button:nth-child(3)>span{color:#8c6711;background:var(--gold-soft)}.category-strip button:nth-child(4)>span{color:#6259a8;background:var(--violet)}.category-strip b{font-weight:700}.native-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:27px 0 14px}.native-section-title h3{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.65px}.native-section-title p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.35}.native-section-title>button{min-height:44px;padding:0;border:0;color:var(--teal);background:none;font-size:15px;font-weight:700}.property-rail{display:flex;gap:15px;overflow-x:auto;margin:0 -20px;padding:0 20px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.property-rail::-webkit-scrollbar{display:none}.property-tile{width:min(82vw,326px);flex:0 0 auto;overflow:hidden;border:0;border-radius:22px;background:#fff;box-shadow:var(--native-shadow);scroll-snap-align:start;text-align:left}.tile-image{height:195px;position:relative;background:#e0e6e2}.tile-image img{width:100%;height:100%;display:block;object-fit:cover}.tile-image::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(5,25,24,.22));pointer-events:none}.tile-image .image-save{width:44px;height:44px;top:12px;right:12px;border-radius:50%;z-index:2;backdrop-filter:blur(12px)}.tile-verified{display:flex;align-items:center;gap:5px;position:absolute;left:12px;bottom:12px;z-index:2;padding:7px 10px;border-radius:9px;color:var(--teal-dark);background:rgba(255,255,255,.94);font-size:12px;font-weight:800}.tile-body{padding:15px 16px 17px}.tile-body>b,.tile-body>small,.tile-body>strong{display:block}.tile-body>b{overflow:hidden;font-size:17px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tile-body>small{margin-top:4px;color:var(--muted);font-size:14px}.tile-body>strong{margin-top:13px;color:var(--ink);font-size:20px;letter-spacing:-.45px}.tile-body>strong em{margin-left:4px;color:var(--muted);font-size:13px;font-style:normal;font-weight:500}.tile-facts{display:flex;gap:8px;margin-top:10px;color:var(--muted);font-size:13px}.tile-facts span+span::before{content:"·";margin-right:8px}.passport-native-row{width:100%;min-height:82px;display:flex;align-items:center;gap:13px;margin:24px 0 7px;padding:14px;border:0;border-radius:19px;color:var(--ink);background:var(--teal-soft);text-align:left}.passport-native-row>span:first-child{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:var(--teal-dark);background:var(--yellow)}.passport-native-row div{min-width:0;flex:1}.passport-native-row b,.passport-native-row small{display:block}.passport-native-row b{font-size:15px;line-height:1.2}.passport-native-row small{margin-top:5px;color:#4f6d69;font-size:13px;line-height:1.3}.passport-native-row em{color:var(--teal);font-size:12px;font-style:normal;font-weight:800}.passport-native-row>.icon:last-child{color:#78938f}

/* Search, property lists and conversations */
.search-toolbar{display:grid;grid-template-columns:1fr 52px;gap:10px;margin:3px 0 14px}.filter-button{width:52px;height:56px;border-radius:17px}.view-switch,.native-segment,.route-filter-row{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:11px;background:rgba(105,119,119,.13)}.view-switch{width:154px;margin:0 0 16px auto}.view-switch button,.native-segment button,.route-filter-row button{height:36px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:14px;font-weight:650}.view-switch button.selected,.native-segment button.selected,.route-filter-row button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.14)}.native-segment{margin:3px 0 20px}.chip-row{gap:9px;margin:0 -20px;padding:0 20px 5px}.chip{height:42px;padding:0 16px;font-size:14px;font-weight:650}.native-result-row{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px}.native-result-row b{font-size:17px}.native-result-row button{min-height:44px;display:flex;align-items:center;gap:5px;padding:0;border:0;color:var(--teal);background:none;font-size:14px;font-weight:700}.property-list,.mini-list{gap:13px}.home-list-card{min-height:154px;grid-template-columns:132px minmax(0,1fr);border:0;border-radius:19px;box-shadow:0 3px 14px rgba(20,53,50,.07)}.list-image{min-height:154px}.list-badge{width:34px;height:34px;left:10px;bottom:10px;border-radius:11px}.list-card-body{padding:14px}.list-card-title b{font-size:16px;line-height:1.25}.list-card-title small{max-width:185px;margin-top:5px;font-size:13px}.list-save{width:40px;height:40px;margin:-5px -5px 0 0;border-radius:50%}.list-price{margin-top:11px;font-size:18px}.list-price small{font-size:12px}.list-facts{gap:6px;margin-top:9px}.list-facts span{padding:5px 7px;font-size:12px}.list-trust,.trust-mark{margin-top:9px;font-size:12px}.inbox-screen .native-segment{margin-bottom:16px}.inbox-notice{margin-bottom:14px;padding:12px 14px;border:0;border-radius:14px}.inbox-notice p{font-size:13px;line-height:1.4}.conversation-row{min-height:78px;padding:10px 4px;border:0;border-bottom:1px solid var(--native-separator);border-radius:0;background:transparent}.conversation-avatar{width:54px;height:54px;border-radius:50%;font-size:15px}.conversation-copy b{font-size:16px}.conversation-copy small{margin-top:5px;font-size:14px}.conversation-meta{font-size:12px}

/* Profile and grouped settings */
.native-profile-row{width:100%;min-height:82px;display:flex;align-items:center;gap:14px;padding:8px 4px 19px;border:0;color:var(--ink);background:transparent;text-align:left}.profile-avatar{width:62px;height:62px;border-radius:50%;font-size:20px}.native-profile-row>span:nth-child(2){min-width:0;flex:1}.native-profile-row b,.native-profile-row small{display:block}.native-profile-row b{font-size:21px;letter-spacing:-.55px}.native-profile-row small{margin-top:5px;color:var(--muted);font-size:14px}.native-profile-row>.icon{color:#919e9e}.native-group-label{margin:0 0 8px 4px;color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.profile-section{margin-top:24px}.settings-card{border:0;border-radius:18px;box-shadow:0 1px 0 rgba(20,50,48,.03)}.setting-row{min-height:72px;gap:13px;padding:8px 14px}.setting-icon{width:40px;height:40px;border-radius:13px}.setting-row b,.workspace-row b{font-size:16px}.setting-row small,.workspace-row small{margin-top:3px;font-size:13px}.setting-row em.row-status{margin-left:auto;color:var(--teal);font-size:12px;font-style:normal;font-weight:750}.setting-row em.row-status+.icon{margin-left:0}.native-support-row{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 4px;border:0;color:var(--muted);background:transparent;font-size:15px;font-weight:650}.native-support-row .icon:last-child{margin-left:auto}

/* Push routes */
.full-screen{padding:0;background:var(--native-bg);opacity:0;transform:translateX(calc(-50% + 32px));transition:opacity .22s var(--native-ease),transform .34s var(--native-ease)}.full-screen.route-visible{opacity:1;transform:translateX(-50%)}.native-route{min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.route-navbar{height:calc(64px + env(safe-area-inset-top));display:grid;grid-template-columns:48px 1fr 48px;align-items:end;padding:0 10px 10px;position:sticky;top:0;z-index:4;border-bottom:1px solid var(--native-separator);background:var(--native-bar);backdrop-filter:saturate(180%) blur(24px)}.route-navbar h1{align-self:center;margin:calc(env(safe-area-inset-top)/2) 0 0;text-align:center;font-size:20px;letter-spacing:-.45px}.route-back{width:44px;height:44px;display:grid;place-items:center;align-self:end;border:0;color:var(--teal);background:transparent;transform:rotate(180deg)}.route-trailing{width:44px}.route-content{padding:20px}.route-summary-card{min-height:88px;display:flex;align-items:center;gap:14px;padding:17px;border-radius:20px;color:#fff;background:linear-gradient(145deg,var(--teal-dark),#1d625e);box-shadow:var(--native-shadow)}.route-summary-card>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:var(--teal-dark);background:var(--yellow)}.route-summary-card.swap>span{color:#9b5849;background:#ffd9cd}.route-summary-card b,.route-summary-card small{display:block}.route-summary-card b{font-size:16px}.route-summary-card small{margin-top:5px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.35}.native-record-list,.native-status-list{display:grid;margin-top:18px;overflow:hidden;border-radius:18px;background:#fff}.native-record-row,.native-status-row{width:100%;min-height:74px;display:flex;align-items:center;gap:13px;padding:13px 15px;border:0;border-bottom:1px solid var(--native-separator);color:var(--ink);background:#fff;text-align:left}.native-record-row:last-child,.native-status-row:last-child{border-bottom:0}.native-record-row>span{min-width:0;flex:1}.native-record-row b,.native-record-row small,.native-status-row b,.native-status-row small{display:block}.native-record-row b,.native-status-row b{font-size:16px}.native-record-row small,.native-status-row small{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.35}.native-record-row em{color:var(--teal);font-size:12px;font-style:normal;font-weight:750}.status-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.status-icon.ready{color:var(--teal);background:var(--teal-soft)}.status-icon.pending{color:#806817;background:var(--gold-soft)}.route-action{margin-top:20px}.route-list-title{margin:27px 0 10px;font-size:17px}.route-filter-row{margin-bottom:18px}.route-settings{margin-top:18px}.route-lead{margin:15px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.route-form{padding-bottom:88px}.route-step{padding:3px 0 10px}.route-step b,.route-step small{display:block;font-size:14px}.route-step small{margin-top:8px;color:var(--muted)}.route-step>span{height:6px;display:block;overflow:hidden;margin-top:9px;border-radius:99px;background:#dfe5e1}.route-step>span i{width:25%;height:100%;display:block;border-radius:inherit;background:var(--teal)}.route-sticky-action{width:min(100%,560px);position:fixed;left:50%;bottom:0;z-index:5;transform:translateX(-50%);padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--native-separator);background:var(--native-bar);backdrop-filter:blur(22px)}.passport-route-hero{padding:30px 20px;border-radius:22px;color:#fff;background:linear-gradient(145deg,var(--teal-dark),#26746e);text-align:center;box-shadow:var(--native-shadow)}.passport-route-hero>span{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;color:var(--teal-dark);background:var(--yellow)}.passport-route-hero h2{margin:0;font-size:25px;letter-spacing:-.7px}.passport-route-hero p{margin:9px auto 0;max-width:310px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.45}.route-section{margin-top:27px}.route-section h3{margin:0 0 10px;font-size:18px}.native-info-card{overflow:hidden;border-radius:18px;background:#fff}.native-info-card p{margin:0;padding:16px;border-bottom:1px solid var(--native-separator);color:#4f6063;font-size:15px}.native-info-card p:last-child{border-bottom:0}.conversation-safety{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:11px;color:#4c6864;background:var(--teal-soft);font-size:12px}.native-route .message-thread{max-height:calc(100dvh - 195px);padding-bottom:82px}.message-bubble{padding:12px 14px;border-radius:19px 19px 19px 5px}.message-bubble.mine{border-radius:19px 19px 5px 19px}.message-bubble p{font-size:16px;line-height:1.4}.message-bubble small{font-size:12px}.native-route .message-compose{width:min(100%,560px);position:fixed;left:50%;bottom:0;z-index:5;transform:translateX(-50%);padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--native-separator);background:var(--native-bar)}.message-compose input{height:52px;padding:0 16px;border-radius:18px;font-size:16px}.send-button{width:52px;height:52px;border-radius:50%}

/* Forms, sheets and listing details */
.bottom-sheet{padding:9px 20px calc(28px + env(safe-area-inset-bottom))}.sheet-handle{width:42px;height:5px;margin-bottom:20px}.sheet-top h2{font-size:26px}.sheet-kicker{font-size:12px}.sheet-copy{font-size:15px;line-height:1.5}.close-button{width:44px;height:44px;border-radius:50%}.field{margin:20px 0;font-size:14px}.field input,.field select,.field textarea{margin-top:8px;padding:0 15px;border-radius:14px;font-size:16px}.field input,.field select{height:54px}.field textarea{min-height:112px;padding-top:14px}.check-field{min-height:54px;font-size:14px}.primary-button,.secondary-button{min-height:54px;font-size:16px}.filter-group strong{font-size:16px}.filter-option{min-height:44px;padding:0 15px;font-size:14px}.sheet-property b,.passport-live b,.swap-intro b,.support-card b{font-size:15px}.sheet-property small,.passport-live small,.swap-intro small,.support-card small{font-size:13px}.detail-hero{height:min(43dvh,370px)}.full-topbar{height:calc(66px + env(safe-area-inset-top))}.full-topbar>span{font-size:16px}.detail-body{padding:22px 20px 34px}.detail-body h2{font-size:31px;line-height:1.08}.detail-location{margin-top:8px;font-size:15px}.detail-price{font-size:28px}.detail-price small{font-size:14px}.detail-facts span{padding:9px 12px;font-size:14px}.trust-detail{padding:16px;border-radius:18px}.trust-detail b{font-size:16px}.trust-detail p,.detail-description{font-size:15px;line-height:1.55}.cost-card-title,.cost-total{font-size:16px}.cost-row{font-size:14px}.detail-body>h3{font-size:19px}.amenity-grid span{min-height:48px;font-size:14px}.empty-state h3{font-size:19px}.empty-state p{font-size:15px}.toast{padding:14px 18px;border-radius:15px;font-size:14px}

/* MoveOS */
.move-heading>p:last-child{font-size:15px}.move-progress{padding:20px;border-radius:22px}.progress-top{font-size:14px}.progress-top strong{font-size:25px}.task-row{min-height:68px;padding:13px;border-radius:17px}.task-check{width:32px;height:32px}.task-row b{font-size:16px}.task-row small{font-size:13px}.move-service-card{padding:17px;border-radius:19px}.move-service-card b{font-size:16px}.move-service-card small{font-size:13px}

/* Platform conventions */
html[data-platform="ios"] .tabbar{height:calc(82px + env(safe-area-inset-bottom));padding:7px 8px calc(5px + env(safe-area-inset-bottom));border-top:.5px solid rgba(40,50,50,.22);background:rgba(249,249,249,.88);box-shadow:none;backdrop-filter:saturate(180%) blur(28px)}html[data-platform="ios"] .tab{height:66px;gap:3px;border-radius:0}html[data-platform="ios"] .tab-icon{width:38px;height:34px;border-radius:0}html[data-platform="ios"] .tab.active{color:var(--teal)}html[data-platform="ios"] .tab.active .tab-icon{color:var(--teal);background:transparent;box-shadow:none}html[data-platform="ios"] .tab small{font-size:11px;font-weight:600}html[data-platform="ios"] .bottom-sheet{border-radius:22px 22px 0 0}html[data-platform="ios"] .primary-button,html[data-platform="ios"] .secondary-button{border-radius:14px}html[data-platform="ios"] .settings-card,html[data-platform="ios"] .native-record-list,html[data-platform="ios"] .native-status-list{border-radius:14px}
html[data-platform="android"] .app-header{min-height:70px;padding-left:20px;padding-right:20px}html[data-platform="android"] .native-navbar h1,html[data-platform="android"] .route-navbar h1{justify-self:start;font-size:23px}html[data-platform="android"] .tabbar{height:calc(84px + env(safe-area-inset-bottom));padding:8px 8px calc(7px + env(safe-area-inset-bottom));border:0;background:#edf5f0;box-shadow:none}html[data-platform="android"] .tab{height:68px;gap:4px;border-radius:0}html[data-platform="android"] .tab-icon{width:58px;height:34px;border-radius:19px}html[data-platform="android"] .tab.active .tab-icon{color:var(--teal-dark);background:#c7e6da;box-shadow:none}html[data-platform="android"] .tab small{font-size:12px;font-weight:600}html[data-platform="android"] .bottom-sheet{border-radius:30px 30px 0 0}html[data-platform="android"] .primary-button,html[data-platform="android"] .secondary-button{border-radius:28px}html[data-platform="android"] .property-tile,html[data-platform="android"] .settings-card{border-radius:24px}
@media(max-width:370px){.screen{padding-left:16px;padding-right:16px}.native-home-hero,.property-rail,.chip-row{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.home-list-card{grid-template-columns:118px minmax(0,1fr)}.list-card-body{padding:12px}.list-trust>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html[data-platform="ios"] .tab small{font-size:12px}
@media(hover:none) and (pointer:coarse){button:focus-visible,[data-action]:focus-visible,[data-view]:focus-visible{outline:none}}

/* Fixed app header mode: the app is navigated by its contextual header and in-screen actions. */
:root{--native-header-size:64px}
.native-app{padding-bottom:env(safe-area-inset-bottom)}
.app-header{width:min(100%,560px);height:calc(var(--native-header-size) + env(safe-area-inset-top));min-height:var(--native-header-size);position:fixed;top:0;left:50%;z-index:30;transform:translateX(-50%)}
.view-host{min-height:100dvh;padding-top:calc(var(--native-header-size) + env(safe-area-inset-top))}
html[data-platform="android"]{--native-header-size:70px}
.full-screen{z-index:60}

/* Header navigation replaces the bottom bar with a real mobile app drawer. */
body.menu-open{overflow:hidden}
.home-header-layout{width:100%;display:flex;align-items:center;gap:8px}
.home-header-layout .native-location{min-width:0;flex:1;margin-right:0}
.header-menu{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;color:var(--ink);background:transparent}
.header-menu:active{background:rgba(99,114,114,.12)}
.app-drawer{display:block;position:fixed;inset:0;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}
.app-drawer.drawer-visible{opacity:1;pointer-events:auto}
.app-drawer.drawer-interactive{pointer-events:auto}
.drawer-scrim{position:absolute;inset:0;background:rgba(12,30,31,.46);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.drawer-panel{width:min(88vw,370px);height:100%;display:flex;flex-direction:column;position:relative;padding:calc(16px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));overflow:auto;color:var(--ink);background:var(--native-bg);box-shadow:var(--native-shadow-raised);transform:translateX(-105%);transition:transform .28s var(--native-ease)}
.drawer-visible .drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 20px;border-bottom:1px solid var(--native-separator)}
.drawer-head>div{display:flex;align-items:center;gap:11px}.drawer-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--teal-dark);background:var(--yellow);font-size:21px;font-weight:950}.drawer-head b,.drawer-head small{display:block}.drawer-head b{font-size:20px;letter-spacing:-.4px}.drawer-head small{margin-top:3px;color:var(--muted);font-size:13px}.drawer-close{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--ink);background:rgba(99,114,114,.1);font-size:28px;font-weight:300;line-height:1}
.drawer-nav{display:grid;gap:5px;margin-top:18px}.drawer-group{display:grid;gap:4px}.drawer-group+.drawer-group{margin-top:14px}.drawer-group-label{margin:0 4px 2px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.drawer-item{width:100%;min-height:68px;display:flex;align-items:center;gap:13px;padding:10px 12px;border:0;border-radius:16px;color:var(--ink);background:transparent;text-align:left}.drawer-item>.icon{color:var(--muted)}.drawer-item>span{min-width:0;flex:1}.drawer-item b,.drawer-item small{display:block}.drawer-item b{font-size:16px;line-height:1.2}.drawer-item small{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.25}.drawer-item>i{color:var(--teal);font-size:11px;font-style:normal}.drawer-item.active{color:var(--teal-dark);background:var(--teal-soft)}.drawer-item.active>.icon{color:var(--teal)}.drawer-foot{display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding:14px;border-radius:16px;color:var(--teal-dark);background:var(--teal-soft)}.drawer-foot-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--teal-dark);background:var(--yellow);font-weight:900}.drawer-foot b,.drawer-foot small{display:block}.drawer-foot b{font-size:14px}.drawer-foot small{margin-top:3px;color:#55706c;font-size:12px;line-height:1.35}
.page-intro{margin:4px 0 22px}.page-intro h2{margin:0;font-size:30px;letter-spacing:-1px;line-height:1.08}.page-intro>p:last-child{margin:7px 0 0;color:var(--muted);font-size:15px;line-height:1.45}
html[data-platform="ios"] .drawer-panel{background:#f2f2f7}html[data-platform="android"] .drawer-panel{background:#f7f9f6}
@media(prefers-reduced-motion:reduce){.app-drawer,.drawer-panel{transition:none}}

/* Native mobile polish pass: preserve screen content while strengthening platform rhythm. */
:root{
  --native-surface-raised:#ffffff;
  --native-shadow-soft:0 5px 18px rgba(21,49,47,.06);
  --native-shadow-card:0 10px 28px rgba(21,49,47,.09);
  --native-hairline:rgba(27,49,50,.11);
}
html,body{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,.native-app::-webkit-scrollbar,.view-host::-webkit-scrollbar,.drawer-panel::-webkit-scrollbar,.full-screen::-webkit-scrollbar{width:0;height:0}
body{-webkit-overflow-scrolling:touch}
.native-app{position:relative;overflow-x:clip;background:var(--native-bg)}
.view-host{padding-bottom:calc(30px + env(safe-area-inset-bottom));overscroll-behavior-y:contain}
.app-header{display:flex;align-items:center;border-bottom-color:var(--native-hairline);box-shadow:0 1px 0 rgba(255,255,255,.72)}
.home-header-layout,.native-navbar{min-height:44px}
.native-navbar h1{font-weight:800}
.header-menu,.header-icon,.header-avatar{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
.header-menu:active,.header-icon:active,.header-avatar:active{transform:scale(.92)}
.screen{padding-top:22px;padding-bottom:42px}
.home-screen{padding-top:18px}
.eyebrow{font-size:11px;letter-spacing:.14em}
.home-intro{margin:0 0 22px}
.home-intro h2,.inbox-hero h2,.move-heading h2{font-size:clamp(36px,9.8vw,42px);line-height:1.01;letter-spacing:-2.05px}
.intro-copy{max-width:330px;margin-top:14px;font-size:14px;line-height:1.5}
.search-bar{min-height:70px;padding:11px 13px;border-radius:21px;box-shadow:var(--native-shadow-card)}
.search-bar-icon{width:44px;height:44px;border-radius:14px}
.search-bar b{font-size:15px;line-height:1.2}
.search-bar small{margin-top:5px;font-size:12px}
.search-bar-arrow{width:40px;height:40px;border-radius:14px}
.trust-strip{gap:12px;margin:16px 0 31px;padding:14px;border-radius:18px;box-shadow:0 2px 10px rgba(24,92,89,.04)}
.trust-strip-icon{width:34px;height:34px;border-radius:11px}
.trust-strip b{font-size:13px}
.trust-strip small{max-width:340px;font-size:12px;line-height:1.38}
.home-section-head{margin:27px 0 14px}
.home-section-head h3{font-size:22px;letter-spacing:-.75px}
.text-button{font-size:14px}
.feature-wrap{margin:0}
.feature-card{border-radius:27px;box-shadow:var(--native-shadow-card)}
.feature-image{height:242px}
.image-topline{inset:14px 14px auto}
.image-save{width:44px;height:44px;border-radius:15px}
.feature-image-copy{left:19px;right:19px;bottom:18px}
.feature-image-copy strong{font-size:22px}
.feature-image-copy small{font-size:13px}
.feature-body{padding:16px 18px 18px}
.feature-body b{font-size:20px}
.feature-body>div:first-child small{font-size:12px}
.feature-arrow{width:38px;height:38px}
.feature-facts{gap:7px}
.feature-facts span,.list-facts span{padding:7px 9px;font-size:11px}
.quick-actions{gap:10px;margin:22px 0}
.quick-actions button{min-height:116px;padding:14px 12px;border-radius:20px;box-shadow:var(--native-shadow-soft)}
.quick-icon{width:38px;height:38px;border-radius:13px}
.quick-actions b{margin-top:14px;font-size:13px}
.quick-actions small{margin-top:4px;font-size:11px;line-height:1.3}
.mini-list,.property-list,.conversation-list,.task-list{gap:13px}
.home-list-card{min-height:164px;grid-template-columns:136px minmax(0,1fr);border-radius:21px;box-shadow:var(--native-shadow-soft)}
.list-image{min-height:164px}
.list-badge{width:36px;height:36px;left:10px;bottom:10px;border-radius:12px}
.list-card-body{padding:15px}
.list-card-title b{font-size:16px}
.list-card-title small{max-width:190px;margin-top:5px;font-size:13px}
.list-save{width:40px;height:40px;margin:-4px -4px 0 0;border-radius:50%}
.list-price{margin-top:12px;font-size:20px}
.list-price small{font-size:12px}
.list-facts{gap:6px;margin-top:10px}
.list-facts span{padding:6px 8px;font-size:12px}
.list-trust{margin-top:10px;font-size:12px}
.trust-mark{font-size:12px}
.move-card{gap:12px;margin-top:22px;padding:16px;border-radius:21px;box-shadow:0 8px 20px rgba(18,63,64,.16)}
.move-card-icon{width:40px;height:40px;border-radius:13px}
.move-card b{font-size:14px}
.move-card small{margin-top:4px;font-size:12px;line-height:1.4}
.move-card-arrow{padding-right:2px}

/* Search and saved screens use native control heights and grouped surfaces. */
.explore-screen,.saved-screen,.inbox-screen,.profile-screen,.moves-screen{padding-top:22px}
.search-toolbar{grid-template-columns:minmax(0,1fr) 56px;gap:12px;margin:0 0 16px}
.native-search.light{height:58px;border-radius:18px;box-shadow:var(--native-shadow-soft);font-size:16px}
.filter-button{width:56px;height:58px;border-radius:18px;box-shadow:var(--native-shadow-soft)}
.view-switch{width:160px;margin-bottom:18px;border-radius:14px}
.view-switch button{height:40px;font-size:15px}
.chip-row{gap:9px;padding-bottom:7px}
.chip{height:42px;padding:0 16px;font-size:14px}
.native-result-row{margin:25px 0 15px}
.native-result-row b{font-size:18px}
.native-result-row button{font-size:14px}
.property-list{gap:15px}
.native-segment{min-height:48px;margin:0 0 22px;padding:3px;border-radius:14px}
.native-segment button{height:42px;border-radius:11px;font-size:15px}
.page-intro{margin:0 0 24px}
.page-intro h2{font-size:32px;letter-spacing:-1.25px}
.page-intro>p:last-child{font-size:16px;line-height:1.48}
.inbox-notice{gap:11px;margin-bottom:16px;padding:14px 15px;border-radius:16px;box-shadow:0 2px 9px rgba(24,92,89,.04)}
.inbox-notice p{font-size:14px;line-height:1.42}
.conversation-list{gap:10px}
.conversation-row{min-height:84px;padding:12px 10px;border:1px solid var(--native-hairline);border-radius:19px;box-shadow:var(--native-shadow-soft)}
.conversation-avatar{width:56px;height:56px;border-radius:17px;font-size:16px}
.conversation-copy b{font-size:16px}
.conversation-copy small{margin-top:5px;font-size:14px}
.conversation-meta{font-size:12px}

/* Account and MoveOS are grouped settings surfaces, like first-party mobile settings. */
.native-profile-row{min-height:96px;gap:16px;padding:8px 4px 23px}
.profile-avatar{width:68px;height:68px;border-radius:23px;font-size:22px;box-shadow:0 4px 12px rgba(153,116,18,.16)}
.native-profile-row b{font-size:23px}
.native-profile-row small{margin-top:6px;font-size:15px}
.native-group-label{margin:0 0 9px 4px;font-size:12px;letter-spacing:.09em}
.profile-section{margin-top:28px}
.settings-card{border-radius:21px;box-shadow:var(--native-shadow-soft)}
.setting-row{min-height:78px;gap:14px;padding:8px 16px}
.setting-icon{width:44px;height:44px;border-radius:14px}
.setting-row b{font-size:17px}
.setting-row small{margin-top:4px;font-size:14px}
.setting-row em.row-status{font-size:13px}
.native-support-row{min-height:58px;margin-top:20px;padding:14px 4px;font-size:16px}
.move-heading{margin:0 0 27px}
.move-heading>p:last-child{max-width:335px;margin-top:12px;font-size:15px;line-height:1.5}
.move-progress{padding:21px;border-radius:24px;box-shadow:0 9px 22px rgba(18,63,64,.15)}
.progress-top{font-size:14px}
.progress-top strong{font-size:27px}
.progress-track{height:9px;margin-top:17px}
.task-row{min-height:76px;padding:14px;border-radius:19px;box-shadow:var(--native-shadow-soft)}
.task-check{width:34px;height:34px;border-radius:10px}
.task-row b{font-size:17px}
.task-row small{margin-top:4px;font-size:13px}
.task-more{width:36px;height:36px}
.move-service-card{gap:12px;margin-top:23px;padding:18px;border-radius:21px;box-shadow:0 8px 20px rgba(18,92,89,.14)}
.move-service-card b{font-size:16px}
.move-service-card small{margin-top:4px;font-size:13px}

/* Sheets, push routes and detail views inherit the same touch-first geometry. */
.bottom-sheet{padding-left:22px;padding-right:22px;border-radius:30px 30px 0 0}
.sheet-handle{width:46px;height:5px;margin-bottom:21px}
.sheet-top h2{font-size:28px}
.sheet-copy{font-size:15px;line-height:1.5}
.field{margin:21px 0;font-size:15px}
.field input,.field select,.field textarea{border-radius:16px;font-size:16px}
.field input,.field select{height:56px}
.filter-option{min-height:44px;padding:0 15px;font-size:14px}
.primary-button,.secondary-button{min-height:56px;border-radius:16px;font-size:16px}
.full-topbar{height:calc(70px + env(safe-area-inset-top));padding-left:18px;padding-right:18px}
.full-topbar>span{font-size:16px}
.detail-hero{height:min(46dvh,390px)}
.detail-body{padding:24px 22px 38px}
.detail-body h2{font-size:34px;letter-spacing:-1.5px}
.detail-location{font-size:15px}
.detail-price{font-size:30px}
.detail-price small{font-size:14px}
.detail-facts span{padding:10px 13px;font-size:14px}
.trust-detail{padding:17px;border-radius:20px}
.trust-detail b{font-size:17px}
.trust-detail p,.detail-description{font-size:15px;line-height:1.55}
.detail-body>h3{font-size:20px}
.amenity-grid span{min-height:52px;font-size:14px}
.toast{bottom:calc(28px + env(safe-area-inset-bottom));padding:15px 18px;border-radius:16px;font-size:14px}

/* Drawer and platform-specific finishing details. */
.app-drawer{overscroll-behavior:contain}
.drawer-panel{width:min(86vw,370px);padding-left:18px;padding-right:18px}
.drawer-head{padding-left:2px;padding-right:2px;padding-bottom:22px}
.drawer-item{min-height:72px;border-radius:19px}
.drawer-item b{font-size:17px}
.drawer-item small{font-size:14px}
.drawer-group-label{font-size:12px}
html[data-platform="ios"] .app-header{background:rgba(249,249,249,.82)}
html[data-platform="ios"] .settings-card,html[data-platform="ios"] .conversation-row,html[data-platform="ios"] .home-list-card{box-shadow:0 1px 0 rgba(25,46,47,.05),0 7px 22px rgba(25,46,47,.06)}
html[data-platform="android"] .app-header{box-shadow:0 2px 8px rgba(22,48,42,.08)}
html[data-platform="android"] .header-menu,html[data-platform="android"] .header-icon{border-radius:14px}
html[data-platform="android"] .settings-card,html[data-platform="android"] .conversation-row,html[data-platform="android"] .home-list-card{border-radius:24px}
html[data-platform="android"] .primary-button,html[data-platform="android"] .secondary-button{border-radius:28px}
@media(max-width:370px){
  .screen{padding-left:16px;padding-right:16px}
  .home-list-card{grid-template-columns:124px minmax(0,1fr)}
  .list-card-body{padding:13px}
  .quick-actions button{padding-left:10px;padding-right:10px}
  .quick-actions b{font-size:12px}
  .setting-row{padding-left:13px;padding-right:13px}
}

/* Nested route headers share the fixed app header's global controls. */
.route-shell-header{position:sticky;top:0;z-index:6}
.route-shell-header .route-navbar,.detail-route-navbar{height:calc(var(--native-header-size) + env(safe-area-inset-top));min-height:var(--native-header-size);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;position:relative;top:auto;border-bottom:1px solid var(--native-hairline);background:var(--native-bar);box-shadow:0 1px 0 rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}
.route-leading,.route-actions{display:flex;align-items:center;gap:4px}
.route-actions{justify-content:flex-end;gap:6px}
.route-navbar h1{align-self:center;margin:0;overflow:hidden;font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.route-navbar .route-back,.route-navbar .header-menu,.route-navbar .header-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:transparent}
.route-navbar .route-back{color:var(--teal);transform:rotate(180deg)}
.route-navbar .route-menu{color:var(--ink)}
.route-navbar .route-menu:active,.route-navbar .header-icon:active,.route-navbar .route-back:active{background:rgba(99,114,114,.12)}
.route-navbar .header-icon{position:relative;color:var(--ink);background:rgba(99,114,114,.09)}
.route-navbar .notification-dot{width:8px;height:8px;right:8px;top:7px}
.detail-route-navbar .route-actions .close-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(99,114,114,.09)}
.detail-route-navbar .route-actions .close-button.active{color:var(--coral)}
.route-content{padding-top:20px}
html[data-platform="android"] .route-navbar h1{justify-self:center;font-size:21px}
html[data-platform="android"] .route-navbar .route-back,html[data-platform="android"] .route-navbar .route-menu,html[data-platform="android"] .route-navbar .header-icon{border-radius:14px}
@media(max-width:370px){
  .route-shell-header .route-navbar,.detail-route-navbar{padding-left:10px;padding-right:10px}
  .route-navbar .route-back,.route-navbar .route-menu,.route-navbar .header-icon,.detail-route-navbar .route-actions .close-button{width:40px;height:40px}
  .route-leading,.route-actions{gap:2px}
  .route-navbar h1{font-size:18px}
}
.app-header .header-menu,.app-header .header-icon,.app-header .header-avatar,.route-navbar .route-back,.route-navbar .route-menu,.route-navbar .header-icon,.detail-route-navbar .route-actions .close-button{border-radius:14px!important}

/* Signature mobile app bar: stronger hierarchy, larger controls and a distinct native surface. */
:root{--native-header-size:74px;--native-header-shadow:0 8px 24px rgba(18,63,64,.12)}
html[data-platform="android"]{--native-header-size:78px}
.app-header,.route-shell-header .route-navbar,.detail-route-navbar{height:calc(var(--native-header-size) + env(safe-area-inset-top));min-height:var(--native-header-size);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid rgba(25,55,53,.13);background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(247,250,248,.93) 100%);box-shadow:var(--native-header-shadow);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px)}
.app-header,.route-shell-header .route-navbar,.detail-route-navbar{position:relative}
.app-header::before,.route-shell-header .route-navbar::before,.detail-route-navbar::before{content:"";height:3px;position:absolute;top:env(safe-area-inset-top);left:16px;right:16px;border-radius:99px;background:linear-gradient(90deg,var(--teal) 0%,#2c8279 58%,var(--yellow) 100%);opacity:.9;pointer-events:none}
.home-header-layout,.native-navbar{min-height:50px}
.native-navbar{grid-template-columns:52px minmax(0,1fr) 52px}
.native-navbar h1,.route-navbar h1{font-size:21px;font-weight:850;letter-spacing:-.65px;color:var(--teal-dark)}
.header-menu,.header-icon,.header-avatar,.route-navbar .route-back,.route-navbar .route-menu,.route-navbar .header-icon,.detail-route-navbar .route-actions .close-button{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(25,55,53,.12);border-radius:15px!important;box-shadow:0 4px 12px rgba(18,63,64,.09);transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
.header-menu,.route-navbar .route-menu{color:var(--teal-dark);background:#e8f1ee}
.header-icon,.route-navbar .header-icon,.detail-route-navbar .route-actions .close-button{color:var(--ink);background:rgba(255,255,255,.88)}
.header-avatar{color:var(--teal-dark);background:var(--yellow);font-size:16px;font-weight:950;box-shadow:0 4px 12px rgba(153,116,18,.2)}
.header-menu .icon,.route-navbar .route-menu .icon{width:29px;height:29px;stroke-width:2.25}
.header-icon .icon,.detail-route-navbar .route-actions .close-button .icon{width:26px;height:26px;stroke-width:2.1}
.route-navbar .route-back{color:var(--teal);background:#e8f1ee;transform:rotate(180deg)}
.route-navbar .route-back .icon{width:30px;height:30px;stroke-width:2.25}
.header-menu:active,.header-icon:active,.header-avatar:active,.route-navbar .route-back:active,.route-navbar .route-menu:active,.detail-route-navbar .route-actions .close-button:active{transform:scale(.92);box-shadow:0 2px 7px rgba(18,63,64,.1)}
.native-header-actions{gap:9px}
.native-location{min-height:50px;gap:12px}
.native-location small{font-size:12px}
.native-location b{font-size:17px}
.location-brand{width:42px;height:42px;border-radius:14px;font-size:21px;box-shadow:0 4px 12px rgba(153,116,18,.2)}
.route-leading,.route-actions{gap:8px}
.route-shell-header .route-navbar,.detail-route-navbar{grid-template-columns:1fr auto 1fr}
.route-shell-header .route-navbar>.route-leading,.detail-route-navbar>.route-leading{grid-column:1;justify-self:start}
.route-shell-header .route-navbar>h1,.detail-route-navbar>h1{grid-column:2;justify-self:center;min-width:0}
.route-shell-header .route-navbar>.route-actions,.detail-route-navbar>.route-actions{grid-column:3;justify-self:end}
.app-header{position:fixed;top:0;left:50%;z-index:30;transform:translateX(-50%)}
.route-navbar .notification-dot{width:9px;height:9px;right:8px;top:7px;border-width:2px}
html[data-platform="ios"] .app-header,html[data-platform="ios"] .route-shell-header .route-navbar,html[data-platform="ios"] .detail-route-navbar{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,245,247,.9) 100%);box-shadow:0 7px 22px rgba(29,43,52,.13)}
html[data-platform="android"] .app-header,html[data-platform="android"] .route-shell-header .route-navbar,html[data-platform="android"] .detail-route-navbar{background:linear-gradient(180deg,#ffffff 0%,#f3f8f5 100%);box-shadow:0 5px 16px rgba(22,48,42,.13)}
@media(max-width:370px){
  .app-header,.route-shell-header .route-navbar,.detail-route-navbar{padding-left:10px;padding-right:10px}
  .header-menu,.header-icon,.header-avatar,.route-navbar .route-back,.route-navbar .route-menu,.route-navbar .header-icon,.detail-route-navbar .route-actions .close-button{width:46px;height:46px}
  .native-navbar{grid-template-columns:48px minmax(0,1fr) 48px}
  .header-menu .icon,.route-navbar .route-menu .icon{width:27px;height:27px}
  .route-navbar .route-back .icon{width:28px;height:28px}
  .header-icon .icon,.detail-route-navbar .route-actions .close-button .icon{width:24px;height:24px}
}

/* Center every contextual title and give the drawer a native navigation-surface treatment. */
.native-navbar h1{justify-self:center!important;text-align:center!important}
html[data-platform="android"] .native-navbar h1{justify-self:center!important;text-align:center!important}
.drawer-scrim{background:rgba(12,29,31,.58);backdrop-filter:blur(11px) saturate(.82);-webkit-backdrop-filter:blur(11px) saturate(.82)}
.drawer-panel{width:min(89vw,380px);padding:calc(12px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));border-right:1px solid rgba(25,55,53,.12);border-radius:0 30px 30px 0;box-shadow:16px 0 42px rgba(8,33,32,.22)}
.drawer-panel::before{content:"";height:3px;position:absolute;top:env(safe-area-inset-top);left:18px;right:18px;border-radius:99px;background:linear-gradient(90deg,var(--teal),#2c8279 58%,var(--yellow));opacity:.88}
.drawer-head{margin:4px 2px 16px;padding:12px 10px 14px;border:1px solid rgba(25,55,53,.1);border-bottom:1px solid rgba(25,55,53,.1);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,244,239,.94));box-shadow:0 7px 18px rgba(18,63,64,.08)}
.drawer-mark{width:48px;height:48px;border-radius:16px;font-size:23px;box-shadow:0 4px 12px rgba(153,116,18,.2)}
.drawer-head b{font-size:21px}
.drawer-head small{font-size:13px}
.drawer-close{width:46px;height:46px;border:1px solid rgba(25,55,53,.1);border-radius:14px;color:var(--ink);background:rgba(255,255,255,.78);box-shadow:0 3px 10px rgba(18,63,64,.08);font-size:25px}
.drawer-nav{gap:12px;margin-top:0;padding:0 2px}
.drawer-group{gap:3px;margin-top:0!important;padding:8px;border:1px solid rgba(25,55,53,.09);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 5px 16px rgba(18,63,64,.055)}
.drawer-group-label{padding:2px 8px 6px;margin:0;color:#6d7d80;font-size:11px;font-weight:850;letter-spacing:.13em}
.drawer-item{min-height:66px;gap:12px;padding:8px 10px;border-radius:17px}
.drawer-item>.icon{width:40px;height:40px;padding:9px;border-radius:13px;color:var(--teal);background:#edf4f1;box-sizing:border-box}
.drawer-item b{font-size:17px}
.drawer-item small{font-size:13px}
.drawer-item.active{box-shadow:inset 0 0 0 1px rgba(24,92,89,.08),0 4px 10px rgba(24,92,89,.07)}
.drawer-item.active>.icon{color:var(--teal-dark);background:var(--yellow);box-shadow:0 3px 8px rgba(153,116,18,.15)}
.drawer-item>i{width:8px;height:8px;display:block;flex:0 0 auto;border-radius:50%;color:transparent;background:var(--teal)}
.drawer-item:not(.active)>i{width:auto;height:auto;border-radius:0;color:var(--teal);background:transparent;font-size:0}
.drawer-item:not(.active)>i::after{content:"›";font-size:22px;font-style:normal;font-weight:500;line-height:1}
.drawer-foot{margin:14px 2px 0;padding:16px;border:1px solid rgba(24,92,89,.12);border-radius:20px;background:linear-gradient(145deg,#e5f2ee,#f1f8f4);box-shadow:0 6px 16px rgba(18,63,64,.07)}
.drawer-foot-icon{width:32px;height:32px;border-radius:11px;box-shadow:0 3px 8px rgba(153,116,18,.15)}
html[data-platform="ios"] .drawer-panel{background:linear-gradient(180deg,#f4f4f8 0%,#eef0f2 100%)}
html[data-platform="android"] .drawer-panel{background:linear-gradient(180deg,#f7faf8 0%,#edf5f0 100%)}
html[data-platform="android"] .drawer-group{border-radius:24px}
html[data-platform="android"] .drawer-item{border-radius:19px}
.drawer-item{touch-action:manipulation;user-select:none;-webkit-user-select:none}
.drawer-item>*{pointer-events:none}

/* Product refinement layer: motion, content hierarchy, trust, forms and accessibility. */
:root{--native-duration:.28s;--native-motion:cubic-bezier(.22,.8,.24,1);--native-focus:rgba(24,92,89,.24)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app-header,.route-shell-header .route-navbar,.detail-route-navbar{transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease}
body.is-scrolled .app-header{background:rgba(255,255,255,.97);border-bottom-color:rgba(25,55,53,.18);box-shadow:0 10px 28px rgba(18,63,64,.16)}
html[data-platform="ios"] body.is-scrolled .app-header{background:rgba(249,249,249,.96)}
html[data-platform="android"] body.is-scrolled .app-header{background:#f8fbf9}
.screen{animation:native-screen-enter var(--native-duration) var(--native-motion) both}
.native-route{animation:native-route-enter .34s var(--native-motion) both}
.property-tile,.home-list-card,.conversation-row,.task-row,.settings-card,.quick-actions button{transform:translateZ(0);will-change:transform,box-shadow}
.property-tile,.home-list-card{transition:transform .25s var(--native-motion),box-shadow .25s ease}
.property-tile:active,.home-list-card:active{transform:scale(.985) translateY(1px);box-shadow:0 4px 12px rgba(21,49,47,.07)}
.tile-image img,.list-image img{transition:transform .55s var(--native-motion),filter .35s ease}
.property-tile:active .tile-image img,.home-list-card:active .list-image img{transform:scale(1.035);filter:saturate(1.05)}
.tile-image,.list-image{isolation:isolate}
.tile-verified,.list-badge{border:1px solid rgba(255,255,255,.72);box-shadow:0 5px 13px rgba(5,25,24,.16)}
.tile-verified{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.image-save,.list-save{transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}
.image-save:active,.list-save:active{transform:scale(.88);box-shadow:0 2px 7px rgba(0,0,0,.12)}
.image-save .icon,.list-save .icon{width:21px;height:21px;stroke-width:2.05}
.list-trust{align-items:center}
.trust-mark{min-height:22px;padding:3px 7px;border:1px solid rgba(24,92,89,.13);border-radius:8px;background:rgba(229,242,238,.68)}
.trust-mark.muted{border-color:rgba(113,129,132,.15);background:#f1f4f3}
.trust-detail{border:1px solid rgba(24,92,89,.1);box-shadow:0 4px 13px rgba(24,92,89,.05)}
.trust-detail>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.7)}
.trust-detail .icon{width:19px;height:19px;stroke-width:2}
.home-section-head,.native-result-row{animation:native-content-rise .34s var(--native-motion) both}
.quick-actions button{transition:transform .22s var(--native-motion),box-shadow .22s ease,border-color .22s ease}
.quick-actions button:active{transform:scale(.965);box-shadow:0 3px 9px rgba(21,49,47,.06)}
.empty-state{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 4px 14px rgba(21,49,47,.035)}
.empty-state .primary-button{max-width:250px;margin-left:auto;margin-right:auto}
.skeleton-list{padding:2px 0}
.skeleton-line{min-height:78px;border:1px solid rgba(25,55,53,.06);border-radius:20px;box-shadow:0 4px 14px rgba(21,49,47,.035)}
.route-form .field{position:relative}
.route-form input,.route-form select,.route-form textarea{caret-color:var(--teal)}
.route-form input::placeholder,.route-form textarea::placeholder{color:#8b9799;opacity:1}
.route-form input:focus,.route-form select:focus,.route-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--native-focus);outline:none}
.route-form.has-validation-error input:invalid,.route-form.has-validation-error select:invalid,.route-form.has-validation-error textarea:invalid{border-color:#c85e50;box-shadow:0 0 0 3px rgba(200,94,80,.14)}
.route-form .field:has(input:invalid:focus) label,.route-form .field:has(select:invalid:focus) label{color:#a84439}
.route-sticky-action{box-shadow:0 -5px 18px rgba(18,63,64,.08)}
.detail-route-navbar{margin-bottom:calc(-1 * var(--native-header-size));position:sticky!important;top:0;z-index:8;background:linear-gradient(180deg,rgba(7,29,31,.68) 0%,rgba(7,29,31,.08) 100%);border-bottom-color:transparent;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.detail-route-navbar::before{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(244,220,105,.95));opacity:.9}
.detail-route-navbar h1{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.detail-route-navbar .route-back,.detail-route-navbar .route-menu,.detail-route-navbar .route-actions .close-button{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(7,29,31,.32);box-shadow:0 4px 12px rgba(0,0,0,.16)}
.detail-route-navbar .route-actions .close-button.active{color:#ffb4a8}
.full-screen.route-scrolled .detail-route-navbar{margin-bottom:0;background:rgba(249,250,249,.96);border-bottom-color:rgba(25,55,53,.13);box-shadow:0 7px 22px rgba(18,63,64,.13);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}
.full-screen.route-scrolled .detail-route-navbar::before{background:linear-gradient(90deg,var(--teal),#2c8279 58%,var(--yellow))}
.full-screen.route-scrolled .detail-route-navbar h1{color:var(--teal-dark);text-shadow:none}
.full-screen.route-scrolled .detail-route-navbar .route-back,.full-screen.route-scrolled .detail-route-navbar .route-menu,.full-screen.route-scrolled .detail-route-navbar .route-actions .close-button{color:var(--teal-dark);border-color:rgba(25,55,53,.12);background:rgba(255,255,255,.88);box-shadow:0 4px 12px rgba(18,63,64,.09)}
.full-screen.route-scrolled .detail-route-navbar .route-actions .close-button.active{color:var(--coral)}
.detail-actions{position:sticky;bottom:0;z-index:5;margin:25px -22px -38px;padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(25,55,53,.12);background:rgba(249,250,249,.94);box-shadow:0 -7px 22px rgba(18,63,64,.1);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.detail-actions .primary-button,.detail-actions .secondary-button{box-shadow:0 3px 10px rgba(18,63,64,.07)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[data-action]:focus-visible,[data-view]:focus-visible{outline:3px solid rgba(244,220,105,.98);outline-offset:3px;box-shadow:0 0 0 6px rgba(24,92,89,.14)}
@media(max-width:390px){.field-grid{grid-template-columns:1fr}.detail-actions{grid-template-columns:1fr 1fr}}
@media(prefers-contrast:more){:root{--native-hairline:rgba(13,42,42,.3);--native-focus:rgba(24,92,89,.42)}.drawer-item small,.list-card-title small,.conversation-copy small{color:#4d5c60}.trust-mark{border-color:currentColor}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen,.native-route,.home-section-head,.native-result-row{animation:none!important}.property-tile,.home-list-card,.conversation-row,.task-row,.settings-card,.quick-actions button,.tile-image img,.list-image img{transition:none!important}}
@keyframes native-screen-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes native-route-enter{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes native-content-rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Keep the Home brand placeholder the same footprint as the primary header controls. */
.home-header-layout .location-brand{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto}
@media(max-width:370px){.home-header-layout .location-brand{width:46px;height:46px}}

/* The native shell owns system-bar insets; app chrome begins at the WebView's top edge. */
.app-header,.route-shell-header .route-navbar,.detail-route-navbar{height:var(--native-header-size);min-height:var(--native-header-size);padding-top:12px}
.app-header::before,.route-shell-header .route-navbar::before,.detail-route-navbar::before{top:0}
.view-host{padding-top:var(--native-header-size)}

/* Discover map: centred native mode control and privacy-safe interactive home map. */
.explore-screen .view-switch{margin:0 auto 18px}
.explore-map{height:min(58dvh,590px);min-height:390px;margin:18px -20px -34px;position:relative;overflow:hidden;border-top:1px solid rgba(25,55,53,.1);background:#dfe9e4;isolation:isolate}
.map-canvas{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 21% 18%,rgba(255,255,255,.66) 0 7%,transparent 7.4%),linear-gradient(145deg,#edf3ef 0%,#d9e7e0 48%,#e8eee9 100%);transition:transform .28s var(--native-motion);transform-origin:center}
.map-canvas::before,.map-canvas::after{content:"";position:absolute;inset:-20%;opacity:.72;pointer-events:none}.map-canvas::before{background:repeating-linear-gradient(27deg,transparent 0 62px,rgba(255,255,255,.74) 63px 72px,rgba(196,207,201,.38) 73px 75px,transparent 76px 118px)}.map-canvas::after{background:repeating-linear-gradient(112deg,transparent 0 92px,rgba(255,255,255,.64) 93px 101px,transparent 102px 155px)}
.map-zoom-2 .map-canvas{transform:scale(1.12)}.map-zoom-3 .map-canvas{transform:scale(1.25)}
.map-road{height:13px;position:absolute;z-index:1;border:2px solid rgba(178,191,184,.58);border-left:0;border-right:0;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.42);transform-origin:left center}.road-one{width:125%;left:-8%;top:37%;transform:rotate(-13deg)}.road-two{width:112%;left:8%;top:67%;transform:rotate(19deg)}.road-three{width:72%;left:31%;top:5%;transform:rotate(75deg)}.road-four{width:62%;left:-9%;top:78%;transform:rotate(-58deg)}
.map-water{width:46%;height:34%;position:absolute;right:-18%;top:33%;z-index:0;border-radius:48% 0 0 52%;background:linear-gradient(135deg,rgba(146,203,211,.5),rgba(109,181,192,.66));box-shadow:inset 8px 0 18px rgba(255,255,255,.3)}
.map-area-label{position:absolute;z-index:2;color:#758581;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.label-1{left:11%;top:12%}.label-2{right:14%;top:27%}.label-3{left:14%;bottom:27%}.label-4{right:20%;bottom:17%}
.map-current-area{width:44px;height:44px;display:grid;place-items:center;position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(24,92,89,.14);border-radius:50%;background:rgba(24,92,89,.12)}.map-current-area i{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--teal);box-shadow:0 2px 7px rgba(18,63,64,.24)}
.map-price-pin{min-width:70px;height:36px;position:absolute;z-index:5;transform:translate(-50%,-50%);padding:0 10px;border:2px solid #fff;border-radius:12px;color:#fff;background:var(--teal-dark);box-shadow:0 5px 13px rgba(18,63,64,.24);font-size:11px;font-weight:900;white-space:nowrap}.map-price-pin::after{content:"";width:9px;height:9px;position:absolute;left:50%;bottom:-6px;transform:translateX(-50%) rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;background:inherit}.map-price-pin.selected{z-index:7;color:var(--teal-dark);background:var(--yellow);box-shadow:0 7px 17px rgba(134,101,14,.28);transform:translate(-50%,-50%) scale(1.08)}
.map-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:absolute;z-index:10;top:14px;left:14px;right:14px;pointer-events:none}.map-topbar span,.map-topbar b{min-height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(255,255,255,.7);border-radius:11px;background:rgba(255,255,255,.9);box-shadow:0 4px 13px rgba(18,63,64,.12);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-size:11px}.map-topbar span{color:var(--teal);font-weight:800}.map-topbar b{color:var(--ink)}
.map-controls{display:grid;gap:7px;position:absolute;z-index:10;right:14px;top:66px}.map-controls button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(25,55,53,.1);border-radius:13px;color:var(--teal-dark);background:rgba(255,255,255,.94);box-shadow:0 5px 14px rgba(18,63,64,.13);font-size:23px;font-weight:500}.map-controls button:last-child{margin-top:4px;color:#fff;background:var(--teal)}

/* Country picker: keep every option as a clear, full-width native list row. */
.country-list{display:grid;gap:9px;margin:18px 0 4px}
.country-row{width:100%;min-height:70px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(25,55,53,.12);border-radius:19px;color:var(--ink);background:linear-gradient(145deg,#ffffff,#f4f8f5);box-shadow:0 4px 12px rgba(18,63,64,.05);text-align:left;appearance:none;-webkit-appearance:none;transition:transform .18s var(--native-motion),border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.country-row:active{transform:scale(.985);border-color:rgba(24,92,89,.35);background:var(--teal-soft);box-shadow:0 2px 7px rgba(18,63,64,.06)}
.country-row>span:first-child{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:var(--teal-dark);background:#e6f2ed;font-size:25px;line-height:1}
.country-row>b{min-width:0;flex:1;color:var(--ink);font-size:17px;font-weight:850;line-height:1.18;letter-spacing:-.2px}
.country-selected{display:inline-flex!important;align-items:center;gap:4px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(24,92,89,.16);border-radius:11px;color:var(--teal);background:#e6f2ed;font-size:11px;font-weight:850;line-height:1;white-space:nowrap}
.country-selected .icon{width:14px;height:14px;stroke-width:2.4}
.country-row>.icon{width:19px;height:19px;flex:0 0 auto;color:#728286;stroke-width:2}
.bottom-sheet:has(.country-list) .sheet-copy{max-width:34rem;margin-top:11px}
html[data-platform="ios"] .country-row{min-height:72px;border-radius:17px;background:#fff;box-shadow:0 1px 3px rgba(29,43,52,.08)}
html[data-platform="ios"] .country-row>span:first-child{border-radius:13px;background:#eef4f1}
html[data-platform="android"] .country-row{min-height:74px;border-radius:21px}
html[data-platform="android"] .country-row>span:first-child{border-radius:15px}
.map-preview{display:flex;align-items:center;gap:6px;position:absolute;z-index:12;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:7px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(18,63,64,.2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.map-preview-main{min-width:0;display:flex;align-items:center;gap:11px;flex:1;padding:0;border:0;color:var(--ink);background:transparent;text-align:left}.map-preview-main img{width:68px;height:68px;flex:0 0 auto;border-radius:15px;object-fit:cover}.map-preview-main>span{min-width:0;flex:1}.map-preview-main b,.map-preview-main small,.map-preview-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-preview-main b{font-size:14px}.map-preview-main small{margin-top:3px;color:var(--muted);font-size:11px}.map-preview-main strong{margin-top:7px;color:var(--teal-dark);font-size:15px}.map-preview-main strong em{margin-left:3px;color:var(--muted);font-size:10px;font-style:normal;font-weight:650}.map-preview-main>.icon{flex:0 0 auto;color:var(--teal)}.map-preview-save{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:14px;color:#81908e;background:#eef2f0}.map-preview-save.active{color:var(--coral);background:var(--coral-soft)}
.empty-map{display:grid;place-items:center}.map-empty{max-width:290px;padding:28px;text-align:center}.map-empty>.icon{color:var(--teal)}.map-empty h3{margin:14px 0 7px}.map-empty p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.45}
@media(max-width:390px){.explore-map{margin-left:-20px;margin-right:-20px}.map-preview-main img{width:62px;height:62px}.map-price-pin{min-width:64px;padding:0 8px;font-size:10px}}

/* Map mode fills the live device viewport with no trailing page space. */
body[data-view="explore"]:has(.explore-screen.map-mode){overflow:hidden}
.view-host:has(.explore-screen.map-mode){padding-bottom:0}
.explore-screen.map-mode{height:calc(100dvh - var(--native-header-size));min-height:0;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}
.explore-screen.map-mode>.search-toolbar,.explore-screen.map-mode>.view-switch,.explore-screen.map-mode>.chip-row{flex:0 0 auto}
.explore-screen.map-mode>.explore-map{height:auto;min-height:0;flex:1 1 auto;margin-bottom:0}