:root{--bg: #f6f3ec;--panel: #fffdf8;--ink: #21302a;--ink-soft: #5c6b63;--line: #e3ddd0;--green: #2f5d50;--green-dark: #234940;--terra: #c4663d;--terra-soft: #f3e2d8;--gold: #b98a2f;--danger: #a83a32;--radius: 12px;--shadow: 0 2px 12px rgba(33, 48, 42, .08);font-family:Public Sans,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;margin:0}.app{display:flex;min-height:100vh}.mobile-topbar{display:none}.mobile-nav-toggle{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#f3efe5;border-radius:9px;font-size:20px;line-height:1;width:44px;height:44px;cursor:pointer}.mobile-topbar-title{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;color:#fff}.mobile-topbar-title em{color:#e8c27a;font-style:italic}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18221d80;z-index:55;display:none}.sidebar{width:320px;flex-shrink:0;background:var(--green-dark);color:#f3efe5;display:flex;flex-direction:column;padding:20px 16px;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header h1{font-size:clamp(24px,6vw,28px);font-weight:600;color:#fff}.sidebar-header h1 em{color:#e8c27a;font-style:italic}.tagline{margin:4px 0 0;font-size:13px;color:#b9c8c0}.house-list{display:flex;flex-direction:column;gap:10px;flex:1}.house-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:0;overflow:hidden;cursor:pointer;text-align:left;color:inherit;transition:transform .12s ease,border-color .12s ease}.house-card:hover{transform:translateY(-1px);border-color:#e8c27a}.house-card.selected{border-color:#e8c27a;background:#e8c27a1f}.house-card-photo{width:100%;height:110px;object-fit:cover;display:block}.house-card-photo.placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:34px}.house-card-body{padding:10px 12px}.house-card-body strong{display:block;font-size:14px}.house-card-meta{font-size:12px;color:#b9c8c0;margin-top:2px}.sidebar-footer{display:flex;gap:6px;flex-wrap:wrap}.main{flex:1;padding:28px 36px;max-width:1100px}.empty-state{max-width:520px;margin:12vh auto;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}.empty-state h2{font-size:clamp(24px,7vw,32px)}.empty-state p{color:var(--ink-soft);line-height:1.6}.home-chooser{max-width:620px}.mobile-home-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;transition:background .12s ease}.btn:hover{background:#f1ece0}.btn:disabled{opacity:.5;cursor:wait}.btn-primary{background:var(--terra);border-color:var(--terra);color:#fff;font-weight:600}.btn-primary:hover{background:#ad5733}.btn-ghost{background:transparent;border-color:#ffffff40;color:#e9e4d6;font-size:13px}.btn-ghost:hover{background:#ffffff1a}.btn-danger{color:var(--danger);border-color:#e3c7c4}.btn-small{padding:4px 10px;font-size:13px}.btn-block{width:100%}input,select,textarea{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink);width:100%}textarea{resize:vertical;min-height:70px}label.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-soft)}label.field-inline{flex-direction:row;align-items:center;gap:8px}label.field-inline input[type=checkbox]{width:auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-header h2{font-size:clamp(22px,6vw,30px)}.detail-sub{color:var(--ink-soft);margin:4px 0 0;font-size:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.detail-sub a{color:var(--green);font-weight:600;text-decoration:none}.detail-sub a:hover{text-decoration:underline}.header-actions{display:flex;gap:8px;flex-shrink:0}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}.status-interesse{background:#e7e2d4;color:#6b6450}.status-bezichtiging-gepland{background:#ddeaf2;color:#2b5d7c}.status-bezichtigd{background:#e3ecdf;color:#3c6242}.status-bod-uitgebracht{background:#f3e2d8;color:#a35a32}.status-gekocht{background:#2f5d50;color:#fff}.status-afgevallen{background:#eee0df;color:#8c4a45}.tabs{display:flex;gap:4px;margin:22px 0 18px;border-bottom:2px solid var(--line);flex-wrap:wrap}.tab{border:none;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-soft);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.tab.active{color:var(--terra);border-bottom-color:var(--terra)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.panel+.panel{margin-top:16px}.panel h3{font-size:19px;margin-bottom:12px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.panel-grid{grid-template-columns:1fr}}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.fact{background:var(--bg);border-radius:8px;padding:10px 12px}.fact .k{font-size:12px;color:var(--ink-soft)}.fact .v{font-size:16px;font-weight:600;margin-top:2px}.finance-table{width:100%;border-collapse:collapse;font-size:14px}.finance-table td{padding:6px 4px;border-bottom:1px solid var(--line)}.finance-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.finance-table tr.total td{font-weight:700;border-bottom:none;border-top:2px solid var(--ink)}.finance-hero{background:var(--green);color:#fff;border-radius:var(--radius);padding:16px 20px;display:flex;gap:28px;flex-wrap:wrap;margin-bottom:16px}.finance-hero .k{font-size:12px;color:#cdddd6}.finance-hero .v{font-size:22px;font-weight:700;font-family:Fraunces,serif}.item-row{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:10px}.item-row .grow{flex:1}.item-row h4{font-size:15px;font-family:Public Sans,sans-serif}.item-row p{margin:4px 0 0;font-size:13px;color:var(--ink-soft);white-space:pre-wrap}.item-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:12px}.chip{background:var(--bg);border-radius:999px;padding:2px 9px;color:var(--ink-soft)}.chip.sev-laag{background:#e3ecdf;color:#3c6242}.chip.sev-middel{background:#f5ead2;color:#8a6516}.chip.sev-hoog{background:#f3d9d6;color:var(--danger);font-weight:700}.chip.prio-1{background:#f3d9d6;color:var(--danger)}.chip.prio-2{background:#f5ead2;color:#8a6516}.chip.prio-3{background:var(--bg)}.chip.ai{background:#e6e0f2;color:#5b4a8a}.chip.pref-pro{background:#e3ecdf;color:#3c6242;font-weight:600}.chip.pref-con{background:#f3d9d6;color:var(--danger);font-weight:600}.pref-section{margin-top:14px}.pref-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pref-table{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.pref-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px 56px;gap:8px;align-items:center;padding:6px 0}.pref-row+.pref-row{border-top:1px solid var(--line)}.pref-row-header{font-size:12px;color:var(--ink-soft);font-weight:600}.pref-score{display:grid;grid-template-columns:1fr 24px;align-items:center;gap:6px}.pref-score input[type=range]{width:100%;padding:0;margin:0;border:0;background:transparent}.pref-score span{font-size:12px;color:var(--ink-soft);text-align:right}.score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 16px}.score-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:8px}.dots{letter-spacing:2px;color:var(--gold)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.photo-cell{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.photo-cell img{width:100%;height:130px;object-fit:cover;display:block}.photo-cell.selectable{cursor:pointer}.photo-cell.picked{outline:3px solid var(--terra)}.photo-cell .caption{font-size:12px;padding:6px 8px;background:#fff}.photo-cell-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#fff}.photo-cell-footer .caption{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-cell .del{position:absolute;top:6px;right:6px;background:#0000008c;color:#fff;border:none;border-radius:6px;cursor:pointer;padding:2px 7px}.photo-preview-trigger{border:0;display:block;width:100%;padding:0;background:transparent;cursor:zoom-in}.photo-preview-trigger img{transition:transform .14s ease}.photo-preview-trigger:hover img{transform:scale(1.02)}.image-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#090e0cc7;display:flex;align-items:center;justify-content:center;padding:18px}.image-preview-modal{position:relative;max-width:min(96vw,1240px);max-height:92vh}.image-preview-img{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 36px #00000080}.image-preview-close{position:absolute;right:8px;top:8px;border:0;border-radius:999px;width:34px;height:34px;background:#0000008c;color:#fff;font-size:16px;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18221d80;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:50;overflow-y:auto}.modal{background:var(--panel);border-radius:14px;padding:24px;width:100%;max-width:640px;box-shadow:0 10px 40px #00000040}.modal h2{font-size:clamp(20px,5vw,24px);margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .span2{grid-column:span 2}.inline-action-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.funda-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:-4px}.funda-import-hint{color:var(--ink-soft);font-size:12px;line-height:1.5}.form-note{margin-top:-4px;color:var(--ink-soft);font-size:13px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ai-note{background:var(--terra-soft);border-radius:10px;padding:10px 14px;font-size:13px;color:#7c4528;line-height:1.5}.ai-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.viz-actions-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.plan-card{margin-top:16px}.plan-svg-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.shopping-list{font-size:13px}.shopping-list li{margin-bottom:4px}.spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:8px}.btn:not(.btn-primary) .spinner{border-color:#cbb;border-top-color:var(--terra)}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#f7e4e2;color:var(--danger);border-radius:8px;padding:10px 14px;font-size:13px;margin-top:10px;white-space:pre-wrap}.osm-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.osm-wrap iframe{border:0;display:block;width:100%;height:280px}@media(max-width:768px){.mobile-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;padding:10px 14px;background:var(--green-dark)}.app{flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(86vw,320px);transform:translate(-100%);transition:transform .22s ease;z-index:60}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.main{padding:16px;max-width:100%}.detail-header,.header-actions{flex-wrap:wrap}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex-shrink:0;padding:12px 14px}.facts{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.score-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pref-row{grid-template-columns:1fr}.osm-wrap iframe{height:220px}.btn{padding:10px 16px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}.mobile-home-actions{width:100%;flex-direction:column}.mobile-home-actions .btn{width:100%}.modal-backdrop{padding:0;align-items:stretch}.modal{max-width:100%;min-height:100vh;border-radius:0}}@media(max-width:480px){.facts{grid-template-columns:1fr}.finance-hero{gap:16px;padding:14px 16px}.detail-header h2{width:100%}}