:root{--ink:#253d37;--muted:#63736a;--paper:#f7f5ec;--line:#d9ded2;--accent:#2e6654;--soft:#e7eddf;--shadow:0 12px 40px #243e3020;--font:'Fixel Text',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.45 var(--font);background:#e7ecdf}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);border-radius:12px;min-height:42px;padding:9px 13px}button:hover{background:#fffdf5;border-color:#9daf9e}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #388975;outline-offset:3px}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button[aria-pressed=true]{background:var(--accent);color:#fffdf5;border-color:var(--accent)}.topbar{height:76px;display:flex;align-items:center;gap:32px;padding:0 28px;background:#fffdf7eF;position:relative;z-index:10;box-shadow:0 2px 18px #304d3410}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand svg{width:32px;height:32px;fill:none;stroke:#408267;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand span{font-size:10px;font-weight:500;letter-spacing:.4px;align-self:flex-end;margin-left:-4px;margin-bottom:4px;color:var(--muted)}#buildings{display:flex;gap:5px;padding:4px;background:#edf0e6;border-radius:16px}#buildings button{border:0;background:none;min-width:88px;font-weight:600}#buildings button[aria-pressed=true]{background:#fffdf7;color:var(--accent);box-shadow:0 2px 7px #365f3015}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.weather{display:flex;align-items:center;gap:9px;font-size:12px;background:none;border-color:transparent}.weather svg{color:#af843d}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:9px;flex-shrink:0}.top-actions .icon-button{font-size:19px;font-weight:600}#workspace{position:relative;height:calc(100svh - 76px);min-height:530px;overflow:hidden}#scene{position:absolute;inset:0;background:#e7ecdf}#scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene canvas:active{cursor:grabbing}.loading{padding:120px 40px;text-align:center;color:var(--muted)}.building-caption{position:absolute;left:32px;top:24px;pointer-events:none}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}h1{font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:5px 0}h2{font-size:23px;line-height:1.2;letter-spacing:-.4px;margin:5px 0}h3{font-size:13px;margin:18px 0 8px}.building-caption p{font-size:12px;margin:6px 0;color:var(--muted)}.view-controls{position:absolute;left:32px;top:128px;display:flex;flex-direction:column;gap:9px}#floors,.camera-row{display:flex;gap:5px}#floors{background:#fffdf4db;border:1px solid #f8fbf0;border-radius:13px;padding:3px;width:fit-content}#floors button{background:none;border:0;min-height:32px;font-size:11px;padding:6px 10px;border-radius:9px}#floors button[aria-pressed=true]{background:var(--accent);color:#fff}.camera-row{opacity:.9}.camera-row .icon-button{width:35px;height:35px;min-height:35px;border-radius:10px;background:#fffdf3df}.camera-row .icon-button svg{width:17px;height:17px}.camera-row .icon-button[aria-pressed=true]{background:#d6e2d4;color:#27573c}.legend{position:absolute;right:28px;top:24px;width:232px;padding:15px 17px;background:#fffdf3ed;border:1px solid #fffdf8;border-radius:17px;box-shadow:var(--shadow);font-size:11px}.legend h3{font-size:13px;margin:0 0 10px}.legend-scale{display:flex;height:8px;border-radius:5px;overflow:hidden}.legend-scale i{flex:1}.legend-ends{display:flex;justify-content:space-between;margin:7px 0;color:var(--muted)}.legend p{margin:9px 0 0;font-size:10px;color:var(--muted)}.legend button{padding:0;margin-top:7px;border:0;min-height:22px;background:none;text-align:left;font-weight:600;font-size:12px}.scene-hint{position:absolute;left:32px;bottom:159px;display:flex;gap:9px;align-items:center;pointer-events:none;font-size:12px;color:var(--muted);background:#f6f8eef0;padding:8px 13px;border-radius:24px}.hint-dot{width:6px;height:6px;border-radius:50%;background:#638b6b}.labels{position:absolute;inset:0;pointer-events:none}.room-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #fffdf9a8;border-radius:10px;padding:5px 10px;min-height:31px;color:#2c493e;background:#fffdf0d6;box-shadow:0 3px 10px #173c2720;font-size:11px;white-space:nowrap;backdrop-filter:blur(5px)}.room-label[aria-pressed=true]{color:#fff;background:var(--accent);border-color:#fffdf8;box-shadow:0 0 0 2px #357b61}.room-label strong{font-size:14px;display:block}.room-label .unit{font-size:10px;font-weight:400}.room-label[data-repair=true]:before{content:'• ';color:#bc6d49}.tooltip{position:absolute;z-index:8;pointer-events:none;padding:9px 12px;background:#273e37;color:white;border-radius:10px;font-size:12px;max-width:200px;box-shadow:var(--shadow)}.inspector{position:absolute;z-index:6;right:24px;top:20px;bottom:154px;width:316px;background:#fffdf5;border:1px solid #fffef8;border-radius:22px;padding:22px;box-shadow:var(--shadow);overflow:auto;scrollbar-width:thin;backdrop-filter:blur(16px)}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.inspector-heading .icon-button{width:30px;height:30px;min-height:30px;border:0;background:#eceee3;border-radius:50%;padding:7px}.inspector .eyebrow{font-size:9px;letter-spacing:.5px}.muted{font-size:12px;color:var(--muted);margin:10px 0 20px}.room-current{display:flex;align-items:flex-end;gap:15px}.current-main{font-size:42px;font-weight:600;letter-spacing:-1px;line-height:1.1}.current-main span{font-size:17px;font-weight:400;letter-spacing:0}.current-side{font-size:12px;color:var(--muted);padding-bottom:4px}.reading-stamp{font-size:10px;color:var(--muted);margin:10px 0}#history-chart svg{width:100%;height:90px;display:block}#history-chart{margin:16px 0 6px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.primary{width:100%;background:var(--accent);color:white;border:0;font-weight:600;min-height:44px}.primary:hover{background:#24533f}.secondary{width:100%;margin:7px 0}.fine{font-size:11px;line-height:1.6;color:var(--muted)}.record{border-top:1px solid var(--line);padding-top:10px;margin-top:15px}.record p{font-size:12px;margin:6px 0}.record button{font-size:11px;min-height:34px;padding:6px 10px}details{border-top:1px solid var(--line);margin-top:16px;padding-top:9px}summary{cursor:pointer;font-size:12px;min-height:35px;align-content:center}pre{font:10px/1.6 ui-monospace,monospace;background:#f0f1e6;border-radius:10px;padding:12px;overflow:auto;max-height:240px;white-space:pre-wrap;overflow-wrap:anywhere}#model-inputs p{font-size:11px;line-height:1.6}table{border-collapse:collapse;width:100%;font-size:10px}th,td{text-align:left;padding:5px 2px;border-bottom:1px solid var(--line)}.bottom-area{position:absolute;left:24px;right:24px;bottom:20px;z-index:9;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.layer-dock{display:flex;gap:5px;padding:7px;background:#fffdf5ed;border:1px solid #fffdf8;border-radius:21px;box-shadow:var(--shadow);pointer-events:auto;backdrop-filter:blur(14px)}.layer-dock button{display:flex;align-items:center;gap:9px;border:0;border-radius:15px;padding:10px 17px;background:transparent;font-size:12px;font-weight:500}.layer-dock button[aria-pressed=true]{background:var(--accent);color:#fff}.layer-dock button svg{width:20px;height:20px}.timeline{height:54px;width:100%;max-width:1000px;display:flex;gap:14px;align-items:center;background:#fffdf5ee;border:1px solid #fffef9;border-radius:18px;box-shadow:var(--shadow);padding:5px 13px;pointer-events:auto;backdrop-filter:blur(14px)}.play-button{width:36px;height:36px;min-height:36px;border:0;background:#e3ecdb;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-button svg{width:18px;height:18px}.time-label{min-width:98px;display:flex;flex-direction:column;line-height:1.2}.time-label strong{font-size:16px}.time-label span{font-size:8px;color:var(--muted);margin-top:3px}.timeline input{flex:1;min-width:40px;accent-color:var(--accent);height:30px}.timeline .icon-button{width:30px;height:32px;min-height:32px;border:0;background:none;padding:5px}.timeline select{border:0;background:#edf0e5;border-radius:9px;padding:5px;font-size:11px}.connection{font-size:9px;color:var(--muted);white-space:nowrap;padding-right:4px}.connection:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#819383;margin-right:6px}.connection.connected:before{background:#438564}.connection.error:before{background:#bd6345}.notice{background:#243e35;color:#fffdf5;padding:11px 18px;border-radius:14px;box-shadow:var(--shadow);font-size:12px;max-width:630px;pointer-events:auto;display:flex;gap:12px;align-items:center}.notice button{background:#ffffff18;color:white;border:0;border-radius:8px;min-height:28px;padding:4px 8px;font-size:11px}.notice.error{background:#874f3d}dialog{border:0;border-radius:25px;box-shadow:0 20px 90px #1a2a3d45;background:#fffdf5;color:var(--ink);padding:27px;max-width:500px;width:calc(100% - 32px);max-height:88svh;overflow:auto}dialog::backdrop{background:#203b344c;backdrop-filter:blur(5px)}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.dialog-title .icon-button{border:0;background:#ecefe3;border-radius:50%;font-size:22px;width:32px;height:32px;min-height:32px;padding:0;line-height:1}dialog p,dialog li{font-size:14px}dialog li{margin:12px 0}dialog ol{padding-left:20px}dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:15px 0}dialog input,dialog select{width:100%;min-height:43px;border:1px solid var(--line);border-radius:10px;padding:8px;background:#f8f8ef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.checkbox{display:flex!important;flex-direction:row!important;align-items:center}.checkbox input{width:17px;height:17px;min-height:17px;accent-color:var(--accent)}#quote-checks p{font-size:12px;margin:9px 0}.quote-price{font-size:25px;margin:18px 0}.room-list{display:flex;gap:6px;flex-wrap:wrap}.room-list button{font-size:12px}.help-actions{display:flex;flex-wrap:wrap;gap:8px}.help-actions button{font-size:12px}.learn-link{display:block;margin:20px 0 10px;color:var(--accent);font-size:13px;font-weight:600}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:#fff;z-index:99}.skip:focus{top:10px}#plan{position:absolute;inset:220px 24px 160px;overflow:auto;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}#plan button{min-height:90px;border-left:5px solid var(--line);text-align:left;padding:14px;border-radius:16px;background:#fffdf5}#plan small{display:block;color:var(--muted);font-size:11px;margin-top:8px}#plan strong{display:block;font-size:20px;margin-top:5px}[hidden]{display:none!important}.learn-page{max-width:900px;margin:40px auto;padding:0 24px 60px}.learn-page h1{margin:30px 0}.learn-page h2{margin:40px 0 15px}.learn-page details{padding:16px 0}.learn-page summary{font-size:17px}.learn-page p{max-width:750px;line-height:1.7}.learn-page .table-wrap{overflow:auto}.learn-page table{font-size:13px}.learn-page td,.learn-page th{padding:12px 8px}.learn-page a{color:var(--accent)}
@media(max-width:1000px){.topbar{gap:18px;padding:0 18px}.brand span{display:none}.inspector{width:288px;right:16px}.layer-dock button{padding:10px 14px}.legend{right:16px}.connection{display:none}}
@media(max-width:700px){.topbar{height:112px;flex-wrap:wrap;gap:5px 12px;padding:10px 16px;align-content:center}.brand{font-size:23px;flex:1}.brand svg{width:26px;height:26px}.top-actions{order:1;margin-left:0}.weather{font-size:10px;padding:4px;gap:5px;min-height:34px}.weather svg{width:16px}.top-actions .icon-button{width:33px;height:33px;min-height:33px;font-size:16px}#buildings{order:2;width:100%;padding:2px;background:#e9ede1;justify-content:space-between;border-radius:12px}#buildings button{font-size:12px;flex:1;min-height:33px;border-radius:9px}#workspace{height:calc(100svh - 112px);min-height:480px}.building-caption{left:18px;top:15px}h1{font-size:22px}.building-caption .eyebrow{font-size:8px}.building-caption p{font-size:10px;max-width:190px}.view-controls{left:16px;top:101px}.camera-row{gap:4px}.camera-row .icon-button{width:31px;height:31px;min-height:31px;padding:7px}.legend{right:12px;top:17px;width:150px;border-radius:13px;padding:10px}.legend h3{font-size:11px;margin-bottom:7px}.legend p{display:none}.legend button{font-size:10px}.legend-ends{font-size:9px}.legend-scale{height:6px}.bottom-area{left:10px;right:10px;bottom:12px;gap:9px}.layer-dock{width:100%;padding:5px;gap:2px;justify-content:space-around;border-radius:17px}.layer-dock button{flex:1;min-width:0;flex-direction:column;gap:4px;font-size:8px;padding:7px 2px;border-radius:12px;min-height:52px}.layer-dock button svg{width:19px;height:19px}.timeline{gap:7px;padding:5px 8px;height:50px;border-radius:14px}.time-label{min-width:52px}.time-label strong{font-size:13px}.time-label span{font-size:7px;max-width:48px}.timeline .icon-button{width:26px}.timeline select{font-size:10px;width:41px;padding:5px 2px}.play-button{width:31px;height:31px;min-height:31px;padding:7px;flex-shrink:0}.timeline input{height:28px}.scene-hint{left:15px;bottom:145px;font-size:10px;max-width:calc(100% - 30px);padding:7px 11px}.inspector{left:12px;right:12px;top:auto;bottom:143px;width:auto;max-height:46%;border-radius:19px;padding:17px;z-index:8}.inspector-heading h2{font-size:21px}.inspector .muted{margin:6px 0 12px}.current-main{font-size:32px}.room-current{gap:18px}.reading-stamp{font-size:9px}#history-chart{margin:7px 0}#history-chart svg{height:65px}.inspector .primary{min-height:40px}.room-label{font-size:9px;padding:4px 7px;min-height:28px;max-width:150px}.room-label strong{font-size:12px}.room-label .unit{font-size:9px}.notice{font-size:11px;max-width:100%;padding:10px 12px}.form-grid{gap:0 10px}dialog{padding:22px}dialog h2{font-size:22px}#plan{inset:190px 12px 140px;padding:5px;grid-template-columns:1fr 1fr;gap:8px}#plan button{min-height:80px;padding:10px;font-size:12px}#plan strong{font-size:17px}}
@media(max-width:370px){.legend{width:130px}.building-caption p{max-width:155px}.building-caption h1{font-size:20px;max-width:155px}.view-controls{top:140px}.weather svg{display:none}.layer-dock button{font-size:7px}.timeline{gap:5px}.timeline .icon-button{width:22px}.timeline select{width:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}