:root{color-scheme:dark;--bg:#101c24;--panel:#142630ed;--ink:#eaf2ed;--muted:#9eb1b7;--line:#ffffff16;--green:#bce6bc;--amber:#e5ba70;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#ffffff07;border-radius:9px;padding:10px 14px;transition:.2s}button:hover{background:#ffffff15;border-color:#bce6bc70}button:disabled{opacity:.4;cursor:default}button.active{background:var(--green);color:#183427;border-color:var(--green)}#world{position:fixed;inset:0;width:100%;height:100%;outline:none}header{position:fixed;left:36px;right:36px;top:27px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;letter-spacing:4px;font-size:20px;font-weight:650}.mark{font-size:35px;border:1px solid #bce6bc60;border-radius:11px;width:49px;height:49px;text-align:center;color:var(--green)}.brand-sub{display:block;font-size:9px;letter-spacing:2.4px;color:var(--muted);margin-top:5px}.top-status{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:1px}#connection{color:var(--amber);padding:8px 12px;border:1px solid #e5ba7033;border-radius:20px}main{pointer-events:none}.scene-title{position:fixed;left:39px;top:132px;max-width:390px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--muted)}h1{font-weight:450;letter-spacing:-1.6px;font-size:42px;margin:14px 0}p{color:var(--muted);font-size:14px;line-height:1.6}.mode-pills{display:flex;gap:7px;margin-top:22px;pointer-events:auto}.mode-pills button{font-size:12px}aside{position:fixed;right:30px;top:103px;bottom:120px;width:342px;background:var(--panel);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:18px;padding:23px;pointer-events:auto;overflow:auto;box-shadow:0 20px 50px #0003}.aside-top{display:flex;justify-content:space-between;align-items:center}.live-dot{width:6px;height:6px;background:var(--amber);border-radius:50%}#demo-notice{font-size:11px;color:var(--amber);margin:14px 0 22px}.room-title{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0 0 17px}#room-count{font-size:11px;color:var(--muted)}#room-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:14px;margin-bottom:4px}#room-tabs button{font-size:11px;white-space:nowrap;padding:7px 9px}.device{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.device-name{font-size:13px}.device-sub{color:var(--muted);font-size:10px;margin-top:6px;max-width:170px;line-height:1.5}.value{font-size:25px;font-weight:450;letter-spacing:-1px}.unit{font-size:12px;color:var(--muted);margin-left:3px}.switch{width:45px;height:25px;padding:3px;border-radius:30px;background:#233942}.switch:before{content:'';display:block;height:17px;width:17px;border-radius:50%;background:#789297;transition:.2s}.switch.on{background:#bce6bc40;border-color:#bce6bc66}.switch.on:before{background:var(--green);transform:translateX(19px)}.small-action{font-size:11px;padding:7px 10px}.climate{display:flex;gap:8px;align-items:center}.climate button{padding:5px 9px}.activity{border-top:1px solid var(--line);margin-top:14px;padding-top:20px}#log{margin-top:11px;font-size:11px;line-height:1.7;color:var(--muted)}footer{position:fixed;bottom:22px;left:36px;right:36px}#floors{display:flex;gap:6px;max-width:740px;border:1px solid var(--line);background:#12262dda;border-radius:12px;padding:5px;width:max-content}#floors button{font-size:11px;border:0}.bottom-line{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:17px;letter-spacing:.25px}#vr-entry{position:fixed;right:34px;bottom:55px}#vr-entry button{position:static!important;left:auto!important;bottom:auto!important;width:auto!important;background:var(--green)!important;color:#193528!important;border:0!important;opacity:1!important;font:600 13px Segoe UI!important;border-radius:10px!important;padding:14px 21px!important}#toast{position:fixed;left:50%;bottom:130px;transform:translateX(-50%);background:#18382f;border:1px solid #bce6bc55;border-radius:12px;padding:14px 22px;font-size:13px;display:none;max-width:520px}dialog{background:#182d37;color:var(--ink);border:1px solid #adc6bd50;border-radius:16px;max-width:440px;padding:28px}dialog::backdrop{background:#0009}dialog h2{margin-top:17px}#hold{background:#8c5425;width:100%;margin:12px 0}#cancel{width:100%}@media(max-width:900px){aside{width:292px;right:15px;padding:18px}.scene-title{left:22px;top:110px}h1{font-size:30px}.scene-title p{font-size:12px}.scene-title .eyebrow{font-size:8px}header{left:22px;right:22px}.mode-pills{max-width:220px;flex-wrap:wrap}footer{left:20px;right:20px}#floors{max-width:65vw;overflow:auto}#floors button{white-space:nowrap}#hint{display:none}}@media(max-width:600px){aside{top:auto;bottom:110px;height:260px;width:calc(100% - 30px)}.scene-title{top:90px}h1{font-size:27px}.scene-title p{display:none}.mode-pills{margin-top:5px;max-width:none}.top-status #clock{display:none}#floors{max-width:100%;margin-bottom:48px}footer{bottom:10px}.bottom-line{position:absolute;bottom:2px}#vr-entry{bottom:31px;right:20px}}

body.room-mode .scene-title{background:#142630ed;padding:20px;border-radius:16px}body.room-mode header{background:#142630ed;padding:10px;border-radius:12px}