:root{--ink:#1b2126;--ink2:#4c565e;--ink3:#7a858c;--panel:#fafaf7e6;--rule:#1b212624;--accent:#b8002e;--chip:#1b21260f;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--cond:"IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font:14px/1.4 var(--sans);background:#cfd6da;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;display:block}.label-layer{pointer-events:none;position:absolute;inset:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui{pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 14px);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.ui>*{pointer-events:auto}.title{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--rule);border-radius:3px;align-self:flex-start;padding:10px 14px}.title h1{font:700 20px/1.1 var(--cond);letter-spacing:.01em;margin:0}.title p{color:var(--ink2);margin:2px 0 0;font-size:12px}.panel-toggle{display:none}.panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--rule);border-radius:4px;flex-direction:column;align-self:stretch;gap:8px;width:100%;max-width:1100px;margin:0 auto;padding:10px 12px;display:flex;box-shadow:0 8px 30px #0000001f}.row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.label{font:600 11px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);flex:none;width:44px}.chips{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--rule);background:var(--chip);cursor:pointer;font:600 12.5px/1 var(--cond);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex:none;padding:6px 11px}.chip:hover{border-color:var(--ink2)}.chip.small{padding:5px 9px;font-size:12px}.chip.tool[aria-pressed=true]{background:var(--ink);color:#f7f6f2;border-color:var(--ink)}.time .tinner{flex:360px;align-items:center;gap:10px;min-width:0;display:flex}.time input[type=date]{border:1px solid var(--rule);background:#ffffffb3;border-radius:3px;padding:4px 6px;font-size:12.5px}.time input[type=range]{min-width:120px;accent-color:var(--accent);flex:1}.readout{text-align:right;width:46px;font-size:15px;font-weight:500}.quick{flex-wrap:wrap;gap:6px;display:flex}.suninfo{color:var(--ink3);margin-left:auto;font-size:11.5px}.hint{top:calc(env(safe-area-inset-top,0px) + 14px);color:#f5f4f0;text-align:center;background:#1b2126db;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.room-label{text-align:center;font:11px/1.25 var(--sans);white-space:nowrap;background:#fafaf7e6;border:1px solid #1b212633;border-radius:2px;flex-direction:column;padding:3px 7px;display:flex}.room-label b{font:600 12px/1.2 var(--cond)}.room-label span{font-family:var(--mono);color:var(--ink2);font-size:10.5px}.measure-label{background:var(--accent);color:#fff;font:500 12.5px var(--mono);white-space:nowrap;border-radius:3px;padding:4px 9px}.door-badge-wrap{pointer-events:none}.door-badge{pointer-events:none;opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(8px);border:1px solid var(--rule);min-width:26px;height:26px;color:var(--ink);font:600 11px/1 var(--cond);letter-spacing:.09em;text-transform:uppercase;background:#fafaf7d6;border-radius:999px;align-items:center;padding:0 5px;transition:opacity .15s,transform .15s;display:inline-flex;transform:scale(.8);box-shadow:0 2px 10px #00000029}.door-badge.on{opacity:1;pointer-events:auto;transform:scale(1)}.door-badge svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;flex:none;width:14px;height:14px}.door-badge svg .arc{stroke:var(--accent);stroke-dasharray:1.6 2}.door-badge span{white-space:nowrap;max-width:0;transition:max-width .15s,margin .15s;overflow:hidden}.door-badge:hover span,.door-badge.expanded span{max-width:56px;margin:0 3px 0 6px}@media (prefers-reduced-motion:reduce){.door-badge,.door-badge span{transition:none}}.joystick{left:26px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);touch-action:none;z-index:5;background:#fafaf747;border:2px solid #fafaf7b3;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:fixed}.joystick div{pointer-events:none;background:#fafaf7e6;border-radius:50%;width:46px;height:46px;box-shadow:0 2px 8px #00000040}.loader{z-index:20;text-align:center;font:600 14px var(--cond);letter-spacing:.04em;color:var(--ink2);background:#e9ece9;place-content:center;gap:12px;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader .bar{background:#1b21261f;width:180px;height:3px;position:relative;overflow:hidden}.loader .bar:after{content:"";background:var(--accent);width:40%;animation:1.1s ease-in-out infinite slide;position:absolute;inset:0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}.ready .loader{opacity:0;pointer-events:none}@media (width<=720px){.title{padding:7px 10px}.title h1{font-size:17px}.title p{display:none}.panel-toggle{right:16px;top:calc(env(safe-area-inset-top,0px) + 14px);background:var(--panel);border:1px solid var(--rule);font:600 13px var(--cond);border-radius:3px;padding:8px 12px;display:block;position:fixed}.panel{gap:7px;padding:8px 10px}.panel.collapsed .time,.panel.collapsed .tools{display:none}.label{width:auto}.suninfo{display:none}.time .tinner{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.loader .bar:after{animation:none}}