:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f6f8fb;--surface-elevated:#fff;--text-primary:#19202a;--text-secondary:#4f5b69;--text-muted:#6b7686;--accent:#0a5fc2;--accent-soft:#dbe9fb;--accent-soft-text:#0c376b;--border:#dbe3ee;--danger:#ca2d4f;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0f141d;--surface-elevated:#171d27;--text-primary:#f4f7fb;--text-secondary:#cad5e3;--text-muted:#9dabbe;--accent:#74b6ff;--accent-soft:#1f3149;--accent-soft-text:#dcecff;--border:#243141;--danger:#ff7091}*{box-sizing:border-box}body{background:var(--surface);color:var(--text-primary);margin:0}#root{min-height:100vh}a{color:var(--accent)}h1,h2,h3{margin:.25rem 0 .6rem}.layout{max-width:1200px;margin:0 auto;padding:1rem}.header{z-index:10;background:var(--surface-elevated);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{grid-template-columns:1fr;gap:.75rem;max-width:1200px;margin:0 auto;padding:.9rem 1rem;display:grid}.brand{color:var(--text-primary);font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{flex-wrap:wrap;gap:.75rem;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none}.nav-links a.active{color:var(--text-primary);text-underline-offset:.2rem;font-weight:700;text-decoration:underline}.actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.badge{background:var(--accent-soft);min-width:1.3rem;color:var(--accent-soft-text);border-radius:999px;justify-content:center;align-items:center;margin-left:.3rem;padding:0 .35rem;font-size:.8rem;font-weight:700;display:inline-flex}.search-wrap{width:min(440px,100%);position:relative}.results{z-index:20;width:100%;max-height:24rem;position:absolute;top:calc(100% + .35rem);overflow-y:auto}.section-label{color:var(--text-muted);margin:.3rem 0;font-size:.82rem}.result-link{color:var(--text-primary);padding:.25rem 0;text-decoration:none;display:block}.result-link:hover,.result-link:focus{color:var(--accent)}.debounce-hint{margin-top:.3rem}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:.9rem;padding:.85rem}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.55rem;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:.95rem;text-decoration:none;display:inline-flex}.button.secondary{background:var(--accent-soft);color:var(--accent-soft-text)}.button:disabled{opacity:.5;cursor:not-allowed}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:.55rem;padding:.5rem .65rem}.hint{color:var(--text-muted)}.error{color:var(--danger)}.section-heading{color:var(--text-secondary);grid-column:1/-1;margin-top:1rem;font-size:1rem}.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;display:grid}.description,.meta{color:var(--text-secondary)}.row{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.avatar,.resident img,.image-link img{border-radius:.7rem;width:100%}.image-link{display:block}.pagination{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.detail{grid-template-columns:1fr;gap:1rem;display:grid}.detail>img{border-radius:.8rem;width:min(100%,360px)}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}@media (width>=900px){.detail{grid-template-columns:360px 1fr}}@media (width>=1024px){.header-inner{grid-template-columns:auto 1fr auto;align-items:center}.actions{justify-content:flex-end}}