/* Issue #20: shared tokens and responsive surfaces. API contracts stay in account.js. */
:root{color-scheme:light;--ink:#101b32;--muted:#5d6b81;--line:#e4ebf4;--bg:#f7fafe;--accent:#087ddb;--light:#edf6ff;--terminal:#087ddb;--surface:#fff;--positive:#16723b}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
button,a,input,select,summary{touch-action:manipulation}button{min-height:44px;transition:background-color .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.55}button,a{ -webkit-tap-highlight-color:#087ddb22}
:where(button,a,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2{ text-wrap:balance}input,select{color:var(--ink);background:var(--surface);border-color:#a9b8cc;min-width:0}input:focus,select:focus{outline-color:var(--accent)}label{color:var(--ink)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:10000;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:12px}
header{position:relative;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:17px 0;z-index:5}header .wrap{max-width:none;padding:0 32px;min-height:36px}.brand-lockup{display:flex;align-items:center;gap:0;flex-shrink:0}.brand{font-family:Arial,Helvetica,system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.35px;text-transform:none;color:#193322}.header-tools{display:flex;align-items:center;gap:16px}.beta{color:var(--muted);font-size:10px;letter-spacing:1.2px;border:0;padding:0}.saved-search-trigger{display:inline-flex;align-items:center;gap:8px;font-size:12px}.saved-search-trigger #savedSearchQty{background:var(--light);color:var(--accent);min-width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center}
.workspace{margin-left:224px;min-height:calc(100vh - 80px)}.wrap{max-width:1440px;padding:0 32px}.app-nav{position:absolute;top:100px;left:16px;width:192px;display:flex;flex-direction:column;gap:8px}.app-nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:var(--muted);font-size:13px;padding:12px 16px;border-radius:12px;font-weight:600}.app-nav button:hover,.app-nav button[aria-current="page"]{background:#e4f2ff;color:#075b9c}.app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.nav-note{border-top:1px solid var(--line);margin:24px 16px;padding-top:24px;font-size:11px;letter-spacing:1px;font-weight:750;color:var(--accent)}.nav-note span{display:block;color:var(--muted);letter-spacing:0;font-size:12px;font-weight:400;line-height:1.7;margin-top:8px}
.hero{background:transparent;color:var(--ink);padding:44px 0 40px;position:relative;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;width:480px;height:480px;right:-180px;top:-230px;border:1px solid #087ddb12;border-radius:50%;box-shadow:0 0 0 42px #087ddb05,0 0 0 84px #19c5d407;z-index:-1;pointer-events:none}.hero h1{font-size:clamp(25px,2.8vw,38px);line-height:1.18;letter-spacing:-1.3px;margin:12px 0;color:var(--ink);text-shadow:none}.hero p{color:var(--muted);max-width:650px}.system-kicker{font-size:10px!important;letter-spacing:1.8px;text-transform:uppercase;font-weight:750;color:#0767b5!important;margin:0 0 12px!important}
.panel{margin:0 0 28px;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 24px #101b3205;padding:24px;border-radius:16px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading h2{font-size:17px;letter-spacing:-.4px;margin:0}.panel-heading span{color:var(--muted);font-size:12px}.filters{gap:16px}.filters-main{grid-template-columns:repeat(3,minmax(0,1fr))}.panel input,.panel select{font-size:13px;min-height:44px}.advanced-filters{background:var(--bg);border-color:var(--line)}.advanced-filters>summary{color:var(--muted);font-size:12px}.advanced-filters>summary:hover{background:var(--light)}.advanced-filter-count{background:var(--light);color:#075b9c}.primary{background:linear-gradient(110deg,#087ddb,#087f9e);color:#fff;border:1px solid transparent;box-shadow:none}.primary:hover{background:#0766b2;color:#fff}.secondary{color:#075b9c;background:var(--light);border:1px solid #d0e5f8}.secondary:hover{background:#dbeeff}.ghost{color:var(--muted);background:var(--surface);border:1px solid var(--line)}.ghost:hover{color:var(--ink);background:var(--light)}.actions{gap:10px}.actions .primary{min-width:160px}#status{color:var(--muted);font:13px/1.5 system-ui,sans-serif}
#accountBar{background:transparent;border:0;padding:0 0 8px}#accountBar .wrap{justify-content:flex-end}#memberStatus{color:var(--muted);font-size:11px}#accountBar button{color:#075b9c;border-color:var(--line);background:var(--surface);min-height:36px}#alertPanel{background:var(--surface);border:1px solid var(--line);margin:12px 32px 24px;border-radius:16px}#alertPanel .wrap{padding:24px}.alert-actions a{color:#0767b5}.alert-actions button{background:var(--light);color:#075b9c}
.results-bar{margin-top:26px}.results-bar h2{font-size:23px}.results-bar>div{min-width:0}.results-bar select{font-size:12px;max-width:100%}.results-bar h2::before{content:none}.active-filters{background:var(--light);border-color:var(--line);color:#26496c}.notice{color:var(--muted);line-height:1.6;font-size:11px;background:transparent;border:0;padding:0}.card{border-color:var(--line);box-shadow:0 3px 12px #101b3205;border-radius:16px}.card:hover{border-color:#b6d9f5;box-shadow:0 5px 18px #101b3209}.image{height:180px;background:#edf3fa}.image .missing{color:var(--muted);background:linear-gradient(135deg,#edf3fa,#f7fafe)}.price{color:var(--ink);font-size:23px}.title{font-size:14px}.location,.foot .small{color:var(--muted)}.facts span{color:#43546c;background:var(--bg);padding:5px 6px}.foot{flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}.foot .small{font-size:10px}.open{color:#0767b5;background:transparent;padding:4px 0;font-size:11px;white-space:normal;min-height:32px;display:inline-flex;align-items:center}.open:hover{color:#054e8b;background:transparent;text-decoration:underline}.listing-source{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.chip{color:#26496c;border-color:var(--line)}.sea-info{color:#075b9c;background:var(--light)}.pagination button{border-color:var(--line);color:#075b9c}.empty{color:var(--muted);border-color:#a9b8cc}.footer{color:var(--muted)}
.saved-panel{background:transparent;color:var(--ink);border:0;padding:40px 0 24px}.saved-panel-head h2{color:var(--ink);font-size:30px;letter-spacing:-1px}.saved-panel-head p{color:var(--muted);font-size:13px}.saved-panel-close{background:var(--surface);border-color:var(--line);color:var(--muted)}.saved-search-grid{gap:16px}.saved-search-card{background:var(--surface);border-color:var(--line);border-radius:16px;padding:20px;gap:16px;min-width:0}.saved-search-card:hover,.saved-search-card:focus-within{border-color:var(--accent)}.saved-card-open{color:var(--ink);border-radius:4px}.saved-card-open:focus-visible{outline-color:var(--accent)}.saved-card-name{font-size:16px}.saved-card-subtitle{color:var(--muted);line-height:1.6;margin:8px 0 18px;overflow-wrap:anywhere}.saved-stat{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:4px}.saved-stat:last-child{border:0}.saved-stat b{color:var(--ink);font:750 24px/1.2 system-ui,sans-serif}.saved-stat span{color:var(--muted);font-size:10px;margin-top:6px}.saved-stat.new b{color:var(--positive)}.saved-stat.price-change b{color:#0767b5}.saved-card-footer small,.saved-card-footer button,.saved-storage-note{color:var(--muted);font-family:system-ui,sans-serif}.saved-card-footer button:hover{color:#a12b2b}.saved-empty{grid-column:1/-1;background:var(--surface);color:var(--muted);border-color:var(--line);border-radius:16px;padding:40px 24px}.saved-empty strong{color:var(--ink);font-size:20px}.saved-empty p{max-width:520px;margin:12px auto 24px}#savedSearchMessage:not(:empty){color:var(--muted)}.selected-saved-search{background:var(--light);color:#26496c;border-color:#d0e5f8;border-radius:12px}.activity-marker{color:var(--positive);background:#e9f8ee;border-color:#cae9d4}.activity-marker.price,.activity-marker.updated{color:#075b9c;background:var(--light);border-color:#d0e5f8}.save-modal-backdrop{background:#101b3266;overscroll-behavior:contain}.save-search-dialog{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 20px 80px #101b3226;border-radius:16px}.save-search-dialog label{color:var(--ink)}.save-search-dialog input{background:var(--surface);color:var(--ink);border-color:#a9b8cc}.save-hint{color:var(--muted)}#saveSearchStatus{color:#a12b2b}
.auth-wrap{max-width:1200px;padding:56px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.auth-intro h2{font-size:clamp(28px,3vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:24px 0}.auth-intro h2 span{color:var(--accent)}.auth-intro>p:not(.system-kicker){color:var(--muted);line-height:1.8}.feature-pills{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:8px;margin:28px 0}.feature-pills li{padding:9px 12px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:12px;color:#26496c}.auth-intro .ghost{font-size:12px;color:#075b9c;background:var(--light);text-align:left}.auth-card{padding:32px;border-color:var(--line);border-radius:18px;box-shadow:0 8px 40px #101b3207;min-width:0}.auth-card h2{color:var(--ink);font-size:26px}.auth-card p{color:var(--muted);font-size:13px;line-height:1.65}.auth-card .switch{color:#0767b5}.auth-card .terms{flex-wrap:wrap;gap:4px;line-height:1.6}.auth-card .terms input{flex-shrink:0;margin-right:4px;accent-color:var(--accent)}.auth-card .terms a{color:#0767b5}.auth-card .google-auth{color:var(--ink);border-color:#a9b8cc}.auth-back{width:100%;font-size:12px}#demoGate{grid-column:2}#googleProviderStatus{color:var(--muted)}body:has(#accountGate:not([hidden])) .hero,body:has(#accountGate:not([hidden])) .app-nav{display:none}body:has(#accountGate:not([hidden])) .workspace{margin-left:0}body:has(#accountGate:not([hidden])) .auth-wrap:has(#demoGate:not([hidden])){align-items:start}body:has(#accountGate:not([hidden])) .auth-intro{grid-column:1;grid-row:1 / span 3}
.guest-preview-cta{background:var(--surface);color:var(--ink);border-color:var(--line);border-top:2px solid var(--accent);border-radius:16px}.guest-preview-cta h3{color:var(--ink)}.guest-preview-cta p,.guest-preview-cta small{color:var(--muted)}.guest-preview-cta p strong{color:var(--ink)}.guest-prices span,.subscription-prices strong{color:var(--muted);background:var(--bg);border-color:var(--line)}.guest-prices strong{color:var(--ink)}.black-november-offer{color:#26496c;background:var(--light);border-color:var(--accent)}#subscriptionArea select{color:var(--ink);background:var(--surface);border-color:#a9b8cc}
/* Approved wordmark: no building/radar pictogram. Dark moss-green lowercase + fluorescent green period. */
#brandLogo .brand-real{color:#193322}
#brandLogo .brand-real>.brand-dot{display:inline-block;width:.27em;height:.27em;margin-left:.045em;border-radius:50%;background:#26ff00;vertical-align:baseline}
#brandLogo[data-logo-state="decoding"] .brand-dot{opacity:0;transform:scale(.25)}
#brandLogo .brand-dot{opacity:1;transform:scale(1);transform-origin:center;transition:transform .22s ease,opacity .22s ease}
#brandLogo[data-logo-state="decoding"] .brand-dot.locked{opacity:1;transform:scale(1)}
#brandLogo .brand-letter.locked .brand-glyph{color:#193322}
#brandLogo .brand-rain{inset:-17px 0 -13px}
body:has(#savedSearchPanel:not([hidden])) .hero,body:has(#savedSearchPanel:not([hidden])) #appMain{display:none!important}
body:has(#favoritesPanel:not([hidden])) .hero,body:has(#favoritesPanel:not([hidden])) #appMain{display:none!important}
.favorites-panel{padding:40px 0 34px}.favorites-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.favorites-panel-head h2{margin:0;color:var(--ink);font-size:30px;letter-spacing:-1px}
.favorites-panel-head p{margin:8px 0 0;font-size:13px;color:var(--muted)}
.favorite-heart{position:absolute;z-index:3;top:9px;right:9px;display:grid;place-items:center;width:38px;height:38px;min-height:38px;border:1px solid #ffffffb8;border-radius:50%;background:#ffffffdb;cursor:pointer;padding:6px}
.favorite-heart svg{width:25px;height:25px;stroke:#2e4254;stroke-width:1.65;fill:transparent;transition:fill .15s ease,stroke .15s ease}
.favorite-heart[aria-pressed="true"] svg{fill:rgba(230,36,58,.5);stroke:#e6243a}
.favorite-heart:hover{background:white}.favorite-heart:disabled{opacity:.6}
.pool-info{border-radius:8px;background:#edf6ff;color:#294d5f;padding:6px 9px;font-size:11px}
@media(max-width:670px){.favorites-panel{padding:25px 0}.favorites-panel-head{align-items:flex-start}.favorites-panel-head h2{font-size:25px}.favorites-panel-head button{flex-shrink:0;font-size:11px;padding:8px}}
@media(min-width:1600px){.workspace>.wrap,.hero .wrap,.saved-panel .wrap{max-width:1440px}}
@media(max-width:1200px){.workspace{margin-left:200px}.app-nav{width:168px}.wrap{padding:0 24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-wrap{gap:40px}.beta{display:none}.panel-heading span{display:none}}
@media(max-width:900px){.workspace{margin-left:0}.app-nav{position:relative;top:auto;left:auto;width:auto;flex-direction:row;gap:4px;padding:12px 24px;border-bottom:1px solid var(--line);overflow:auto}.app-nav button{white-space:nowrap;padding:10px 12px;font-size:12px}.app-nav svg{width:18px;height:18px}.nav-note{display:none}.hero{padding:28px 0}.auth-wrap{padding:40px 24px;gap:28px}.auth-intro h2{font-size:30px}.auth-card{padding:24px}.header-tools{gap:8px}}
@media(max-width:670px){header .wrap{padding:0 16px;gap:8px}.brand{font-size:21px}.brand-symbol{width:24px;height:24px}.brand-lockup{gap:6px}.header-tools button{font-size:11px;padding:8px 10px}.saved-search-trigger{min-width:44px}.workspace .wrap{padding-left:16px;padding-right:16px}.app-nav{padding:8px;justify-content:space-around;gap:0;overflow:visible}.app-nav button{flex-direction:column;gap:5px;padding:7px 4px;min-width:0;font-size:9px;flex:1;white-space:normal;text-align:center}.app-nav svg{width:19px;height:19px}.hero h1{font-size:29px;letter-spacing:-1px}.hero p{font-size:13px}.system-kicker{font-size:9px!important;letter-spacing:1.3px}.panel{padding:18px;border-radius:16px}.panel-heading h2{font-size:15px}.filters-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.region-pair{grid-column:1/-1;grid-template-columns:72px minmax(0,1fr)}.filters-advanced{grid-template-columns:1fr 1fr;gap:12px;padding:8px 12px 16px}.filters-advanced label{font-size:11px}.panel input,.panel select{padding:10px;font-size:12px}.actions button{font-size:12px;min-width:0!important;flex:1 1 40%}.actions #status{flex-basis:100%}.cards,.saved-search-grid{grid-template-columns:1fr}.image{height:215px}.results-bar{align-items:stretch}.results-bar>div{width:100%}.results-bar h2{font-size:22px}.results-bar select{width:100%}.saved-panel{padding-top:28px}.saved-panel-head h2{font-size:27px}.saved-panel-head{gap:12px}.saved-panel-close{padding:8px;font-size:12px}.saved-search-card{padding:20px}.saved-stat b{font-size:25px}#alertPanel{margin:12px 16px 24px}.auth-wrap{display:flex;flex-direction:column;align-items:stretch;padding:28px 16px;gap:24px}.auth-intro h2{font-size:32px;margin:16px 0}.auth-intro>p:not(.system-kicker){font-size:13px}.feature-pills{margin:20px 0}.feature-pills li{padding:7px 10px;font-size:11px}.auth-card{padding:24px}.auth-intro .ghost{width:100%}.guest-preview-cta{padding:20px}.saved-panel-head p{font-size:12px}}
@media(max-width:360px){.header-tools #savedSearchesButton{font-size:10px;padding:8px}.brand{font-size:18px}.brand-symbol{width:21px}.filters-main,.filters-advanced{grid-template-columns:1fr}.region-pair{grid-column:auto}.header-tools{gap:4px}.hero h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.brand-rain,.brand-decoder{display:none!important}}
#status:empty{display:none}

/* Commercial checkout stays disabled until MP live and its verified ledger pass launch checks. */
#earlyAccessContact:not([hidden]){display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;min-width:210px;padding:10px 16px;border-radius:9px;text-decoration:none;
 font-size:13px;font-weight:650;margin:8px 0 12px}
#earlyAccessContact[hidden]{display:none!important}