*{box-sizing:border-box}body{margin:0;background:#eaece5;color:#243c36;font:14px system-ui,-apple-system,sans-serif;overflow:hidden}#viewport{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:15px;align-items:center}.mark{font:32px Georgia;background:#244b40;color:#f5f4ea;padding:13px 18px;border-radius:50%}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 8px;font-weight:700}h1{font:32px Georgia,serif;margin:0;font-weight:400}button,select{font:inherit;cursor:pointer;color:inherit;border:1px solid #cdd4ca;border-radius:9px;background:#fffdf7;padding:10px 13px}button:hover{background:#e1e8da}button:focus-visible,select:focus-visible{outline:3px solid #a57c3c;outline-offset:3px}button:disabled{opacity:.6;cursor:default}.primary{background:#244b40;color:white;border:0;padding:15px 23px;box-shadow:0 6px 20px #18382c18}.primary:hover{background:#386451}aside{position:absolute;left:30px;top:125px;width:286px;background:#fffdf5f2;border:1px solid #fff;border-radius:16px;box-shadow:0 10px 35px #213c2910;padding:22px;max-height:calc(100dvh - 210px);overflow:auto}.panel-top{display:flex;align-items:center;justify-content:space-between}.panel-top button{padding:0 7px;border:0;font-size:20px;background:none}.stats{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.stats strong{font:38px Georgia}.stats strong span{font:12px system-ui;display:block;color:#748078;margin-top:4px}.stats>div{line-height:1.8;font-size:12px;color:#68756c}.description{line-height:1.6;color:#66766d}.segmented{display:flex;border:1px solid #d9dfd3;border-radius:10px;padding:3px;margin:20px 0}.segmented button{border:0;background:none;flex:1;padding:10px 6px;font-size:12px}.segmented .active{background:#244b40;color:white}label[for=room]{font-size:11px;font-weight:700;display:block;margin:16px 0 7px}select{width:100%}.row{display:flex;gap:8px;margin:10px 0 18px}.row button{flex:1;font-size:12px}.toggles{display:flex;justify-content:space-between;border-top:1px solid #e2e6dc;padding-top:17px;font-size:12px}input{accent-color:#244b40}details{margin-top:20px;font-size:12px;line-height:1.6}summary{cursor:pointer;font-weight:600}.note{font-size:10px;line-height:1.6;color:#879084;margin:18px 0 0}footer{position:absolute;bottom:22px;left:30px;right:30px;background:#fffdf5ef;border:1px solid white;display:flex;gap:20px;align-items:center;border-radius:12px;padding:12px 18px;font-size:12px}#mode{font-size:9px;letter-spacing:1.5px;font-weight:700;white-space:nowrap}#status{flex:1;color:#66766d}footer button{font-size:12px;border:0;background:none}body.xr header,body.xr aside,body.xr footer{display:none}@media(max-width:700px){header{top:15px;left:16px;right:16px}.mark{display:none}h1{font-size:23px}.eyebrow{font-size:8px}.primary{padding:12px;font-size:12px}aside{left:16px;top:93px;width:230px;padding:15px;max-height:calc(100dvh - 175px)}footer{left:16px;right:16px;bottom:12px;padding:10px;gap:8px}#mode{display:none}footer button{white-space:nowrap}.stats strong{font-size:30px}}