@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap";:root{color:#202421;font-synthesis:none;text-rendering:geometricprecision;background:#e9ebe8;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app{background:#e9ebe8;width:100%;height:100%;transition:background .8s;position:relative}.app canvas{touch-action:none;inset:0;position:absolute!important}.app:after{content:"";pointer-events:none;background:radial-gradient(circle at 54% 44%,#0000 47%,#11161224 130%);position:absolute;inset:0}.topbar{z-index:5;pointer-events:none;justify-content:flex-end;align-items:center;width:100%;padding:26px 34px;display:flex;position:absolute;top:0;left:0}.topbar__right{pointer-events:auto;align-items:center;gap:25px;display:flex}.light-toggle{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:11px;padding:5px;display:flex}.light-toggle span{letter-spacing:.12em;font-size:10px}.light-toggle>i{border:1px solid #20242173;border-radius:99px;width:34px;height:18px;position:relative}.light-toggle>i:after{content:"";background:#313632;border-radius:50%;width:10px;height:10px;transition:transform .35s;position:absolute;top:3px;left:4px}.light-toggle>i.is-on:after{background:#9f633d;transform:translate(14px)}.view-nav{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f1f2efc2;border:1px solid #20242126;gap:2px;padding:5px;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #191e1a14}.view-nav button{color:inherit;cursor:pointer;white-space:nowrap;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:8px;padding:10px 13px;font-size:10px;transition:background .25s,color .25s;display:flex}.view-nav button span{opacity:.42;font-size:8px}.view-nav button:hover{background:#ffffff94}.view-nav button.is-active{color:#f0f2ef;background:#333936}.credit{z-index:4;letter-spacing:.24em;opacity:.45;pointer-events:none;font-size:7px;position:absolute;bottom:37px;right:34px}.camera-help{z-index:4;color:#526057;white-space:nowrap;pointer-events:none;background:#f7f8f5e6;border-radius:6px;padding:7px 12px;font-size:11px;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.camera-help__touch{display:none}@media (pointer:coarse){.camera-help__mouse{display:none}.camera-help__touch{display:inline}}@media (max-width:640px){.camera-help{font-size:10px;bottom:78px}}.mechanism-note{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f1f2efd1;border:1px solid #20242129;width:238px;padding:18px 20px;position:absolute;top:112px;right:34px;box-shadow:0 12px 36px #191e1a14}.mechanism-note small{letter-spacing:.2em;opacity:.5;margin-bottom:8px;font-size:7px;display:block}.mechanism-note strong{letter-spacing:.08em;font-size:12px;font-weight:600;display:block}.mechanism-note ol{gap:8px;margin:15px 0 12px;padding:0;list-style:none;display:grid}.mechanism-note li{letter-spacing:.04em;align-items:baseline;gap:9px;font-size:9px;display:flex}.mechanism-note li span{color:#b75d12;font-size:7px;font-weight:600}.mechanism-note p{opacity:.6;border-top:1px solid #2024211f;margin:0;padding-top:11px;font-size:8px;line-height:1.6}.loader{color:#242925;background:#e8eae7;place-content:center;justify-items:center;transition:opacity .55s,visibility .55s;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader__mark{letter-spacing:.1em;border:1px solid #24292573;place-items:center;width:52px;height:52px;font-size:12px;display:grid}.loader p{letter-spacing:.2em;margin:18px 0 15px;font-size:10px}.loader__track{background:#24292529;width:180px;height:1px;overflow:hidden}.loader__track span{background:#333936;height:100%;transition:width .25s;display:block}.loader small{letter-spacing:.12em;opacity:.5;margin-top:8px;font-size:8px}.app--sunset{color:#28211d}.app--sunset:after{background:linear-gradient(90deg,#5e3b2714,#0000 45%),radial-gradient(circle at 54% 44%,#0000 47%,#341d102e 130%)}@media (max-width:1000px){.credit{display:none}.view-nav{justify-content:flex-start;width:calc(100% - 28px);overflow-x:auto}.view-nav button{flex:none}}@media (max-width:640px){.topbar{padding:18px}.light-toggle span{display:none}.mechanism-note{width:210px;top:86px;right:18px}}.mechanism-note{background:#f7f8f4f2;width:290px}.mechanism-note small{opacity:.75;font-size:10px}.mechanism-note strong{font-size:16px}.mechanism-note li{font-size:12px}.mechanism-note p{opacity:.85;font-size:11px}.parking-controls{margin-top:16px}.parking-actions{gap:8px;margin-bottom:14px;display:flex}.parking-actions button{color:#26383c;cursor:pointer;background:#e4e9e7;border:1px solid #526367;padding:8px 10px;font-size:12px}.parking-actions button:first-child{color:#fff;background:#354f57}.parking-controls label{margin-bottom:6px;font-size:12px;display:block}.parking-controls input{accent-color:#926227;width:100%}@media (max-width:640px){.mechanism-note{width:235px;padding:14px;top:65px}}.view-nav button{letter-spacing:0;padding:12px 14px;font-size:12px}.electrical-panel,.system-placeholder{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f5f0;border:1px solid #cdd3cc;border-radius:12px;width:276px;padding:22px;position:absolute;top:30px;left:26px;box-shadow:0 12px 36px #26362b12}.electrical-panel>small,.system-placeholder>small{color:#66736b;letter-spacing:.12em;font-size:10px}.electrical-panel h1{margin:0 0 20px;font-size:24px;font-weight:500}.electrical-intro{color:#647068;margin:0 0 20px;font-size:11px;line-height:1.8}.electrical-panel button{cursor:pointer;color:inherit}.branch-all,.label-toggle{background:0 0;border:1px solid #d8ded8;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:12px;display:flex}.branch-all.is-selected{color:#fff;background:#334c40;border-color:#334c40}.branch-all span{opacity:.65;font-size:10px}.branch-list{gap:5px;margin:12px -8px 16px;display:grid}.branch-list button{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:10px;padding:11px 8px;display:flex}.branch-list button:hover,.branch-list button.is-selected{background:#e6ece6;border-color:#c5d2c8}.branch-list i{border-radius:9px;flex-shrink:0;width:23px;height:4px;margin-top:8px}.branch-list strong{font-size:13px;font-weight:500;display:block}.branch-list small{color:#66746b;margin-top:5px;font-size:9px;line-height:1.7;display:block}.label-toggle{font-size:11px}.label-toggle span{color:#577c60;font-size:10px}.teaching-note{color:#7a827b;margin:14px 0 0;font-size:10px;line-height:1.8}.equipment-annotation{pointer-events:none;width:0;height:0;position:relative}.equipment-leader{position:absolute;top:0;left:0;overflow:visible}.equipment-leader line{stroke:var(--tag-color);stroke-width:1.25px}.equipment-leader circle{fill:var(--tag-color);stroke:#fff;stroke-width:1px}.equipment-tag{white-space:nowrap;border:1px solid var(--tag-color);color:#25342d;background:#fffffff2;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 6px #17291c18}.system-placeholder strong{margin-top:12px;font-size:18px;font-weight:500;display:block}.system-placeholder p{color:#6b756e;font-size:12px;line-height:1.8}button:focus-visible{outline-offset:3px;outline:2px solid #2e8470}@media (max-width:1100px){.electrical-panel{width:238px;padding:16px;top:16px;left:16px}.branch-list small{font-size:8px}}@media (max-width:640px){.electrical-panel{width:190px;max-height:45vh;padding:12px;top:12px;left:12px;overflow-y:auto}.electrical-panel h1{font-size:18px}.electrical-intro,.branch-list small,.teaching-note{display:none}.branch-list{gap:0;margin:8px -4px}.branch-list button{gap:6px;padding:7px 4px}.branch-list strong{font-size:11px}.equipment-tag{padding:3px 5px;font-size:9px}.view-nav{bottom:14px}.system-placeholder{width:220px;top:16px;left:16px}}.water-cutaway{margin-top:9px}.elevator-panel{max-height:calc(100vh - 145px);overflow-y:auto}.elevator-panel h1{font-size:21px;line-height:1.4}.elevator-panel .branch-list{gap:1px;margin-block:10px}.elevator-panel .branch-list button{padding-block:8px}.hvac-panel{max-height:calc(100vh - 135px);overflow-y:auto}.hvac-legend{grid-template-columns:1fr 1fr;gap:10px 8px;margin:4px 0 20px;display:grid}.hvac-legend>div{align-items:center;gap:6px;font-size:10px;display:flex}.hvac-legend i{border-radius:3px;flex-shrink:0;width:18px;height:3px}.hvac-panel .label-toggle+.label-toggle{margin-top:5px}@media (max-width:640px){.hvac-panel{max-height:46vh}.hvac-legend{grid-template-columns:1fr}}.hvac-scheme-select{color:#334c40;width:100%;font:inherit;cursor:pointer;background:#e6ece6;border:1px solid #c5d2c8;border-radius:6px;margin:0 0 12px;padding:10px;font-size:12px}