:root{color-scheme:light;--theme-control-bg:transparent}
html[data-theme=dark]{color-scheme:dark}
.theme-picker{display:inline-flex;align-items:center;flex:none;min-width:0}
.theme-picker select{display:block;width:98px;max-width:98px;min-width:0;margin:0;border:1px solid var(--line);border-radius:5px;padding:8px 5px;background:var(--paper);color:var(--ink);-webkit-text-fill-color:var(--ink);font:11px/1.3 Arial,sans-serif;cursor:pointer}
.theme-picker select option{background:var(--paper);color:var(--ink)}
.theme-picker select:focus-visible{outline:2px solid currentColor;outline-offset:3px}
input,select,textarea{caret-color:currentColor}
@media(max-width:1100px){.header{gap:18px}.header nav{gap:17px;font-size:11px}.header-tools,.header-actions{gap:12px}}
@media(max-width:580px){.theme-picker select{width:82px;max-width:82px;font-size:10px;padding:7px 3px}.header{gap:10px}.header-tools,.header-actions{gap:9px}}
html[data-theme=dark]{--paper:#211e24;--ink:#f3edf2;--plum:#61445e;--lime:#d9dda3;--line:#4c424d;--muted:#beb2bc}
html[data-theme=dark] .header{background:rgba(33,30,36,.97)}
html[data-theme=dark] .brand svg,html[data-theme=dark] .hero-sticker svg{stroke:#c6a9c2}
html[data-theme=dark] em,html[data-theme=dark] .hero h1 em{color:#c5a9c2}
html[data-theme=dark] .hero-description,html[data-theme=dark] .apartment-title-row>span,html[data-theme=dark] .searchbar>label,html[data-theme=dark] .contact-sign span,html[data-theme=dark] .field>label,html[data-theme=dark] .consent{color:#c4b7c1}
html[data-theme=dark] .searchbar,html[data-theme=dark] .empty-state,html[data-theme=dark] .wide-note{background:#302a31}
html[data-theme=dark] .searchbar>label{border-color:var(--line)}
html[data-theme=dark] .apartment-photo,html[data-theme=dark] .detail-gallery{background:#302a31}
html[data-theme=dark] .areas{background:#303627}
html[data-theme=dark] .areas h2 em,html[data-theme=dark] .area-drawing .caption{color:#c3c9a6}
html[data-theme=dark] .area-drawing text{fill:#dce1c0}
html[data-theme=dark] .area-drawing .map-point.active text{fill:#f1e4f0}
html[data-theme=dark] .map-center{fill:#3e4933;stroke:#7c8966}
html[data-theme=dark] .area-tabs button,html[data-theme=dark] .area-drawing{border-color:#626e50}
html[data-theme=dark] .lime{color:#342f35}
html[data-theme=dark] .cost-section{background:#3a2a39;color:#f5f2eb}
html[data-theme=dark] .cost-selects select,html[data-theme=dark] .extra-cost-field>input{color:#f5f2eb;caret-color:#f5f2eb}
html[data-theme=dark] .cost-selects select option{background:#3a2a39;color:#f5f2eb}
html[data-theme=dark] .area-tabs button[aria-selected=true],html[data-theme=dark] #toast,html[data-theme=dark] .gallery-controls{color:#f5f2eb}
html[data-theme=dark] .contact-section{background:#302632}
html[data-theme=dark] .form-note{background:#403244;color:#d5c6d3}
html[data-theme=dark] .form-success{background:#3a4730}
html[data-theme=dark] .error{color:#ffadbc}
html[data-theme=dark] [aria-invalid=true]{border-bottom-color:#ffadbc!important}
html[data-theme=dark] .field input::placeholder,html[data-theme=dark] .field textarea::placeholder{color:#b9a6b5;opacity:1}
html[data-theme=dark] .field>input,html[data-theme=dark] .field>select,html[data-theme=dark] .field>textarea{border-color:#877285}
html[data-theme=dark] .outline-button[aria-pressed=true]{background:#4a394b}
select option{background:var(--paper);color:var(--ink)}
@media(max-width:1080px) and (min-width:901px){.header{padding-inline:24px;gap:15px}.header nav{gap:15px;font-size:10px}.header-cta{display:none}}
@media(max-width:580px){.header{padding-inline:16px}.brand>span{font-size:37px}.brand{gap:9px}.brand svg{width:28px}.brand small{font-size:6px}.header-actions{gap:8px}}

html[data-theme=dark] .hero-sticker{color:#342f35}html[data-theme=dark] .hero-sticker svg{stroke:#493447}
@media(max-width:360px){.header{padding-inline:12px;gap:8px}.header .brand{gap:6px}.header .brand>span{font-size:30px}.header .brand svg{width:22px}.header .brand small{font-size:5px}.header .header-actions{gap:6px}.header .theme-picker select{width:75px;max-width:75px;font-size:9px}.header .favorite-nav{padding:4px;font-size:23px}.header .menu-toggle{padding:0;width:22px}}