@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#132a30;--paper:#f6f2eb;--lime:#d5f26a;--sky:#b8d4d8;--line:#132a3030;--panel:#f7f5ef;--accent:#e17558;--image1:#6f8d97;--image2:#d37961;--image3:#94a98f}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:var(--ink);color:var(--ink)}body[data-skin=holly]{--ink:#5b403b;--paper:#fbf4ed;--lime:#e7b96d;--sky:#e7c9bd;--panel:#fffaf4;--accent:#a86f66;--image1:#bf8f78;--image2:#d7c1a6;--image3:#8fa49b}body[data-skin=xyence]{--ink:#102d31;--paper:#efeee7;--lime:#cdeb61;--sky:#b9d5d5;--panel:#f5f3ec;--accent:#d67962;--image1:#375b61;--image2:#829b88;--image3:#c1a365}.app-shell{height:100dvh;min-height:600px;position:relative;overflow:hidden;background:var(--paper)}.landing{height:100%;color:var(--paper);padding:30px 4vw 170px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#d3f26a29,transparent 30%),linear-gradient(135deg,#0b1c3219,#0b1c32b3),linear-gradient(120deg,#32525d,#152f35 54%,#566b63)}body[data-skin=holly] .landing{background:radial-gradient(circle at 68% 15%,#ffeacb52,transparent 26%),linear-gradient(110deg,#5b403b52,#5b403bb3),linear-gradient(130deg,#a17868,#d9bd9c 54%,#718a80)}body[data-skin=xyence] .landing{background:radial-gradient(circle at 75% 25%,#cfeb6130,transparent 25%),linear-gradient(125deg,#173d42,#102a30 55%,#49645f)}.landing:after{content:"";position:absolute;right:-12vw;bottom:-34vw;width:75vw;height:75vw;border-radius:50%;border:1px solid #fff4;box-shadow:0 0 0 70px #fff1,0 0 0 140px #fff1}.masthead,.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.brand{border:0;background:none;padding:0;text-align:left;color:inherit;font:600 18px/1.02 'DM Mono';letter-spacing:-1px;cursor:pointer}.brand span{font-size:11px;letter-spacing:.2px}.masthead-actions,.workspace-actions{display:flex;gap:14px;align-items:center}.mode{font:10px 'DM Mono';letter-spacing:1px;opacity:.8}.skin-button,.icon-button{border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:9px 13px;font:11px Manrope;cursor:pointer}.landing-copy{position:relative;z-index:2;margin:clamp(90px,16vh,160px) 0 0 10vw;max-width:620px}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.4px;margin:0 0 15px;opacity:.68}.landing h1{font:500 clamp(52px,8vw,104px)/.92 'Playfair Display';letter-spacing:-4px;margin:0}.landing h1 em{color:var(--lime)}.landing-copy>p:last-child{font-size:16px;line-height:1.7;max-width:370px;margin-top:25px}.landing-orbit{position:absolute;z-index:1;right:16vw;top:28vh;width:18vw;height:18vw;border:1px solid #fff6;border-radius:50%;animation:drift 14s linear infinite}.landing-orbit i{display:block;width:5px;height:5px;background:var(--lime);border-radius:50%;position:absolute;left:24%;top:-3px}.landing-orbit i:nth-child(2){left:auto;right:-3px;top:60%}.landing-orbit i:nth-child(3){top:auto;bottom:-3px;left:54%}@keyframes drift{to{transform:rotate(360deg)}}.composer{position:fixed;z-index:8;bottom:30px;left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 36px));background:#f7f5eff2;backdrop-filter:blur(16px);border:1px solid #fff6;box-shadow:0 20px 55px #0004;border-radius:14px;display:flex;align-items:center;padding:7px}.composer input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:12px 8px;font:14px Manrope;color:var(--ink)}.prompt-spark,.send{border:0;background:transparent;color:var(--ink);width:38px;height:38px;border-radius:10px;font-size:16px;cursor:pointer}.send{background:var(--ink);color:var(--paper);font-size:21px;line-height:1}.suggestions{position:absolute;bottom:calc(100% + 9px);left:0;width:100%;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 15px 45px #0003}.suggestions[hidden]{display:none}.suggestions button{display:block;width:100%;text-align:left;border:0;background:none;padding:11px;font:13px Manrope;color:var(--ink);cursor:pointer}.suggestions button:hover{background:#132a3010}.workspace{height:100%;background:var(--paper);padding:26px 3vw 110px}.workspace-header{color:var(--ink)}.context-bar{display:flex;gap:8px;align-items:center;margin:26px 0 14px;min-height:50px}.context-bar>div{flex:1}.context-bar .eyebrow{margin:0 0 8px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--sky);border-radius:999px;padding:6px 9px;font:11px Manrope;cursor:pointer;color:var(--ink)}.chip span{font-size:15px;line-height:0;margin-left:6px}.muted{font-size:12px;opacity:.5}.view-button{padding:8px 12px;background:none;border:1px solid var(--line);font:11px Manrope;cursor:pointer;color:var(--ink)}.view-button.active{background:var(--ink);color:var(--paper)}.workspace-body{height:calc(100% - 100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,30%);gap:15px}.results-area,.detail-panel{background:var(--panel);border:1px solid var(--line);overflow:auto}.result-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.result-intro p{font:500 13px/1.4 Manrope;margin:0}.result-intro span{font:10px 'DM Mono';opacity:.55;text-align:right}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.listing{border:0;text-align:left;background:none;color:var(--ink);padding:0;cursor:pointer;font-family:Manrope}.listing.selected{outline:2px solid var(--accent);outline-offset:3px}.listing-image,.detail-image{height:150px;display:flex;align-items:flex-end;padding:10px;background:var(--image1);color:#fff;position:relative;overflow:hidden}.listing-image:after,.detail-image:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 45%,#0006),repeating-linear-gradient(90deg,transparent 0 28px,#fff1 29px 30px)}.terracotta{background:var(--image2)}.ink{background:var(--image1)}.sage{background:var(--image3)}.listing-image i,.detail-image i{position:relative;z-index:1;font:10px 'DM Mono';font-style:normal;text-shadow:0 1px 5px #000}.listing strong,.listing>span:not(.listing-image),.listing small{display:block}.listing strong{font-size:16px;margin:10px 0 2px}.listing>span:not(.listing-image){font-size:11px}.listing small{font:10px 'DM Mono';opacity:.65;margin-top:4px}.detail-panel{padding:20px;position:relative}.panel-empty{padding:55px 12px;text-align:center}.panel-empty>span{font-size:36px;color:var(--accent)}.panel-empty h2{font:500 25px/1.05 'Playfair Display';margin:14px 0 9px}.panel-empty p,.detail-panel>p{font-size:12px;line-height:1.6}.close-detail{position:absolute;right:15px;top:15px;width:30px;height:30px;border-radius:50%;border:0;background:var(--paper);font-size:20px;z-index:1;cursor:pointer}.detail-image{height:180px;margin:-20px -20px 22px}.detail-panel h2{font:500 37px/1 'Playfair Display';margin:4px 0}.address{font-size:12px;margin:6px 0 18px}.facts{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;gap:4px}.facts span{font:10px 'DM Mono'}.inquiry{width:100%;background:var(--ink);border:0;padding:12px;color:var(--paper);font:12px Manrope;cursor:pointer}.history{position:absolute;z-index:6;top:74px;right:3vw;width:270px;background:var(--ink);color:var(--paper);padding:18px;box-shadow:0 15px 35px #0003}.history p{font-size:12px;line-height:1.5;border-bottom:1px solid #fff3;padding-bottom:9px}.map-mode{background:linear-gradient(30deg,#c7d5c5,#d6c6aa);position:relative}.map-mode:after{content:'MAP VIEW · CONNECT TO MLS MAP DATA';position:absolute;inset:0;display:grid;place-items:center;font:12px 'DM Mono';color:#132a3099;letter-spacing:1px}.map-mode>*{opacity:0}.skin-picker{position:fixed;z-index:9;right:30px;top:72px;width:250px;padding:8px;background:var(--panel);box-shadow:0 15px 45px #0003;border:1px solid var(--line)}.skin-picker[hidden]{display:none}.skin-picker button{width:100%;padding:12px;text-align:left;border:0;background:none;color:var(--ink);cursor:pointer}.skin-picker button.active,.skin-picker button:hover{background:var(--sky)}.skin-picker b,.skin-picker span{display:block}.skin-picker b{font-size:12px}.skin-picker span{font:10px 'DM Mono';opacity:.7;margin-top:4px}.empty-state{padding:60px;text-align:center}.empty-state h2{font:500 28px 'Playfair Display'}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.app-shell{min-height:640px}.landing{padding:25px 24px 140px}.mode{display:none}.landing-copy{margin-left:0;margin-top:18vh}.landing h1{letter-spacing:-2px}.landing-orbit{width:45vw;height:45vw;right:-5vw;top:25vh}.composer{bottom:16px}.workspace{padding:22px 18px 94px}.context-bar{align-items:flex-end;flex-wrap:wrap}.context-bar>div{min-width:100%}.workspace-body{height:calc(100% - 132px);display:block}.results-area{height:100%}.detail-panel{position:absolute;z-index:5;left:18px;right:18px;bottom:92px;max-height:65vh;box-shadow:0 12px 35px #0003}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-image{height:110px}.result-intro{align-items:flex-start;flex-direction:column}.history{top:65px;right:18px}.skin-picker{right:16px;top:63px}.workspace-header .brand{font-size:15px}}
