.twin-page{background:var(--kuem-surface-1);color:var(--kuem-text-primary);padding:3rem max(1.5rem,50vw - 740px) 4rem;font-family:inherit}.twin-page *{box-sizing:border-box}.twin-page ::selection{background:var(--kuem-surface-2);color:var(--kuem-text-primary)}.twin-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.twin-path{font-size:var(--kuem-type-small-size);color:var(--kuem-text-muted);margin:0 0 1rem}.twin-path a{color:var(--kuem-data);text-underline-offset:3px}.twin-path span[aria-hidden]{margin:0 .5rem}.city-art:not(.has-js) .city-loader,.city-art:not(.has-js) .city-loader-edge{display:none}.city-art.is-loading:not(.has-js){scale:1}.city-art.is-loading:not(.has-js) .engrave-wipe{transform:none}.twin-path h1{font:inherit;letter-spacing:inherit;color:inherit;margin:0;display:inline}.twin-intro h2{font-size:var(--kuem-type-h1-size);letter-spacing:var(--kuem-type-h1-tracking);max-width:19ch;margin:0 0 1rem;line-height:1.08}.twin-lead{font-size:var(--kuem-type-body-size);max-width:65ch;color:var(--kuem-text-muted);margin:0;line-height:1.55}.twin-intro-note{border-left:1px solid var(--kuem-border);min-width:230px;font-size:var(--kuem-type-small-size);gap:.3rem;padding-left:1.1rem;display:grid}.twin-intro-note span{color:var(--kuem-text-muted)}.twin-workspace{grid-template-columns:minmax(0,1.25fr) minmax(390px,.78fr);align-items:stretch;gap:1.2rem;display:grid}.twin-city-panel,.twin-dashboard{background:var(--kuem-background);border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card);box-shadow:none;overflow:hidden}.twin-panel-head{justify-content:space-between;align-items:start;gap:1rem;padding:1.35rem 1.5rem;display:flex}.twin-panel-head h2,.twin-dashboard-heading h2{font-size:var(--kuem-type-lead-size);margin:0 0 .3rem;line-height:1.2}.twin-panel-head p,.twin-dashboard-heading p{color:var(--kuem-text-muted);font-size:var(--kuem-type-small-size);margin:0}.twin-live{white-space:nowrap;color:var(--kuem-data);font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-bold)}.twin-live span{background:var(--kuem-status-ok);border-radius:50%;width:8px;height:8px;margin-right:.3rem;display:inline-block}.twin-scene-wrap{background:#eaf1f6}.twin-scene{width:100%;height:auto;display:block}.twin-roof{fill:#8099ad}.twin-side{fill:#93abbd}.twin-front{fill:#d8e3e9;stroke:#a4b7c4;stroke-width:2px}.twin-civic{fill:#dbe6e6}.twin-office{fill:#d8e3ed}.twin-home{fill:#e3ded7}.twin-window{fill:#647f91;stroke:#e7f1f5;stroke-width:2px;transition:fill var(--kuem-duration-slow) var(--kuem-ease-standard), filter var(--kuem-duration-slow) var(--kuem-ease-standard), opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.twin-building.is-lit .twin-window{fill:#ffcf64;filter:drop-shadow(0 0 6px #ffbf4d);opacity:calc(.45 + var(--light-level) * .55)}.twin-building.is-lit .twin-building-indicator{fill:#23ad7e}.twin-svg-label{font:var(--kuem-weight-semibold) 15px var(--kuem-font-text);fill:#365269}.twin-svg-caption{font:var(--kuem-weight-bold) 11px var(--kuem-font-text);letter-spacing:0;fill:#628096}.twin-building{cursor:pointer;outline:none}.twin-building:focus-visible .twin-front{stroke:#1685c2;stroke-width:5px}.twin-packet{filter:drop-shadow(0 0 5px #1685c2)}.is-paused .twin-packet{display:none}.twin-controls{flex-wrap:wrap;align-items:center;gap:.7rem;padding:1rem 1.5rem;display:flex}.twin-controls button{font-size:var(--kuem-type-small-size);font-weight:var(--kuem-weight-bold);border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-card);background:var(--kuem-white);min-height:42px;color:var(--kuem-data);cursor:pointer;padding:.55rem .85rem;font-family:inherit}.twin-controls button:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.twin-controls span{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);max-width:28ch;margin-left:auto}.twin-dashboard-top{background:var(--kuem-carbon);color:var(--kuem-white);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.twin-brand{font-size:var(--kuem-type-lead-size);font-weight:var(--kuem-weight-bold);letter-spacing:0}.twin-brand span{font-size:var(--kuem-type-label-size);letter-spacing:0;font-weight:var(--kuem-weight-semibold);opacity:.7;margin-left:.3rem}.twin-demo-pill{font-size:var(--kuem-type-label-size);letter-spacing:0;font-weight:var(--kuem-weight-bold);color:var(--kuem-white);border:1px solid var(--kuem-border-strong);border-radius:var(--kuem-radius-control);padding:.35rem .5rem}.twin-dashboard-body{padding:1.35rem}.twin-dashboard-heading{justify-content:space-between;align-items:start;gap:.8rem;margin-bottom:1.2rem;display:flex}.twin-sync{color:var(--kuem-status-ok);font-size:var(--kuem-type-label-size);white-space:nowrap;font-weight:var(--kuem-weight-bold);padding-top:.3rem}.twin-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.twin-kpis>div{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-card);background:var(--kuem-background);flex-direction:column;gap:.3rem;min-height:118px;padding:.75rem;display:flex}.twin-kpis span{color:var(--kuem-text-muted);font-weight:var(--kuem-weight-semibold);text-transform:uppercase;font-size:var(--kuem-type-label-size)}.twin-kpis strong{font-size:var(--kuem-type-h3-size);font-variant-numeric:tabular-nums;line-height:1.2}.twin-kpis small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);margin-top:auto}.twin-rule{background:var(--kuem-surface-1);border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-card);align-items:start;gap:.7rem;margin:1rem 0;padding:.8rem;display:flex}.twin-rule-icon{background:var(--kuem-data);width:21px;height:21px;color:var(--kuem-white);font-family:var(--kuem-font-text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.twin-rule strong{font-size:var(--kuem-type-label-size)}.twin-rule p{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);margin:.2rem 0 0}.twin-table-heading{justify-content:space-between;align-items:baseline;gap:.6rem;margin:1.2rem 0 .6rem;display:flex}.twin-table-heading h3,.twin-event h3{font-size:var(--kuem-type-small-size);margin:0}.twin-table-heading span{font-size:var(--kuem-type-label-size);color:var(--kuem-text-muted)}.twin-table{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-card);overflow:hidden}.twin-tr{border-top:1px solid var(--kuem-white);font-size:var(--kuem-type-label-size);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 65px;align-items:center;gap:.3rem;padding:.58rem .7rem;display:grid}.twin-tr:first-child{border-top:0}.twin-th{background:var(--kuem-surface-1);color:var(--kuem-text-muted);text-transform:uppercase;font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-semibold)}.twin-tr b,.twin-tr small{display:block}.twin-tr b{font-weight:var(--kuem-weight-bold)}.twin-tr small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.twin-state{color:var(--kuem-text-muted)}.twin-state[data-state=on]{color:var(--kuem-status-ok);font-weight:var(--kuem-weight-bold)}.twin-watts{text-align:right;font-variant-numeric:tabular-nums}.twin-event{border-top:1px solid var(--kuem-white);margin-top:1.1rem;padding-top:1rem}.twin-event p{font-size:var(--kuem-type-label-size);color:var(--kuem-text-secondary);margin:.45rem 0}.twin-event small{font-size:var(--kuem-type-label-size);color:var(--kuem-text-muted);line-height:1.35;display:block}.twin-footnote{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);max-width:80ch;margin:1rem 0 0;line-height:1.5}@media (width<=980px){.twin-workspace{grid-template-columns:1fr}.twin-dashboard{max-width:none}.twin-intro{align-items:start}}@media (width<=640px){.twin-page{padding:2rem 1rem 3rem}.twin-intro{display:block}.twin-intro-note{margin-top:1.3rem}.twin-panel-head{padding:1rem;display:block}.twin-live{margin-top:.6rem;display:block}.twin-controls{padding:1rem}.twin-controls span{width:100%;margin:0}.twin-dashboard-body{padding:1rem}.twin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.twin-kpis>div{min-height:102px;padding:.5rem}.twin-kpis strong{font-size:var(--kuem-type-lead-size)}.twin-kpis small{font-size:var(--kuem-type-label-size)}.twin-dashboard-heading{display:block}.twin-sync{margin-top:.5rem;display:block}}@media (prefers-reduced-motion:reduce){.twin-window{transition:none}.twin-packet{display:none}}.twin-city-panel{background:var(--kuem-surface-1);border-color:var(--kuem-border);color:var(--kuem-text-secondary)}.twin-city-panel .twin-panel-head p{color:var(--kuem-text-muted)}.twin-scene{width:100%;min-width:620px;height:auto;display:block}.twin-building{cursor:pointer;transition:filter var(--kuem-duration-base) var(--kuem-ease-standard);outline:none}.twin-building:hover{filter:brightness(1.13)}.city-facade{stroke:#71898b;stroke-width:1.5px;vector-effect:non-scaling-stroke}.city-front.city-civic{fill:#26383c}.city-side.city-civic{fill:#17282d}.city-front.city-office{fill:#1e333b}.city-side.city-office{fill:#14252c}.city-front.city-home{fill:#354345}.city-side.city-home{fill:#202f32}.city-roof{fill:#66797a}.city-window{fill:#78a0a1;stroke:#294248;stroke-width:1px;opacity:.78;transition:fill var(--kuem-duration-slow) var(--kuem-ease-standard), filter var(--kuem-duration-slow) var(--kuem-ease-standard), opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-window-side{fill:#648888}.twin-building.is-lit .city-window{fill:#b8f5ed;filter:drop-shadow(0 0 3px #8dfff0)drop-shadow(0 0 7px #36d8c6);opacity:1}.twin-building.is-lit .city-window:nth-of-type(3n){fill:#f6d98b;filter:drop-shadow(0 0 4px #ffdc80)}.city-building-label{fill:#f0f4e8;paint-order:stroke;stroke:#294044;stroke-width:4px;stroke-linejoin:round;font-size:var(--kuem-type-label-size)}.twin-building-indicator{fill:#829a91;stroke:#e5f1e8;stroke-width:2px}.twin-building.is-lit .twin-building-indicator{fill:#42d59c;filter:drop-shadow(0 0 5px #42d59c)}.city-building:focus-visible .city-facade,.city-building:focus-visible .city-roof{stroke:#68e1ed;stroke-width:4px}.city-device-label,.city-hint{font:var(--kuem-weight-bold) var(--kuem-type-label-size) var(--kuem-font-text);letter-spacing:0;fill:#e7f7ef;paint-order:stroke;stroke:#263b3e;stroke-width:3px;stroke-linejoin:round}.city-lamp-light{filter:drop-shadow(0 0 7px #e5ffc2)}.twin-city .twin-svg-caption{fill:#e1ede3}.twin-controls{background:var(--kuem-surface-1)}.twin-controls button{background:var(--kuem-border);border-color:var(--kuem-border-strong);color:var(--kuem-text-secondary)}.twin-controls button:hover{background:var(--kuem-border)}.twin-controls button:focus-visible{outline-color:var(--kuem-focus)}.twin-controls span{color:var(--kuem-text-secondary)}@media (width<=640px){.twin-scene-wrap{overscroll-behavior-inline:contain;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.twin-building,.city-window{transition:none}}.city-stadium{cursor:pointer;transition:filter var(--kuem-duration-base) var(--kuem-ease-standard);outline:none}.city-stadium:hover{filter:brightness(1.14)}.city-stadium:focus-visible ellipse:first-of-type{stroke:#68e1ed;stroke-width:5px}.city-stadium.is-lit .city-window{fill:#fff1a8;filter:drop-shadow(0 0 5px #ffe178)}.city-streetlamp{cursor:pointer;outline:none}.city-streetlamp:focus-visible{filter:drop-shadow(0 0 5px #58e1e7)}.city-streetlamp.is-lit .city-lamp-globe{fill:#fff9bb;filter:drop-shadow(0 0 8px #fff08a)}.city-streetlamp.is-lit path:last-of-type{stroke:#fff1a8;stroke-opacity:.48}.city-static-building{pointer-events:none}.city-static-lamp .city-lamp-globe{filter:drop-shadow(0 0 5px #e5ffc2)}.city-building-label{font-size:var(--kuem-type-label-size)}.twin-scene-wrap{background:#b4dce7;overflow:hidden}.city-art{aspect-ratio:3/2;background:#b4dce7;width:100%;position:relative;overflow:hidden}.city-photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.city-hotspots{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.city-art--modular{aspect-ratio:3/2;background:#e5e9ec;container-type:inline-size}.city-art--modular .city-photo{object-fit:contain}.city-water{pointer-events:none;z-index:1;position:absolute}.city-traffic{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.city-traffic-wake{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.city-beacons{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.city-art--modular .city-hotspots{display:none}.city-art--modular .city-hotspots [data-sensor-popover-trigger]{pointer-events:none}.city-art [data-tone=water],.city-art [data-tone=air],.city-art [data-tone=mobility],.city-art [data-tone=gas],.city-art [data-tone=power],.city-art [data-tone=structure]{--tone:var(--kuem-data)}.city-art [data-state=alert]{--tone:var(--kuem-status-critical)}.city-sensors{z-index:4;pointer-events:none;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard), visibility var(--kuem-duration-slow);position:absolute;inset:0}.city-sensor{--hit:clamp(28px, 3.4cqw, 44px);left:var(--x);top:var(--y);width:var(--hit);height:var(--hit);margin:calc(var(--hit) / -2) 0 0 calc(var(--hit) / -2);pointer-events:auto;cursor:pointer;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard);background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.city-sensor:hover,.city-sensor:focus-visible,.city-sensor[aria-expanded=true]{z-index:1}.city-sensor:focus-visible{outline:none}.city-sensor-dot{background:var(--tone);width:9px;height:9px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--kuem-white) 94%, transparent), 0 0 0 4.5px color-mix(in srgb, var(--kuem-carbon) 32%, transparent), 0 3px 8px color-mix(in srgb, var(--kuem-background) 65%, transparent);transition:scale var(--kuem-duration-base) var(--kuem-ease-standard), background-color var(--kuem-duration-slow) var(--kuem-ease-standard), box-shadow var(--kuem-duration-base) var(--kuem-ease-standard);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.city-sensor-dot:before{content:"";border:1px solid var(--tone);opacity:0;border-radius:50%;position:absolute;inset:-1.5px}.city-sensor:hover .city-sensor-dot,.city-sensor:focus-visible .city-sensor-dot{scale:1.25}.city-sensor:focus-visible .city-sensor-dot{box-shadow:0 0 0 1.5px var(--kuem-white), 0 0 0 5px var(--tone), 0 3px 8px color-mix(in srgb, var(--kuem-background) 65%, transparent)}.city-sensor[aria-expanded=true] .city-sensor-dot{box-shadow:0 0 0 1.5px var(--kuem-white), 0 0 0 5px color-mix(in srgb, var(--tone) 45%, transparent);scale:1.35}.city-sensor.is-tick .city-sensor-dot:before{animation:1.4s cubic-bezier(.2,.7,.2,1) sensor-ping}.city-sensor[data-state=alert] .city-sensor-dot:before{animation:1.6s cubic-bezier(.2,.7,.2,1) infinite sensor-ping}@keyframes sensor-ping{0%{opacity:.95;scale:1}to{opacity:0;scale:3.4}}.city-sensor-tag{border:1px solid color-mix(in srgb, var(--kuem-white) 12%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 85%, transparent);backdrop-filter:blur(10px)saturate(1.3);box-shadow:0 6px 18px color-mix(in srgb, var(--kuem-background) 30%, transparent), inset 0 1px color-mix(in srgb, var(--kuem-white) 8%, transparent);color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--kuem-duration-base) var(--kuem-ease-standard), translate var(--kuem-duration-base) var(--kuem-ease-standard);align-items:center;gap:6px;padding:5px 9px 5px 8px;display:flex;position:absolute;bottom:calc(50% + 14px);left:50%;translate:-50% 4px}.city-sensor-tag:after{content:"";background:color-mix(in srgb, var(--kuem-white) 60%, transparent);width:1px;height:10px;position:absolute;top:100%;left:50%;translate:-50%}.city-sensor-tag b{color:var(--tone);font:var(--kuem-weight-bold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0}.city-sensor-tag span{font-variant-numeric:tabular-nums}.city-sensor-tag span:empty{display:none}.city-sensor:hover .city-sensor-tag,.city-sensor:focus-visible .city-sensor-tag{opacity:1;translate:-50%}.city-sensor[aria-expanded=true] .city-sensor-tag{opacity:0}.city-sensors:has([aria-expanded=true]) .city-sensor:not([aria-expanded=true]){opacity:.5}.city-sensors-toggle{z-index:6;border:1px solid color-mix(in srgb, var(--kuem-white) 15%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 76%, transparent);backdrop-filter:blur(10px);box-shadow:0 6px 18px color-mix(in srgb, var(--kuem-background) 24%, transparent);color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);letter-spacing:0;cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard);align-items:center;gap:8px;padding:6px 11px 6px 8px;display:flex;position:absolute;bottom:12px;right:12px}.city-sensors-toggle:hover{background:color-mix(in srgb, var(--kuem-surface-1) 90%, transparent)}.city-sensors-toggle:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.city-sensors-toggle i{border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-white) 18%, transparent);width:22px;height:12px;transition:background var(--kuem-duration-base) var(--kuem-ease-standard);position:relative}.city-sensors-toggle i:after{content:"";background:var(--kuem-white);width:8px;height:8px;transition:translate var(--kuem-duration-base) var(--kuem-ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}.city-sensors-toggle[aria-pressed=true] i{background:var(--kuem-data)}.city-sensors-toggle[aria-pressed=true] i:after{translate:10px}.city-art[data-overlays=off] .city-sensors,.city-art[data-overlays=off] .city-module-guides{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){.city-sensor,.city-sensor-dot,.city-sensor-tag,.city-sensor-popover,.city-sensors-toggle i:after{transition:none}.city-sensor-dot:before,.city-sensor.is-tick .city-sensor-dot:before{animation:none}.city-sensor[data-state=alert] .city-sensor-dot:before{opacity:.8;animation:none;scale:2}}.bike-wheel--back{left:1px}.bike-wheel--front{left:20px}.city-module-guides{pointer-events:none;color:var(--kuem-text-primary);font:var(--kuem-weight-bold) var(--kuem-type-body-size)/1 var(--kuem-font-text);position:absolute;inset:0}.city-module-label{letter-spacing:0;align-items:center;gap:.4em;display:flex;position:absolute}.city-module-label:before{content:"";background:var(--kuem-border);border:1px solid var(--kuem-white);width:1.8em;height:1.8em;box-shadow:0 2px 7px color-mix(in srgb, var(--kuem-background) 67%, transparent);border-radius:50%}.city-module-label small{font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-semibold);letter-spacing:0}.city-river-surface{pointer-events:none;opacity:.86}.city-asset{cursor:pointer;outline:none}.city-static,.city-static-lamp{pointer-events:none}.city-hit{fill:#0000;stroke:#0000;stroke-width:4px;vector-effect:non-scaling-stroke}.city-asset:focus-visible .city-hit{stroke:#7cf3ff;fill:#55e4ee22}.city-asset-label{font:var(--kuem-weight-bold) 13px var(--kuem-font-text);letter-spacing:0;text-anchor:middle;fill:#fff9e4;paint-order:stroke;stroke:#19292c;stroke-width:5px;stroke-linejoin:round;opacity:0;transition:opacity var(--kuem-duration-base) var(--kuem-ease-standard)}.city-asset:hover .city-asset-label,.city-asset:focus-visible .city-asset-label{opacity:1}.city-small-label{font-size:var(--kuem-type-label-size)}.city-light-overlay{fill:#ffc95f;opacity:0;mix-blend-mode:screen;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard);filter:drop-shadow(0 0 12px #ffd067)}.city-glow-lines{fill:none;stroke:#fff0b0;stroke-width:5px;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 8px #ffd46d);transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-asset.is-lit .city-light-overlay{opacity:.48}.city-asset.is-lit .city-glow-lines{opacity:.82}.city-field-dark{fill:#102319;opacity:.4;mix-blend-mode:multiply;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-field-glow{fill:#fff0b5;opacity:0;mix-blend-mode:screen;filter:drop-shadow(0 0 6px #ffe7a5);transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-asset.is-lit .city-field-dark{opacity:.025}.city-asset.is-lit .city-field-glow{opacity:.4}.city-floodlight-shutter{fill:#34424a;opacity:.68;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-floodlight-beam{fill:#fff0af;opacity:0;filter:drop-shadow(0 0 5px #ffe47f)drop-shadow(0 0 10px #ffd65e);transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-asset.is-lit .city-floodlight-shutter{opacity:.04}.city-asset.is-lit .city-floodlight-beam{opacity:1}.city-factory-window-dark{fill:#172328;opacity:.74;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-asset[data-building=FACTORY_01].is-lit .city-factory-window-dark{opacity:.04}.city-asset[data-building=FACTORY_01].is-lit .city-light-overlay{opacity:.37;filter:drop-shadow(0 0 4px #ffd783)}.city-asset[data-building=FACTORY_01].is-lit .city-glow-lines{opacity:.52;stroke-width:2.5px;filter:drop-shadow(0 0 3px #ffdc8a)}.city-lamp-glow{fill:#fff0a0;opacity:0;filter:drop-shadow(0 0 12px #ffdc70);transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-asset.is-lit .city-lamp-glow{opacity:1}.city-asset.has-alert .city-hit{stroke:#0000;fill:#0000}.city-alert-marker{fill:#d94e4e;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 2px 5px #17252c99);display:none}.city-alert-glyph{fill:#fff;font:var(--kuem-weight-bold) 18px var(--kuem-font-text);text-anchor:middle;display:none}.city-asset.has-alert .city-alert-marker,.city-asset.has-alert .city-alert-glyph{display:block}.city-meter{pointer-events:none;filter:drop-shadow(0 1px 2px #17211f99)}.city-meter-pipe{fill:none;stroke:#636b65;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.city-meter-water .city-meter-pipe{stroke:#677c80}.city-meter-gas .city-meter-pipe{stroke:#80735b}.city-meter-case{fill:url(#meter-case);stroke:#626b64;stroke-width:1.7px}.city-meter-gas-case{fill:url(#meter-gas-case);stroke:#6c624f}.city-meter-screen{fill:url(#meter-lcd);stroke:#77786d;stroke-width:1px}.city-meter-value{fill:#d8c18b;font:var(--kuem-weight-bold) 8px var(--kuem-font-text);font-variant-numeric:tabular-nums;text-anchor:middle}.city-meter-dial{fill:#bfc0ad;stroke:#60675f;stroke-width:1.7px}.city-meter-screw{fill:#74796f;stroke:#d8d6c7;stroke-width:.6px}.city-meter-model{fill:#4d554f;font:var(--kuem-weight-bold) 6px var(--kuem-font-text);letter-spacing:0;text-anchor:middle}.city-infrastructure-sensor{pointer-events:auto;cursor:help;filter:none}.city-meter[data-sensor-popover-trigger]{pointer-events:auto;cursor:help}.city-sensor-hit{fill:#0000;stroke:#0000;pointer-events:all}.city-infrastructure-sensor:focus-visible .city-sensor-hit,.city-meter[data-sensor-popover-trigger]:focus-visible .city-sensor-hit{fill:#72e5d122;stroke:#d5fff2;stroke-width:2px}.city-sensor-wave{fill:none;stroke:#8bfff0;stroke-width:2px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%;filter:none;pointer-events:none;animation:3.2s cubic-bezier(.15,.55,.25,1) infinite city-sensor-ripple}.city-sensor-wave-delayed{animation-delay:1.6s}.city-sensor-wave-secondary{stroke:#f3d28c}.city-sensor-glow{fill:#65d9cf;opacity:.28;filter:none;pointer-events:none;animation:3.2s ease-in-out infinite city-sensor-glow}.city-sensor-glow-secondary{fill:#f0c879;filter:none}.city-infrastructure-sensor:focus-visible .city-sensor-wave{stroke:#d7fff2;opacity:.65}@keyframes city-sensor-ripple{0%{opacity:.76;transform:scale(.4)}72%{opacity:.28}to{opacity:0;transform:scale(2.05)}}@keyframes city-sensor-glow{0%,to{opacity:.3}50%{opacity:.68}}@media (prefers-reduced-motion:reduce){.city-sensor-wave,.city-sensor-glow{animation:none}.city-sensor-wave{opacity:.22;transform:none}.city-sensor-glow{opacity:.35}}.city-sensor-mount{fill:none;stroke:#45514f;stroke-width:3px;stroke-linecap:round}.city-sensor-case{fill:url(#meter-case);stroke:#58625d;stroke-width:1.4px}.city-sensor-led{fill:#f2c976;filter:none}.city-sensor-vents{fill:none;stroke:#68736e;stroke-width:1px}.city-gauge-post{stroke:#ded9c4;stroke-width:5px;filter:none}.city-gauge-tick{stroke:#54615f;stroke-width:1.3px}.city-counter-beam{fill:none;stroke:#5bd0dc;stroke-width:1.5px;stroke-dasharray:3 4;opacity:.72}.city-counter-housing{fill:#273739;stroke:#e2dbc4;stroke-width:1.6px}.city-counter-display{fill:#101f21;stroke:#73d7d0;stroke-width:.8px}.city-counter-digits{fill:#b6ffbe;font:var(--kuem-weight-bold) 4.5px var(--kuem-font-text);font-variant-numeric:tabular-nums;text-anchor:middle}.city-counter-tag rect{fill:#102326;stroke:#7ee0d2;stroke-width:1.2px}.city-counter-tag text{fill:#d7fff4;font:var(--kuem-weight-bold) 6px var(--kuem-font-text);letter-spacing:0;text-anchor:middle}.city-sensor-popover{--lead:18px;--ax:-50%;--lx:50%;left:var(--x);top:var(--y);z-index:8;border:1px solid color-mix(in srgb, var(--kuem-white) 12%, transparent);border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-surface-1) 85%, transparent);backdrop-filter:blur(14px)saturate(1.4);width:224px;max-width:calc(100% - 16px);box-shadow:0 18px 40px color-mix(in srgb, var(--kuem-background) 40%, transparent), 0 2px 6px color-mix(in srgb, var(--kuem-background) 25%, transparent), inset 0 1px color-mix(in srgb, var(--kuem-white) 9%, transparent);color:var(--kuem-text-primary);font:var(--kuem-weight-regular) var(--kuem-type-label-size)/1.35 var(--kuem-font-text);opacity:0;visibility:hidden;pointer-events:none;translate:var(--ax) calc(-100% - var(--lead) + 6px);transition:opacity var(--kuem-duration-base) var(--kuem-ease-standard), visibility var(--kuem-duration-base), translate var(--kuem-duration-slow) var(--kuem-ease-standard);padding:11px 12px 10px;position:absolute}.city-sensor-popover[data-side=below]{translate:var(--ax) calc(var(--lead) - 6px)}.city-sensor-popover[data-align=start]{--ax:-28px;--lx:28px}.city-sensor-popover[data-align=end]{--ax:calc(-100% + 28px);--lx:calc(100% - 28px)}.city-sensor-popover[data-pinned=true]{opacity:1;visibility:visible;pointer-events:auto;translate:var(--ax) calc(-100% - var(--lead))}.city-sensor-popover[data-side=below][data-pinned=true]{translate:var(--ax) var(--lead)}.city-sensor-popover:before{content:"";left:var(--lx);width:1px;height:calc(var(--lead) - 7px);background:color-mix(in srgb, var(--tone) 80%, transparent);position:absolute;top:100%;translate:-50%}.city-sensor-popover[data-side=below]:before{background:color-mix(in srgb, var(--tone) 80%, transparent);top:auto;bottom:100%}.city-sensor-popover:after{content:"";background:var(--tone);opacity:.7;height:1px;position:absolute;top:-1px;left:14px;right:14px}.city-popover-top{color:var(--kuem-text-muted);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);letter-spacing:0;align-items:center;gap:6px;margin-bottom:6px;display:flex}.city-popover-top i{background:var(--tone);width:6px;height:6px;box-shadow:none;border-radius:50%;flex:none}.city-popover-top span{color:var(--kuem-text-muted);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;margin-left:auto}.city-sensor-popover>strong{color:var(--kuem-text-primary);font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-semibold);letter-spacing:var(--kuem-type-h2-tracking);margin-bottom:8px;display:block}.city-popover-reading{border-top:1px solid color-mix(in srgb, var(--kuem-white) 8%, transparent);justify-content:space-between;align-items:baseline;gap:8px;padding-top:8px;display:flex}.city-popover-reading b{color:var(--kuem-text-primary);font:var(--kuem-weight-semibold) var(--kuem-type-lead-size)/1.05 var(--kuem-font-text);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums;letter-spacing:var(--kuem-type-h1-tracking)}.city-popover-reading small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.city-popover-grid{border-top:1px solid color-mix(in srgb, var(--kuem-white) 8%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:8px;display:grid}.city-popover-grid span{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.city-popover-grid b{color:var(--kuem-text-primary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size) var(--kuem-font-text);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px;display:block}.city-popover-spark{width:100%;height:28px;margin-top:9px;display:block;overflow:visible}.city-popover-spark path:first-child{fill:color-mix(in srgb, var(--tone) 16%, transparent);stroke:none}.city-popover-spark path:nth-child(2){fill:none;stroke:var(--tone);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.city-sensor-popover[data-state=alert]{border-color:color-mix(in srgb, var(--kuem-status-critical) 40%, transparent)}.city-sensor-popover[data-state=alert] .city-popover-reading b,.city-sensor-popover[data-state=alert] .city-popover-grid span:first-child b{color:var(--kuem-text-secondary)}.city-art:has(.city-house-water[data-sensor-popover-trigger]:hover,.city-house-water[data-sensor-popover-trigger]:focus-visible,.city-popover-house-water:hover) .city-popover-house-water,.city-art:has(.city-office-water[data-sensor-popover-trigger]:hover,.city-office-water[data-sensor-popover-trigger]:focus-visible,.city-popover-office-water:hover) .city-popover-office-water,.city-art:has(.city-factory-gas[data-sensor-popover-trigger]:hover,.city-factory-gas[data-sensor-popover-trigger]:focus-visible,.city-popover-factory-gas:hover) .city-popover-factory-gas,.city-art:has(.city-vibration-sensor:hover,.city-vibration-sensor:focus-visible,.city-popover-vibration:hover) .city-popover-vibration,.city-art:has(.city-water-level-sensor:hover,.city-water-level-sensor:focus-visible,.city-popover-water:hover) .city-popover-water,.city-art:has(.city-air-sensor:hover,.city-air-sensor:focus-visible,.city-popover-air:hover) .city-popover-air,.city-art:has(.city-cycle-counter:hover,.city-cycle-counter:focus-visible,.city-popover-cyclists:hover) .city-popover-cyclists{opacity:1;visibility:visible;pointer-events:auto}.twin-scene-wrap{perspective:1500px;perspective-origin:50% 48%;touch-action:none;cursor:grab;overscroll-behavior:contain;position:relative}.twin-scene-wrap:active{cursor:grabbing}.city-art{transform-origin:0 0;transform-style:preserve-3d;backface-visibility:hidden;image-rendering:auto}.city-photo{image-rendering:auto}.twin-alerts{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-control);background:var(--kuem-background);margin-top:9px;padding:8px 9px}.twin-alerts h3{color:var(--kuem-status-critical);font-size:var(--kuem-type-label-size);align-items:center;gap:5px;margin:0 0 5px;display:flex}.twin-alerts h3>span{background:var(--kuem-status-critical);width:16px;height:16px;color:var(--kuem-white);font-size:var(--kuem-type-label-size);border-radius:50%;place-items:center;display:grid}.twin-alerts h3>b{border-radius:var(--kuem-radius-card);background:var(--kuem-surface-2);color:var(--kuem-status-critical);font-size:var(--kuem-type-label-size);margin-left:auto;padding:1px 5px}.twin-alerts p{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);justify-content:space-between;gap:6px;margin:3px 0;display:flex}.twin-alerts p[hidden]{display:none}.twin-alerts p strong{color:var(--kuem-status-critical);font-size:var(--kuem-type-label-size)}.twin-meter-readings,.twin-sensor-readings{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-control);background:var(--kuem-background);margin-top:9px;padding:8px 9px}.twin-meter-heading{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.twin-meter-heading h3{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);margin:0}.twin-meter-heading span{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.twin-meter-readings>div:not(.twin-meter-heading),.twin-sensor-readings>div:not(.twin-meter-heading){border-top:1px solid var(--kuem-white);color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.twin-meter-readings>div>span,.twin-sensor-readings>div>span{min-width:0}.twin-meter-readings small,.twin-sensor-readings small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);display:block}.twin-meter-readings strong,.twin-sensor-readings strong{color:var(--kuem-text-secondary);font-size:var(--kuem-type-label-size);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.twin-sensor-readings [data-reading=cyclists]{transition:color var(--kuem-duration-slow) var(--kuem-ease-standard)}.twin-sensor-readings [data-reading=cyclists].is-counted{color:var(--kuem-status-ok)}@media (prefers-reduced-motion:reduce){.twin-sensor-readings [data-reading=cyclists]{transition:none}}.twin-sensor-readings strong small{font-weight:var(--kuem-weight-regular)}.city-photo-caption{color:var(--kuem-text-primary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size) var(--kuem-font-text);letter-spacing:0;position:absolute;bottom:12px;left:14px}.twin-workspace{grid-template-columns:minmax(0,1.3fr) minmax(480px,.95fr);align-items:center;gap:clamp(1rem,2.5vw,2.5rem)}.xdr-display{text-align:center;min-width:0;position:relative}.xdr-bezel{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card);background:var(--kuem-border);box-shadow:0 24px 36px color-mix(in srgb, var(--kuem-background) 33%, transparent), 0 3px 0 var(--kuem-border-strong) inset, 0 -2px 0 var(--kuem-carbon) inset;padding:12px 12px 11px;position:relative}.xdr-screen{border-radius:var(--kuem-radius-card);background:var(--kuem-surface-1);box-shadow:0 0 0 1px var(--kuem-carbon);overflow:hidden}.xdr-browser-bar{background:var(--kuem-white);border-bottom:1px solid var(--kuem-white);height:38px;color:var(--kuem-text-muted);font:var(--kuem-weight-regular) var(--kuem-type-label-size)/1 var(--kuem-font-text);text-align:left;grid-template-columns:70px 50px minmax(100px,1fr) 50px;align-items:center;gap:7px;padding:0 10px;display:grid}.browser-dots{gap:5px;display:flex}.browser-dots i{background:var(--kuem-status-critical);border:1px solid var(--kuem-event);border-radius:50%;width:9px;height:9px}.browser-dots i:nth-child(2){background:var(--kuem-status-warning);border-color:var(--kuem-status-warning)}.browser-dots i:nth-child(3){background:var(--kuem-data);border-color:var(--kuem-data)}.browser-nav{font-size:var(--kuem-type-body-size);color:var(--kuem-text-muted);letter-spacing:0}.browser-address{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-card);background:var(--kuem-white);min-width:0;height:24px;color:var(--kuem-carbon);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;padding:0 11px;display:flex;overflow:hidden}.browser-address b{color:var(--kuem-data);font-size:var(--kuem-type-label-size)}.browser-menu{text-align:center;font-size:var(--kuem-type-small-size)}.xdr-display .twin-dashboard{max-height:570px;box-shadow:none;background:var(--kuem-surface-1);color:var(--kuem-text-primary);text-align:left;border:0;border-radius:0;overflow:auto}.xdr-display .twin-dashboard-top{background:var(--kuem-carbon);min-height:42px;padding:9px 16px}.xdr-display .twin-dashboard-heading{margin-bottom:12px}.xdr-display .twin-dashboard-heading h2{font-size:var(--kuem-type-lead-size)}.xdr-display .twin-dashboard-heading p{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis>div{min-height:88px;padding:9px}.xdr-display .twin-kpis span{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis strong{font-size:var(--kuem-type-h3-size)}.xdr-display .twin-kpis small{font-size:var(--kuem-type-label-size)}.xdr-display .twin-rule{margin:10px 0;padding:9px}.xdr-display .twin-tr{font-size:var(--kuem-type-label-size);padding:7px 9px}.xdr-display .twin-event{margin-top:11px;padding-top:9px}@media (width<=1100px){.twin-workspace{grid-template-columns:1fr}.xdr-display{width:min(100%,760px);margin:8px auto 0}.xdr-display .twin-dashboard{max-height:none}}@media (width<=640px){.xdr-bezel{border-radius:var(--kuem-radius-card);padding:7px}.xdr-browser-bar{height:31px;font-size:var(--kuem-type-label-size);grid-template-columns:44px 28px minmax(80px,1fr) 26px;gap:4px;padding:0 6px}.browser-dots{gap:3px}.browser-dots i{width:7px;height:7px}.browser-nav{font-size:var(--kuem-type-small-size)}.browser-address{height:21px;padding:0 6px}.browser-menu{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis>div{min-height:82px;padding:7px}.xdr-display .twin-kpis small{font-size:var(--kuem-type-label-size)}}.xdr-screen{background:var(--kuem-surface-1)}.xdr-display .twin-dashboard{background:var(--kuem-surface-1);color:var(--kuem-text-secondary);font-family:var(--kuem-font-text);max-height:650px}.xdr-display .twin-dashboard-top{background:var(--kuem-background);border-bottom:1px solid var(--kuem-border);min-height:45px;color:var(--kuem-text-secondary);padding:7px 14px}.xdr-display .twin-brand{font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-regular);letter-spacing:0;color:var(--kuem-text-secondary);align-items:center;gap:15px;display:flex}.xdr-display .twin-brand img{object-fit:contain;object-position:left center;width:92px;height:24px;display:block}.xdr-display .twin-brand span{border-left:1px solid var(--kuem-border);font-size:var(--kuem-type-label-size);color:var(--kuem-text-muted);padding-left:13px}.xdr-display .twin-demo-pill{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-control);background:var(--kuem-surface-1);color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);letter-spacing:0;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.twin-demo-pill i,.twin-sync i{background:var(--kuem-petrol-light);border-radius:50%;width:6px;height:6px;display:inline-block}.xdr-display .twin-dashboard-body{padding:13px 14px 15px}.xdr-display .twin-dashboard-heading{align-items:center;margin-bottom:10px}.xdr-display .twin-dashboard-heading h2{font-size:var(--kuem-type-body-size);letter-spacing:var(--kuem-type-h1-tracking);color:var(--kuem-text-secondary)}.xdr-display .twin-dashboard-heading p{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);margin-top:3px}.xdr-display .twin-sync{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-control);background:var(--kuem-background);color:var(--kuem-data);font-size:var(--kuem-type-label-size);align-items:center;gap:5px;padding:5px 7px;display:flex}.xdr-display .twin-sync i{background:var(--kuem-petrol-light)}.xdr-display .twin-kpis{gap:7px}.xdr-display .twin-kpis>div{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-control);min-height:81px;box-shadow:none;gap:2px;padding:8px 9px;position:relative}.xdr-display .twin-kpis>div:after{border-radius:var(--kuem-radius-control);background:var(--kuem-surface-1);width:17px;height:17px;color:var(--kuem-data);font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-bold);place-items:center;display:grid;position:absolute;top:9px;right:9px}.xdr-display .twin-kpis>div:first-child:after{content:"▦"}.xdr-display .twin-kpis>div:nth-child(2):after{content:"ϟ";background:var(--kuem-surface-1);color:var(--kuem-event)}.xdr-display .twin-kpis>div:nth-child(3):after{content:"⌁";background:var(--kuem-surface-1);color:var(--kuem-status-ok)}.xdr-display .twin-kpis span{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);letter-spacing:0}.xdr-display .twin-kpis strong{color:var(--kuem-text-secondary);font-size:var(--kuem-type-lead-size);font-weight:var(--kuem-weight-bold)}.xdr-display .twin-kpis small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.xdr-display .twin-rule{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-control);background:var(--kuem-background);margin:9px 0;padding:7px 9px}.xdr-display .twin-rule-icon{background:var(--kuem-data);width:17px;height:17px;font-size:var(--kuem-type-label-size)}.xdr-display .twin-rule strong{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.xdr-display .twin-rule p{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);margin-top:2px}.xdr-display .twin-table-heading{margin:10px 0 5px}.xdr-display .twin-table-heading h3,.xdr-display .twin-event h3,.xdr-display .twin-table-heading span{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.xdr-display .twin-table{border-color:var(--kuem-white);border-radius:var(--kuem-radius-control);background:var(--kuem-background)}.xdr-display .twin-tr{border-color:var(--kuem-white);color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) 43px;gap:3px;padding:6px 7px}.xdr-display .twin-th{background:var(--kuem-surface-1);color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.xdr-display .twin-tr b,.xdr-display .twin-tr small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size)}.xdr-display .twin-state[data-state=on]{color:var(--kuem-status-ok)}.xdr-display .twin-watts{color:var(--kuem-text-muted)}.xdr-display .twin-event{border-color:var(--kuem-white);margin-top:9px;padding-top:7px}.xdr-display .twin-event p{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);margin:3px 0}.xdr-display .twin-event small{font-size:var(--kuem-type-label-size);color:var(--kuem-text-muted)}@media (width<=640px){.xdr-display .twin-brand{gap:7px}.xdr-display .twin-brand img{width:75px}.xdr-display .twin-brand span{font-size:var(--kuem-type-label-size);padding-left:7px}.xdr-display .twin-dashboard-body{padding:10px 8px}.xdr-display .twin-kpis>div:after{width:13px;height:13px;font-size:var(--kuem-type-label-size);top:5px;right:5px}}.twin-workspace:fullscreen{background:var(--kuem-background);width:100%;height:100dvh;color:var(--kuem-text-secondary);grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,2vw,2rem);display:grid;overflow:auto}.twin-workspace:fullscreen .twin-city-panel{border-color:var(--kuem-border);flex-direction:column;min-width:0;max-height:100%;display:flex}.twin-workspace:fullscreen .twin-scene-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.twin-workspace:fullscreen .city-art{flex:none;width:min(100%,150dvh - 270px);height:auto}.twin-workspace:fullscreen .xdr-display{min-width:0;max-height:100%;overflow:auto}.twin-workspace:fullscreen .xdr-bezel{max-width:100%;margin-inline:auto}@media (width<=900px){.twin-workspace:fullscreen{grid-template-rows:minmax(0,1fr) minmax(0,.9fr);grid-template-columns:minmax(0,1fr);align-items:stretch}:is(.twin-workspace:fullscreen .twin-city-panel,.twin-workspace:fullscreen .xdr-display),.twin-workspace:fullscreen .twin-scene-wrap{min-height:0}.twin-workspace:fullscreen .city-art{width:min(100%,75dvh - 225px)}.twin-workspace:fullscreen .xdr-display{width:min(100%,900px);margin:0 auto}}.twin-workspace:fullscreen{background:var(--kuem-background);width:100%;height:100dvh;padding:0;display:block;position:relative;overflow:hidden}.twin-workspace:fullscreen .twin-city-panel{max-height:none;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.twin-workspace:fullscreen .twin-panel-head{background:color-mix(in srgb, var(--kuem-surface-1) 87%, transparent);padding:12px 18px}.twin-workspace:fullscreen .twin-scene-wrap{justify-content:center;align-items:center;min-height:0;display:flex}.twin-workspace:fullscreen .city-art{aspect-ratio:auto;object-fit:cover;flex:none;width:100%;height:100%}.twin-workspace:fullscreen .city-photo{object-fit:cover}.twin-workspace:fullscreen .twin-controls{z-index:11;border:1px solid color-mix(in srgb, var(--kuem-data) 33%, transparent);border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-surface-1) 87%, transparent);backdrop-filter:blur(8px);padding:8px;position:absolute;bottom:14px;left:14px}.twin-workspace:fullscreen .twin-controls span{color:var(--kuem-text-secondary)}.twin-workspace:fullscreen .xdr-display{--overlay-opacity:1;z-index:10;resize:both;width:clamp(260px,21vw,420px);max-width:94vw;max-height:86dvh;opacity:var(--overlay-opacity);text-align:left;filter:none;position:absolute;top:7%;left:auto;right:3%;overflow:auto}.twin-workspace:fullscreen .xdr-overlay-tools{border:1px solid var(--kuem-data);background:color-mix(in srgb, var(--kuem-surface-1) 87%, transparent);min-height:38px;color:var(--kuem-text-primary);font:var(--kuem-weight-regular) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.twin-workspace:fullscreen .xdr-overlay-tools label{cursor:default;align-items:center;gap:8px;display:flex}.twin-workspace:fullscreen .xdr-overlay-tools input{width:110px;accent-color:var(--kuem-data);cursor:pointer}.twin-workspace:fullscreen .xdr-bezel{border-radius:var(--kuem-radius-card);padding:8px}.twin-workspace:fullscreen .xdr-screen{max-height:calc(86dvh - 70px);overflow:auto}.twin-workspace:fullscreen .xdr-display .twin-dashboard{max-height:none}@media (width<=700px){.twin-workspace:fullscreen .xdr-display{width:min(78vw,280px);max-height:70dvh;top:64px;right:10px}.twin-workspace:fullscreen .twin-workspace:fullscreen .xdr-screen{max-height:calc(70dvh - 70px)}.twin-workspace:fullscreen .xdr-overlay-tools{font-size:var(--kuem-type-label-size)}.twin-workspace:fullscreen .xdr-overlay-tools input{width:72px}}.xdr-overlay-tools{display:none}@media (width<=700px){.twin-workspace:fullscreen .xdr-screen{max-height:calc(70dvh - 70px)}}.twin-workspace:not(:fullscreen){width:100%;display:block;position:relative}.twin-workspace:not(:fullscreen) .twin-city-panel{width:100%}.twin-workspace:not(:fullscreen) .xdr-display{--overlay-opacity:1;z-index:10;resize:both;width:clamp(260px,19.5vw,360px);max-width:90%;max-height:78vh;opacity:var(--overlay-opacity);text-align:left;filter:none;position:absolute;top:5%;left:auto;right:2%;overflow:auto}.twin-workspace:not(:fullscreen) .xdr-overlay-tools{border:1px solid var(--kuem-data);background:color-mix(in srgb, var(--kuem-surface-1) 87%, transparent);min-height:36px;color:var(--kuem-text-primary);font:var(--kuem-weight-regular) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.twin-workspace:not(:fullscreen) .xdr-overlay-tools label{cursor:default;align-items:center;gap:8px;display:flex}.twin-workspace:not(:fullscreen) .xdr-overlay-tools input{width:100px;accent-color:var(--kuem-data);cursor:pointer}.twin-workspace:not(:fullscreen) .xdr-bezel{border-radius:var(--kuem-radius-card);padding:8px}.twin-workspace:not(:fullscreen) .xdr-screen{max-height:min(68vh,720px);overflow:auto}.twin-workspace:not(:fullscreen) .xdr-display .twin-dashboard{max-height:none}@media (width<=700px){.twin-workspace:not(:fullscreen) .xdr-display{width:min(76vw,260px);max-height:62vh;top:5%;right:3%}.twin-workspace:not(:fullscreen) .xdr-screen{max-height:calc(62vh - 70px)}.twin-workspace:not(:fullscreen) .xdr-overlay-tools{font-size:var(--kuem-type-label-size)}.twin-workspace:not(:fullscreen) .xdr-overlay-tools input{width:72px}}.twin-workspace .xdr-display{resize:none}.twin-workspace .xdr-resize-grip{z-index:3;border:1px solid var(--kuem-border-strong);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-surface-1) 87%, transparent);width:25px;height:25px;color:var(--kuem-text-secondary);font-size:var(--kuem-type-body-size);cursor:nwse-resize;touch-action:none;place-items:center;line-height:1;display:grid;position:absolute;bottom:3px;right:3px}.twin-workspace .xdr-display.is-resized .xdr-bezel{flex-direction:column;height:calc(100% - 38px);display:flex}.twin-workspace .xdr-display.is-resized .xdr-screen{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex}.twin-workspace .xdr-display.is-resized .twin-dashboard{flex:1;min-height:0;overflow:auto}.twin-workspace .xdr-display{height:clamp(420px,72vh,760px);max-height:none;overflow:hidden}.twin-workspace .xdr-bezel{flex-direction:column;height:calc(100% - 38px);min-height:0;display:flex}.twin-workspace .xdr-screen{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden;container:noc-screen/size}.twin-workspace .xdr-display .twin-dashboard{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.twin-workspace .xdr-display .twin-dashboard-body{flex:1;min-height:0;overflow:hidden}.twin-workspace .xdr-display.is-resized .twin-dashboard{overflow:hidden}.twin-workspace:fullscreen .xdr-display{height:76dvh;overflow:hidden}@container noc-screen (height<=650px){.xdr-display .twin-event,.xdr-display .twin-meter-readings,.xdr-display .twin-sensor-readings,.xdr-display .twin-alerts{display:none}.xdr-display .twin-kpis>div{min-height:62px}.xdr-display .twin-rule{margin:5px 0;padding:5px}.xdr-display .twin-table .twin-tr:nth-child(n+7){display:none}}@container noc-screen (height<=500px){.xdr-display .twin-rule,.xdr-display .twin-table .twin-tr:nth-child(n+5){display:none}.xdr-display .twin-dashboard-body{padding:7px 9px}.xdr-display .twin-dashboard-heading{margin-bottom:5px}.xdr-display .twin-kpis>div{min-height:48px;padding:5px}.xdr-display .twin-kpis small{display:none}}@container noc-screen (height<=390px){.xdr-display .twin-dashboard-top{min-height:34px;padding:4px 9px}.xdr-display .twin-table-heading{margin:5px 0 2px}.xdr-display .twin-table .twin-tr:nth-child(n+4){display:none}.xdr-display .twin-tr{padding:3px 5px}}@container noc-screen (width<=480px){.xdr-display .twin-dashboard-body{padding:7px}.xdr-display .twin-dashboard-heading p{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis{gap:3px}.xdr-display .twin-kpis>div{padding:5px 4px}.xdr-display .twin-kpis span{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis strong{font-size:var(--kuem-type-small-size)}.xdr-display .twin-tr{font-size:var(--kuem-type-label-size);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 34px;padding:4px}}.twin-workspace .xdr-resize-grip{display:none}.twin-workspace .xdr-resize-edge{z-index:9;touch-action:none;background:0 0;border:0;padding:0;display:block;position:absolute}.twin-workspace .xdr-resize-width{cursor:ew-resize;width:12px;top:45px;bottom:10px;left:-5px}.twin-workspace .xdr-resize-height{cursor:ns-resize;height:12px;bottom:-5px;left:10px;right:10px}.twin-workspace .xdr-resize-width:after,.twin-workspace .xdr-resize-height:after{content:"";border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-data) 67%, transparent);opacity:0;transition:opacity var(--kuem-duration-fast);display:block;position:absolute}.twin-workspace .xdr-display:hover .xdr-resize-edge:after,.twin-workspace .xdr-resize-edge:focus-visible:after{opacity:1}.twin-workspace .xdr-display{max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:hidden}.twin-workspace .xdr-screen{overscroll-behavior:contain;scrollbar-gutter:stable;max-width:100%;max-height:none;display:block;overflow:auto;container:noc-screen/inline-size}.twin-workspace .xdr-display .twin-dashboard{min-width:0;min-height:0;max-height:none;display:block;overflow:visible}.twin-workspace .xdr-display .twin-dashboard-body{min-width:0;overflow:visible}.twin-workspace .xdr-display .twin-table{max-width:100%}.twin-workspace .xdr-display.is-resized .xdr-bezel{height:calc(100% - 38px);display:block}.twin-workspace .xdr-display.is-resized .xdr-screen{height:100%;display:block;overflow:auto}.twin-workspace .xdr-display.is-resized .twin-dashboard{display:block;overflow:visible}@container noc-screen (width<=480px){.xdr-display .twin-dashboard-body{padding:7px}.xdr-display .twin-dashboard-heading p{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis{gap:3px}.xdr-display .twin-kpis>div{padding:5px 4px}.xdr-display .twin-kpis span{font-size:var(--kuem-type-label-size)}.xdr-display .twin-kpis strong{font-size:var(--kuem-type-small-size)}.xdr-display .twin-tr{font-size:var(--kuem-type-label-size);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 34px;padding:4px}}.twin-workspace .xdr-resize-width{width:10px;top:42px;bottom:12px;left:0}.twin-workspace .xdr-resize-width:after{width:4px;top:0;bottom:0;left:3px}.twin-workspace .xdr-display .twin-dashboard,.twin-workspace .xdr-display .twin-dashboard-body{overflow:visible!important}.twin-workspace .xdr-display{box-sizing:border-box;contain:layout paint;position:absolute;overflow:hidden}.twin-workspace .xdr-bezel{box-sizing:border-box;border:1px solid var(--kuem-border);border-radius:0 0 var(--kuem-radius-card) var(--kuem-radius-card);background:var(--kuem-border);width:100%;min-width:0;height:auto;min-height:0;padding:7px 7px 8px;display:block;position:absolute;inset:38px 0 0;overflow:hidden}.twin-workspace .xdr-screen{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:var(--kuem-radius-control);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:none;display:block;position:relative;container:noc-screen/inline-size;overflow:auto!important}.twin-workspace .xdr-display .twin-dashboard{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:0;max-height:none;display:block;overflow:visible!important}.twin-workspace .xdr-display .twin-dashboard-body{box-sizing:border-box;width:100%;min-width:0;overflow:visible!important}.twin-workspace .xdr-display .twin-dashboard-body>*{min-width:0;max-width:100%}.twin-workspace .xdr-display .twin-tr{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) 43px;min-width:0}.twin-workspace .xdr-display .twin-tr>*{overflow-wrap:anywhere;min-width:0}.twin-workspace .xdr-display.is-resized .xdr-bezel{height:auto}.twin-workspace .xdr-display.is-resized .xdr-screen{height:100%;overflow:auto!important}.twin-workspace .xdr-resize-height{height:8px;bottom:1px;left:12px;right:12px}.twin-workspace .xdr-resize-height:after{height:3px;top:2px;left:0;right:0}.twin-workspace:fullscreen .xdr-display{max-height:calc(100% - 16px);overflow:hidden}.twin-workspace:fullscreen .xdr-screen{height:100%;max-height:none;overflow:auto!important}.twin-workspace:fullscreen .xdr-display.is-resized .xdr-screen{height:100%}.twin-workspace .xdr-overlay-tools{z-index:4;box-sizing:border-box;border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card) var(--kuem-radius-card) 0 0;background:color-mix(in srgb, var(--kuem-border) 96%, transparent);min-height:38px;color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);box-shadow:0 2px 7px color-mix(in srgb, var(--kuem-background) 31%, transparent);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 11px;display:flex;position:absolute;top:0;left:0;right:0}.twin-workspace .xdr-overlay-tools>span{white-space:nowrap;min-width:0}.twin-workspace .xdr-overlay-tools label{color:var(--kuem-text-secondary);font-size:var(--kuem-type-label-size);white-space:nowrap;cursor:default;align-items:center;gap:8px;margin-left:auto;display:flex}.twin-workspace .xdr-overlay-tools input{width:100px;accent-color:var(--kuem-data);cursor:pointer;margin:0}@container noc-screen (width<=520px){.twin-workspace .xdr-overlay-tools{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:52px;padding:5px 9px}.twin-workspace .xdr-overlay-tools>span{font-size:var(--kuem-type-label-size)}.twin-workspace .xdr-overlay-tools label{font-size:var(--kuem-type-label-size);gap:6px;margin-left:0}.twin-workspace .xdr-overlay-tools input{width:84px}}.twin-workspace .xdr-display{container:display-overlay/inline-size}@container display-overlay (width<=520px){.twin-workspace .xdr-overlay-tools{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:52px;padding:5px 9px}.twin-workspace .xdr-overlay-tools>span{font-size:var(--kuem-type-label-size)}.twin-workspace .xdr-overlay-tools label{font-size:var(--kuem-type-label-size);gap:6px;margin-left:0}.twin-workspace .xdr-overlay-tools input{width:84px}}.twin-workspace .xdr-bezel{top:38px}@container display-overlay (width<=520px){.twin-workspace .xdr-bezel{top:54px}}.twin-workspace .xdr-display{flex-direction:column;display:flex}.twin-workspace .xdr-overlay-tools{flex:none;width:100%;position:relative;top:auto;left:auto;right:auto}.twin-workspace .xdr-bezel{flex:auto;width:100%;height:auto;min-height:0;position:relative;inset:auto}.twin-workspace .xdr-screen{height:100%;min-height:0}.twin-workspace .xdr-display.is-resized .xdr-bezel{flex:auto;height:auto}.twin-workspace .xdr-display.is-resized .xdr-screen{height:100%}.twin-workspace .xdr-overlay-tools{z-index:2;border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card) var(--kuem-radius-card) 0 0;background:var(--kuem-border);min-height:42px;box-shadow:inset 0 1px color-mix(in srgb, var(--kuem-white) 13%, transparent), 0 4px 10px color-mix(in srgb, var(--kuem-background) 14%, transparent);color:var(--kuem-text-primary);font-size:var(--kuem-type-label-size);letter-spacing:0;border-bottom:0;padding:8px 13px;position:relative}.twin-workspace .xdr-overlay-tools>span:before{content:"";background:var(--kuem-data);width:7px;height:7px;box-shadow:none;vertical-align:middle;border-radius:50%;margin:0 8px 1px 1px;display:inline-block}.twin-workspace .xdr-overlay-tools label{border:1px solid color-mix(in srgb, var(--kuem-white) 14%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 31%, transparent);color:var(--kuem-text-secondary);padding:4px 8px}.twin-workspace .xdr-display:after{content:"";border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-data) 33%, transparent);pointer-events:none;width:34px;height:2px;position:absolute;bottom:4px;right:18px}@container display-overlay (width<=520px){.twin-workspace .xdr-overlay-tools{gap:3px;min-height:58px;padding:6px 10px}.twin-workspace .xdr-overlay-tools>span:before{width:6px;height:6px;margin-right:6px}.twin-workspace .xdr-overlay-tools label{padding:2px 6px}}.twin-workspace .xdr-overlay-tools label{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);background:0 0;border:0;border-radius:0;padding:0}.twin-workspace .xdr-bezel{border:1px solid var(--kuem-white);border-radius:0 0 var(--kuem-radius-card) var(--kuem-radius-card);background:var(--kuem-white);box-shadow:none;border-top:0;padding:0 6px 6px}.twin-workspace .xdr-display:after{content:none}@container display-overlay (width<=520px){.twin-workspace .xdr-overlay-tools{gap:3px;min-height:52px;padding:5px 9px}.twin-workspace .xdr-overlay-tools>span:before{width:6px;height:6px;margin-right:6px}.twin-workspace .xdr-overlay-tools label{padding:0}}.twin-workspace .xdr-overlay-tools{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card) var(--kuem-radius-card) 0 0;background:var(--kuem-surface-2);min-height:38px;box-shadow:inset 0 1px color-mix(in srgb, var(--kuem-white) 7%, transparent);color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);letter-spacing:0;border-bottom:0;padding:7px 11px}.twin-workspace .xdr-overlay-tools>span:before{background:var(--kuem-data);width:6px;height:6px;box-shadow:none;margin:0 7px 1px 0}.twin-workspace .xdr-overlay-tools label{border:1px solid color-mix(in srgb, var(--kuem-white) 13%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 20%, transparent);color:var(--kuem-text-secondary);font-size:var(--kuem-type-label-size);padding:3px 7px}.twin-workspace .xdr-overlay-tools input{height:auto}.twin-workspace .xdr-bezel{border:1px solid var(--kuem-border);border-top:1px solid var(--kuem-border);border-radius:0 0 var(--kuem-radius-card) var(--kuem-radius-card);background:var(--kuem-border);box-shadow:inset 0 -1px color-mix(in srgb, var(--kuem-border-strong) 20%, transparent), 0 10px 22px color-mix(in srgb, var(--kuem-background) 25%, transparent);padding:0 7px 8px}.twin-workspace .xdr-screen{border:1px solid var(--kuem-carbon);border-radius:var(--kuem-radius-control);background:var(--kuem-surface-1);box-shadow:0 0 0 1px color-mix(in srgb, var(--kuem-data) 40%, transparent)}@container display-overlay (width<=520px){.twin-workspace .xdr-overlay-tools{gap:3px;min-height:52px;padding:5px 9px}.twin-workspace .xdr-overlay-tools>span:before{width:6px;height:6px;margin-right:6px}.twin-workspace .xdr-overlay-tools label{padding:2px 6px}}.twin-workspace .xdr-resize-width:after{border-radius:var(--kuem-radius-control);background:var(--kuem-data);opacity:0;pointer-events:none;width:3px;top:0;bottom:0;left:3px}.twin-workspace .xdr-resize-width{width:10px;top:48px;bottom:12px;left:0;overflow:hidden}.twin-workspace .xdr-resize-width:after{border-radius:var(--kuem-radius-control);background:var(--kuem-data);opacity:.45;pointer-events:none;width:3px;height:32px;top:calc(50% - 16px);bottom:auto;left:3px}.twin-workspace .xdr-display:hover .xdr-resize-width:after,.twin-workspace .xdr-resize-width:focus-visible:after{opacity:.9}.twin-workspace .xdr-resize-height{height:10px;bottom:0;left:12px;right:12px;overflow:hidden}.twin-workspace .xdr-resize-height:after{border-radius:var(--kuem-radius-control);background:var(--kuem-data);opacity:.45;pointer-events:none;width:32px;height:3px;top:3px;left:calc(50% - 16px);right:auto}.twin-workspace .xdr-display:hover .xdr-resize-height:after,.twin-workspace .xdr-resize-height:focus-visible:after{opacity:.9}.twin-workspace:fullscreen .twin-scene-wrap{overflow:hidden}.twin-workspace:fullscreen .city-art{aspect-ratio:3/2;object-fit:initial;flex:none;width:min(100%,150dvh - 132px);max-width:100%;height:auto}.twin-workspace:fullscreen .city-photo{object-fit:contain;width:100%;height:100%}.twin-workspace .xdr-display.is-minimized{display:none}.twin-workspace .xdr-overlay-tools [data-overlay-close]{border:1px solid color-mix(in srgb, var(--kuem-white) 21%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-white) 5%, transparent);width:24px;height:24px;color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-body-size)/1 var(--kuem-font-text);cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.twin-workspace .xdr-overlay-tools [data-overlay-close] svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.twin-workspace .xdr-overlay-tools [data-overlay-close]:hover{background:color-mix(in srgb, var(--kuem-white) 13%, transparent)}.twin-workspace .xdr-restore{z-index:12;border:1px solid var(--kuem-border-strong);border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-surface-1) 91%, transparent);min-height:36px;color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);box-shadow:0 4px 14px color-mix(in srgb, var(--kuem-background) 33%, transparent);cursor:pointer;padding:7px 11px;position:absolute;top:12px;right:12px}.twin-workspace .xdr-restore:hover{background:var(--kuem-border)}.twin-workspace .xdr-restore:focus-visible,.twin-workspace .xdr-overlay-tools [data-overlay-close]:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}@media (width<=700px){.twin-workspace .xdr-restore{max-width:calc(100% - 20px);top:10px;right:10px}}.twin-workspace .xdr-restore{justify-content:center;align-items:center;min-height:40px;display:inline-flex}.twin-workspace .xdr-restore[hidden]{display:none!important}.twin-workspace .twin-controls{z-index:11;position:relative}.twin-workspace .twin-controls [data-overlay-toggle]{z-index:9;position:relative}.twin-workspace .xdr-resize-corner{z-index:11;border-radius:var(--kuem-radius-control);touch-action:none;background:0 0;border:0;width:18px;height:18px;padding:0;position:absolute}.twin-workspace .xdr-corner-nw{cursor:nwse-resize;top:38px;left:0}.twin-workspace .xdr-corner-ne{cursor:nesw-resize;top:38px;right:0}.twin-workspace .xdr-corner-sw{cursor:nesw-resize;bottom:0;left:0}.twin-workspace .xdr-corner-se{cursor:nwse-resize;bottom:0;right:0}.twin-workspace .xdr-resize-corner:after{border:solid var(--kuem-data);content:"";opacity:.45;border-width:1px 0 0 1px;width:8px;height:8px;position:absolute;top:5px;left:5px}.twin-workspace .xdr-corner-ne:after,.twin-workspace .xdr-corner-sw:after{transform:rotate(90deg)}.twin-workspace .xdr-resize-corner{border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 33%, transparent);width:22px;height:22px}.twin-workspace .xdr-resize-corner:after{background:repeating-linear-gradient(135deg, var(--kuem-concrete) 0 1px, transparent 1px 4px);opacity:.8;border:0;border-radius:0;width:auto;height:auto;inset:4px;transform:none}.twin-workspace .xdr-corner-ne:after,.twin-workspace .xdr-corner-sw:after{background:repeating-linear-gradient(45deg, var(--kuem-concrete) 0 1px, transparent 1px 4px)}@container display-overlay (width<=520px){.twin-workspace .xdr-corner-nw,.twin-workspace .xdr-corner-ne{top:52px}}.twin-workspace .xdr-resize-corner{background:0 0;border-radius:0;width:18px;height:18px}.twin-workspace .xdr-corner-nw{top:38px;left:1px}.twin-workspace .xdr-corner-ne{top:38px;right:1px}.twin-workspace .xdr-corner-sw{bottom:1px;left:1px}.twin-workspace .xdr-corner-se{bottom:1px;right:1px}.twin-workspace .xdr-resize-corner:after{border:solid var(--kuem-data);opacity:.65;background:0 0;border-width:1px 0 0 1px;border-radius:0;width:8px;height:8px;inset:5px auto auto 5px;transform:none}.twin-workspace .xdr-corner-ne:after{transform:rotate(90deg)}.twin-workspace .xdr-corner-sw:after{transform:rotate(-90deg)}.twin-workspace .xdr-corner-se:after{transform:rotate(180deg)}.twin-workspace .xdr-display:hover .xdr-resize-corner:after,.twin-workspace .xdr-resize-corner:focus-visible:after{opacity:1}@container display-overlay (width<=520px){.twin-workspace .xdr-corner-nw,.twin-workspace .xdr-corner-ne{top:52px}}.twin-workspace .xdr-corner-sw:after,.twin-workspace .xdr-corner-se:after{transform:none}.twin-workspace .xdr-resize-edge{display:none!important}.twin-workspace .xdr-resize-corner{touch-action:none;z-index:20!important;opacity:1!important;background:0 0!important;border:0!important;border-radius:0!important;width:22px!important;height:22px!important;padding:0!important;display:block!important;position:absolute!important}.twin-workspace .xdr-corner-sw{cursor:nesw-resize;inset:auto auto 0 0!important}.twin-workspace .xdr-corner-se{cursor:nwse-resize;inset:auto 0 0 auto!important}.twin-workspace .xdr-resize-corner:after{content:"";position:absolute;border:0!important;border-bottom:1px solid var(--kuem-data)!important;border-left:1px solid var(--kuem-data)!important;opacity:.9!important;background:0 0!important;border-radius:0!important;width:9px!important;height:9px!important;inset:auto auto 5px 5px!important;transform:none!important}.twin-workspace .xdr-display:hover .xdr-resize-corner:after{border-color:var(--kuem-white)!important;opacity:1!important}.twin-workspace .xdr-screen{overflow:hidden auto!important}.twin-workspace .xdr-corner-sw,.twin-workspace .xdr-corner-se{z-index:30!important;width:20px!important;height:20px!important;bottom:2px!important}.twin-workspace .xdr-corner-sw{left:2px!important}.twin-workspace .xdr-corner-se{right:2px!important}.twin-workspace .xdr-corner-sw:after,.twin-workspace .xdr-corner-se:after{border-bottom:1px solid var(--kuem-white)!important;opacity:.9!important;width:8px!important;height:8px!important;bottom:3px!important}.twin-workspace .xdr-corner-sw:after{border-left:1px solid var(--kuem-white)!important;left:3px!important}.twin-workspace .xdr-corner-se:after{border-right:1px solid var(--kuem-white)!important;right:3px!important}.twin-workspace .xdr-corner-sw,.twin-workspace .xdr-corner-se{z-index:30!important;width:20px!important;height:20px!important;position:absolute!important;bottom:8px!important}.twin-workspace .xdr-corner-sw{top:auto!important;left:8px!important;right:auto!important}.twin-workspace .xdr-corner-se{top:auto!important;left:auto!important;right:8px!important}.twin-workspace .xdr-corner-sw:after,.twin-workspace .xdr-corner-se:after{border-bottom:1px solid var(--kuem-white)!important;opacity:.9!important;width:8px!important;height:8px!important;position:absolute!important;top:auto!important;bottom:3px!important;transform:none!important}.twin-workspace .xdr-corner-sw:after{border-left:1px solid var(--kuem-white)!important;border-right:0!important;left:3px!important;right:auto!important}.twin-workspace .xdr-corner-se:after{border-right:1px solid var(--kuem-white)!important;border-left:0!important;left:auto!important;right:3px!important}.twin-workspace .xdr-resize-corner{color:var(--kuem-text-secondary)!important;font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text)!important;text-shadow:none!important;background:0 0!important;place-items:center!important;display:grid!important;overflow:visible!important}.twin-workspace .xdr-resize-corner:after{content:none!important}.twin-workspace .xdr-resize-corner{border:1px solid var(--kuem-data)!important;background:var(--kuem-concrete)!important;width:12px!important;height:12px!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--kuem-white) 47%, transparent)!important;opacity:.95!important;width:14px!important;height:14px!important;box-shadow:none!important;opacity:1!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}.twin-workspace .xdr-corner-sw{bottom:8px!important;left:8px!important;right:auto!important}.twin-workspace .xdr-corner-se{bottom:8px!important;left:auto!important;right:8px!important}.twin-workspace .xdr-resize-corner:after{background:repeating-linear-gradient(135deg, transparent 0 2px, var(--kuem-data) 2px 3px, transparent 3px 5px)!important;content:""!important;opacity:.9!important;border:0!important;width:auto!important;height:auto!important;position:absolute!important;inset:3px!important;transform:none!important}.twin-workspace .xdr-display:hover .xdr-resize-corner:after{background:repeating-linear-gradient(135deg, transparent 0 2px, var(--kuem-concrete) 2px 3px, transparent 3px 5px)!important}.twin-workspace .xdr-corner-sw:after{border-top:2px solid var(--kuem-border-strong)!important;content:""!important;opacity:.9!important;background:0 0!important;border-bottom:0!important;border-left:2px solid #0000!important;border-right:2px solid #0000!important;width:0!important;height:0!important;inset:auto auto 4px 4px!important;transform:none!important}.twin-workspace .xdr-corner-sw{width:10px!important;height:10px!important;color:var(--kuem-text-muted)!important;font:var(--kuem-weight-bold) var(--kuem-type-label-size)/1 var(--kuem-font-text)!important;text-shadow:none!important;place-items:center!important;display:grid!important;bottom:13px!important;left:8px!important;right:auto!important}.twin-workspace .xdr-corner-sw:after{content:none!important}.twin-workspace .xdr-display:before{z-index:100!important;border-top:2px solid var(--kuem-border-strong)!important;content:""!important;pointer-events:none!important;border-bottom:0!important;border-left:2px solid #0000!important;border-right:2px solid #0000!important;width:0!important;height:0!important;position:absolute!important;bottom:13px!important;left:9px!important}.twin-workspace .xdr-corner-sw{color:#0000!important;text-shadow:none!important}.twin-workspace .xdr-screen{scrollbar-width:thin;overflow:hidden auto!important}.twin-workspace .xdr-display:before{content:none!important}.twin-workspace .xdr-corner-sw{display:none!important}.twin-workspace .xdr-corner-se{box-shadow:none!important;background:0 0!important;border:0!important}.twin-workspace .xdr-corner-se:after{content:none!important}.twin-workspace .xdr-bezel{position:relative}.twin-workspace .xdr-resize-edge{touch-action:none;z-index:32!important;background:0 0!important;border:0!important;padding:0!important;display:block!important;position:absolute!important}.twin-workspace .xdr-resize-left,.twin-workspace .xdr-resize-right{cursor:ew-resize;width:14px;height:52px;top:50%;transform:translateY(-50%)}.twin-workspace .xdr-resize-left{left:0}.twin-workspace .xdr-resize-right{right:0}.twin-workspace .xdr-resize-left:after,.twin-workspace .xdr-resize-right:after{background:var(--kuem-data);content:"";opacity:.65;border-radius:0;width:3px;position:absolute;top:9px;bottom:9px;left:5px}.twin-workspace .xdr-resize-left:after{left:4px}.twin-workspace .xdr-resize-right:after{left:auto;right:4px}.twin-workspace .xdr-overlay-tools>.xdr-drag-icon{cursor:move;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.twin-workspace .xdr-overlay-tools>.xdr-drag-icon:before{display:none}.twin-workspace .xdr-drag-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.twin-workspace .xdr-overlay-tools label.xdr-opacity-control{background:0 0;border:0;justify-self:center;align-items:center;gap:5px;margin:0;padding:0;display:flex}.twin-workspace .xdr-opacity-control svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;flex:none;width:14px;height:14px}.twin-workspace .xdr-opacity-control .xdr-sun-low{opacity:.6}.twin-workspace .xdr-opacity-control .xdr-sun-high{opacity:1}.twin-workspace .xdr-opacity-control input{width:92px}.twin-workspace .xdr-overlay-tools{box-sizing:border-box;border-radius:var(--kuem-radius-card) var(--kuem-radius-card) 0 0;background-clip:padding-box;width:100%;margin-left:0;box-shadow:none!important;border:0 #0000!important;outline:0!important;overflow:visible!important}.twin-workspace .xdr-overlay-tools:before,.twin-workspace .xdr-overlay-tools:after{content:none!important}.twin-workspace .xdr-display{border-radius:var(--kuem-radius-card);background:0 0}@container display-overlay (width<=520px){.twin-workspace .xdr-overlay-tools{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:6px 9px!important}.twin-workspace .xdr-overlay-tools label.xdr-opacity-control{margin-left:0!important}.twin-workspace .xdr-opacity-control input{width:72px!important}}.twin-workspace .xdr-overlay-tools{border-radius:var(--kuem-radius-card) var(--kuem-radius-card) var(--kuem-radius-card) var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-border) 96%, transparent);grid-template-columns:24px minmax(0,1fr) 24px;width:min(250px,100% - 24px);margin:0 auto;gap:8px!important;display:grid!important}.twin-workspace .xdr-resize-bottom{cursor:ns-resize;width:54px;height:12px;bottom:15px;left:50%;transform:translate(-50%)}.twin-workspace .xdr-resize-bottom:after{background:var(--kuem-data);content:"";opacity:.65;border-radius:0;height:3px;position:absolute;top:4px;left:9px;right:9px}.twin-workspace .xdr-resize-edge:hover:after,.twin-workspace .xdr-resize-edge:focus-visible:after{background:var(--kuem-concrete);opacity:1}.city-lighting{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.city-light-off{opacity:0;transition:opacity var(--kuem-duration-base) var(--kuem-ease-standard)}.city-light-off[data-light-off^=LAMP_]{transition-duration:var(--kuem-duration-base)}.city-light-off.is-off{opacity:1}.city-devices{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.city-device{cursor:pointer;pointer-events:auto;outline:none}@supports (-webkit-tap-highlight-color:transparent){.city-sensor,.city-device{-webkit-tap-highlight-color:transparent}}.city-device path{pointer-events:all}.city-device-hit,.city-device-shape{fill:#0000;stroke:none}.city-device-chip{--lead:14px;z-index:7;border:1px solid color-mix(in srgb, var(--kuem-white) 14%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 85%, transparent);backdrop-filter:blur(6px);box-shadow:0 6px 16px color-mix(in srgb, var(--kuem-background) 30%, transparent);color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%, calc(-100% - var(--lead) + 4px));transition:opacity var(--kuem-duration-base) var(--kuem-ease-standard), transform var(--kuem-duration-base) var(--kuem-ease-standard);align-items:center;gap:6px;padding:5px 8px 5px 7px;display:flex;position:absolute}.city-device-chip.is-visible{opacity:1;transform:translate(-50%, calc(-100% - var(--lead)))}.city-device-chip:before{content:"";width:1px;height:var(--lead);background:color-mix(in srgb, var(--kuem-white) 50%, transparent);position:absolute;top:100%;left:50%;transform:translate(-50%)}.city-device-chip:after{content:"";left:50%;top:calc(100% + var(--lead));border:1px solid var(--kuem-white);background:var(--kuem-data);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--kuem-carbon) 25%, transparent);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.city-device-chip[data-state=on]:after{background:var(--kuem-status-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--kuem-status-warning) 25%, transparent)}.city-device-chip.is-below{transform:translate(-50%, calc(var(--lead) - 4px))}.city-device-chip.is-below.is-visible{transform:translate(-50%, var(--lead))}.city-device-chip.is-below:before{background:color-mix(in srgb, var(--kuem-white) 20%, transparent);top:auto;bottom:100%}.city-device-chip.is-below:after{top:auto;bottom:calc(100% + var(--lead));transform:translate(-50%,50%)}.city-device-chip.is-focus{border-color:var(--kuem-white);box-shadow:0 0 0 2px color-mix(in srgb, var(--kuem-white) 35%, transparent), 0 6px 16px color-mix(in srgb, var(--kuem-background) 30%, transparent)}.city-device-chip b{color:var(--kuem-text-secondary);font:var(--kuem-weight-bold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0}.city-device-chip i{background:color-mix(in srgb, var(--kuem-white) 18%, transparent);width:1px;height:10px}.city-device-chip[data-state=on] span{color:var(--kuem-text-secondary)}.twin-city-panel .twin-panel-head .twin-hint{color:var(--kuem-text-secondary);font-size:var(--kuem-type-label-size);transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard);align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.twin-hint>span{background:var(--kuem-status-warning);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--kuem-status-warning) 15%, transparent);border-radius:50%;flex:none}.twin-city-panel .twin-panel-head .twin-hint.is-quiet{opacity:.55}.twin-city-panel .twin-panel-head .twin-hint--panel{margin-top:.2rem}.twin-city-panel .twin-panel-head .twin-hint{align-items:flex-start}.twin-hint>span{margin-top:.45em}.twin-hint--panel>span{background:var(--kuem-data);box-shadow:0 0 0 3px color-mix(in srgb, var(--kuem-data) 15%, transparent);border-radius:0}.twin-controls .twin-auto:before{content:"↺";margin-right:.4rem}.twin-state-cell{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.twin-switch{border-radius:var(--kuem-radius-card);background:var(--kuem-surface-2);cursor:pointer;width:22px;height:12px;transition:background var(--kuem-duration-base) var(--kuem-ease-standard);border:0;flex:none;padding:0;position:relative}.twin-switch:before{content:"";position:absolute;inset:-8px -5px}.twin-switch>span{background:var(--kuem-background);width:8px;height:8px;box-shadow:0 1px 2px color-mix(in srgb, var(--kuem-carbon) 20%, transparent);transition:transform var(--kuem-duration-base) var(--kuem-ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}.twin-switch[aria-checked=true]>span{transform:translate(10px)}.twin-switch:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.twin-mode{color:var(--kuem-event);font-weight:var(--kuem-weight-bold)}.twin-tr.is-updated{animation:.9s ease-out twin-row-flash}@keyframes twin-row-flash{0%{background:var(--kuem-concrete)}to{background:0 0}}.twin-lamp-group{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);align-items:center;gap:5px;margin-top:5px;display:flex}.twin-lamp-group>span{margin-right:auto}.twin-lamp-group button{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-control);background:var(--kuem-background);color:var(--kuem-text-muted);font:inherit;font-weight:var(--kuem-weight-bold);cursor:pointer;padding:3px 7px}.twin-lamp-group button:hover{background:var(--kuem-surface-1)}.twin-lamp-group button:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}@media (prefers-reduced-motion:reduce){.city-light-off,.city-device-shape,.city-device-chip,.twin-switch,.twin-switch>span,.twin-hint{transition:none}.twin-tr.is-updated{animation:none}}.twin-tabs{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card);background:var(--kuem-background);width:max-content;max-width:100%;box-shadow:none;scrollbar-width:none;gap:4px;margin:0 0 1rem;padding:4px;display:flex;overflow-x:auto}.twin-tab{border-radius:var(--kuem-radius-card);min-height:52px;color:var(--kuem-text-muted);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard), color var(--kuem-duration-base) var(--kuem-ease-standard), box-shadow var(--kuem-duration-base) var(--kuem-ease-standard);background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem 1.15rem .5rem .55rem;display:flex}.twin-tab:hover{background:var(--kuem-surface-1);color:var(--kuem-text-primary)}.twin-tab[aria-selected=true]{background:var(--kuem-carbon);color:var(--kuem-white);box-shadow:0 8px 18px color-mix(in srgb, var(--kuem-carbon) 22%, transparent)}.twin-tab:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.twin-tab-index{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-card);width:32px;height:32px;font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;flex:none;place-items:center;display:grid}.twin-tab[aria-selected=true] .twin-tab-index{border-color:color-mix(in srgb, var(--kuem-border) 40%, transparent);background:color-mix(in srgb, var(--kuem-surface-2) 8%, transparent);color:var(--kuem-white)}.twin-tab-text b{font-size:var(--kuem-type-small-size);font-weight:var(--kuem-weight-bold);letter-spacing:var(--kuem-type-h2-tracking);display:block}.twin-tab-text small{font-size:var(--kuem-type-label-size);opacity:.68;margin-top:2px;display:block}.twin-tab-panel[hidden]{display:none}.twin-intros{margin-bottom:2.5rem;display:grid}.twin-intros>.twin-intro{grid-area:1/1;margin-bottom:0}.twin-intros>.twin-intro[hidden]{visibility:hidden;display:flex}@media (width<=640px){.twin-intros>.twin-intro[hidden]{display:block}}.city-art{transition:scale var(--kuem-duration-slow) var(--kuem-ease-standard);scale:1}.city-art.is-loading{scale:1.03}.city-loader{z-index:20;background:var(--kuem-surface-2);color:var(--kuem-text-secondary);clip-path:inset(0);position:absolute;inset:0;overflow:hidden}.city-loader:before{content:"";background-image:none;background-size:3.2cqw 3.2cqw;position:absolute;inset:0;mask-image:radial-gradient(75% 70% at 50% 45%,#000 30%,#0000 100%)}.city-loader-plan{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plan-surface{fill:#8fe3e0;opacity:0;animation:.9s .5s forwards plan-fade}.plan-line{fill:none;stroke:#9fe9e4;stroke-width:1.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 3px #8fe3e066);animation:plan-draw 1.15s cubic-bezier(.65, 0, .35, 1) var(--d,0s) forwards}.plan-line--frame{stroke:#d9fffb;stroke-width:1.4px}.plan-line--base{stroke-opacity:.55}.plan-line--seam{stroke-opacity:.4}.plan-line--dim{stroke:#7fb3ae;stroke-width:1px;filter:none}.plan-dim-text{fill:#8fbeb8;font:var(--kuem-weight-semibold) 15px var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-anchor:middle;opacity:0;animation:.6s 1.1s forwards plan-text}.plan-module{opacity:0;animation:plan-rise .7s cubic-bezier(.16, 1, .3, 1) var(--d,1s) forwards}.plan-module-letter{fill:#e9fbf8;font:var(--kuem-weight-regular) 46px/1 var(--kuem-font-text);text-anchor:middle}.plan-module-name{fill:#86b3ad;font:var(--kuem-weight-semibold) 12px var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-anchor:middle;text-transform:uppercase}@keyframes plan-draw{to{stroke-dashoffset:0}}@keyframes plan-fade{to{opacity:.045}}@keyframes plan-text{to{opacity:1}}@keyframes plan-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.city-loader-scan{background:color-mix(in srgb, var(--kuem-concrete) 4%, transparent);height:30%;transform:translateY(calc((var(--load,0) / .3 - 1) * 100%));pointer-events:none;position:absolute;top:0;left:0;right:0}.city-loader-scan:after,.city-loader-edge{background:var(--kuem-concrete);box-shadow:none}.city-loader-scan:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.city-loader-top{color:var(--kuem-data);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:uppercase;justify-content:space-between;gap:12px;padding:clamp(10px,2.2cqw,26px) clamp(12px,2.6cqw,30px);display:flex;position:absolute;top:0;left:0;right:0}.city-loader-top i{background:var(--kuem-concrete);width:6px;height:6px;box-shadow:none;vertical-align:.1em;border-radius:50%;margin-right:.7em;animation:1.6s ease-in-out infinite loader-blink;display:inline-block}@keyframes loader-blink{50%{opacity:.35}}.city-loader-hud{transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard), transform var(--kuem-duration-slow) var(--kuem-ease-standard);justify-content:space-between;align-items:flex-end;gap:16px;padding:clamp(12px,2.6cqw,30px) clamp(12px,2.6cqw,30px) clamp(14px,2.9cqw,34px);display:flex;position:absolute;bottom:0;left:0;right:0}.city-loader-hud p{margin:0}.city-loader-kicker{color:var(--kuem-data);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:uppercase}.city-loader-stage{color:var(--kuem-text-primary);font:var(--kuem-weight-semibold) var(--kuem-type-body-size)/1.3 var(--kuem-font-text);letter-spacing:var(--kuem-type-h2-tracking);margin-top:.5em!important}.city-loader-pct{color:var(--kuem-text-primary);font:var(--kuem-weight-regular) var(--kuem-type-display-size)/.9 var(--kuem-font-text);letter-spacing:var(--kuem-type-h1-tracking);font-variant-numeric:tabular-nums;align-items:flex-start;display:flex}.city-loader-pct small{color:var(--kuem-text-secondary);font-size:.32em;font-weight:var(--kuem-weight-semibold);letter-spacing:0;margin:.12em 0 0 .08em}.city-loader-bar{background:color-mix(in srgb, var(--kuem-white) 7%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.city-loader-top{inset:1.6% 1.6% auto}.city-loader-hud{inset:auto 1.6% 1.8%}.city-loader-bar{inset:auto 1.6% 1.6%}.city-loader-bar span{width:calc(var(--load,0) * 100%);background:var(--kuem-data);height:100%;box-shadow:none;display:block}.city-loader-edge{z-index:21;opacity:0;pointer-events:none;height:1px;position:absolute;top:calc(100% - 1px);left:0;right:0}.city-art.is-revealing .city-loader{animation:1.2s cubic-bezier(.7,0,.2,1) forwards loader-retract}.city-art.is-revealing .city-loader-edge{animation:1.2s cubic-bezier(.7,0,.2,1) forwards loader-edge}.city-art.is-revealing .city-loader-hud,.city-art.is-revealing .city-loader-top{opacity:0;transform:translateY(6px)}.city-art.is-revealing .city-loader-scan{display:none}@keyframes loader-retract{to{clip-path:inset(0 0 100%)}}@keyframes loader-edge{0%{opacity:1;top:calc(100% - 1px)}90%{opacity:1}to{opacity:0;top:0}}.city-smoke{z-index:3;pointer-events:none;position:absolute}.city-engraving{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.engrave-wipe{transform-box:fill-box;transform-origin:0}.city-art:is(.is-loading,.is-revealing) .engrave-wipe{transform:scaleX(0)}.engrave-heat,.engrave-laser,.engrave-sheen{opacity:0}.engrave-glow,.engrave-sheen{mix-blend-mode:screen}.city-art.is-ready .engrave-wipe{animation:1.8s cubic-bezier(.45,.05,.55,.95) .3s both engrave-wipe}.city-art.is-ready .engrave-heat{animation:1.8s cubic-bezier(.45,.05,.55,.95) .3s both engrave-move,2.6s linear .3s both engrave-heat}.city-art.is-ready .engrave-laser{animation:1.8s cubic-bezier(.45,.05,.55,.95) .3s both engrave-move,2.05s linear .3s both engrave-laser}.city-art.is-ready .engrave-raster{animation:80ms linear .3s 24 alternate both engrave-raster}.city-art.is-ready .engrave-core{animation:70ms steps(2,end) .3s 30 engrave-flicker}.city-art.is-ready .engrave-sheen{animation:1.2s cubic-bezier(.4,0,.2,1) 2.7s both engrave-sheen}@keyframes engrave-wipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes engrave-move{0%{transform:translate(0)}to{transform:translate(305px)}}@keyframes engrave-raster{0%{transform:translateY(0)}to{transform:translateY(70px)}}@keyframes engrave-flicker{50%{opacity:.6}}@keyframes engrave-heat{0%{opacity:0}4%,68%{opacity:1}to{opacity:0}}@keyframes engrave-laser{0%{opacity:0}5%,86%{opacity:1}to{opacity:0}}@keyframes engrave-sheen{0%{opacity:0;transform:translate(-20px)}20%,80%{opacity:.55}to{opacity:0;transform:translate(360px)}}.plan-line--logo{stroke:#d9fffb;stroke-width:.9px;filter:drop-shadow(0 0 2px #8fe3e0)}@media (prefers-reduced-motion:reduce){.city-art.is-ready :is(.engrave-wipe,.engrave-heat,.engrave-laser,.engrave-raster,.engrave-core,.engrave-sheen){animation:none}.city-art.is-ready .engrave-wipe{transform:none}}.twin-scenarios{scrollbar-width:none;flex-wrap:wrap;align-items:center;gap:6px;padding:0 1.5rem .9rem;display:flex;overflow-x:auto}.twin-scenarios-label{color:var(--kuem-data);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:uppercase;flex:none;margin-right:.35rem}.twin-scenario-chip{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-control);background:var(--kuem-surface-2);min-height:38px;color:var(--kuem-text-secondary);font:inherit;font-size:var(--kuem-type-label-size);cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard), border-color var(--kuem-duration-base) var(--kuem-ease-standard), color var(--kuem-duration-base) var(--kuem-ease-standard);flex:none;align-items:center;gap:.55rem;padding:.35rem .8rem .35rem .4rem;display:flex}.twin-scenario-chip i{background:color-mix(in srgb, var(--kuem-concrete) 8%, transparent);width:26px;height:26px;color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-style:normal;display:grid}.twin-scenario-chip b{font-weight:var(--kuem-weight-semibold);white-space:nowrap}.twin-scenario-chip small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);font-variant-numeric:tabular-nums}.twin-scenario-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--kuem-white) 40%, transparent);background:var(--kuem-border)}.twin-scenario-chip[aria-pressed=true]{border-color:var(--kuem-white);background:color-mix(in srgb, var(--kuem-concrete) 10%, transparent);color:var(--kuem-text-primary)}.twin-scenario-chip[aria-pressed=true] i{background:var(--kuem-concrete);color:var(--kuem-carbon)}.twin-scenario-chip:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.twin-scenario-chip:disabled{opacity:.45;cursor:progress}.twin-controls button:disabled{opacity:.45;cursor:not-allowed}@property --focus-x{syntax:"<percentage>";inherits:true;initial-value:50%}@property --focus-y{syntax:"<percentage>";inherits:true;initial-value:50%}@property --focus-r{syntax:"<percentage>";inherits:true;initial-value:60%}.city-art{transition:scale var(--kuem-duration-slow) var(--kuem-ease-standard), translate var(--kuem-duration-slow) var(--kuem-ease-standard)}.twin-scene-wrap{perspective:none}.city-art{transform-style:flat}.twin-scene-wrap.has-scenario .city-sensor:not([aria-expanded=true]),.twin-scene-wrap.has-scenario .city-module-guides{opacity:.3;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.city-focus{z-index:3;pointer-events:none;opacity:0;transition:opacity var(--twin-scene-fade) var(--kuem-ease-standard), --focus-x var(--twin-scene-move) var(--kuem-ease-standard), --focus-y var(--twin-scene-move) var(--kuem-ease-standard), --focus-r var(--twin-scene-move) var(--kuem-ease-standard);position:absolute;inset:0;overflow:hidden}.city-focus:before{content:"";left:calc(var(--focus-x) - var(--focus-r) * .55);top:calc(var(--focus-y) - var(--focus-r) * .6);width:calc(var(--focus-r) * 1.1);height:calc(var(--focus-r) * 1.2);border:1px solid color-mix(in srgb, var(--kuem-data) 60%, transparent);box-shadow:0 0 0 300vmax color-mix(in srgb, var(--kuem-carbon) 60%, transparent);position:absolute}.city-focus.is-active{opacity:1}.scenario-player{z-index:12;border:1px solid color-mix(in srgb, var(--kuem-white) 18%, transparent);border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-background) 88%, transparent);backdrop-filter:blur(14px)saturate(1.2);width:min(430px,100% - 32px);box-shadow:0 18px 40px color-mix(in srgb, var(--kuem-background) 45%, transparent);color:var(--kuem-text-secondary);text-align:left;outline:none;padding:14px 16px 12px;animation:.5s cubic-bezier(.16,1,.3,1) scenario-in;position:absolute;bottom:16px;left:16px}.scenario-player[hidden]{display:none}.scenario-player:focus-visible{box-shadow:0 0 0 2px var(--kuem-white), 0 18px 40px color-mix(in srgb, var(--kuem-background) 45%, transparent)}@keyframes scenario-in{0%{opacity:0;translate:0 12px}}.scenario-player header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.scenario-kicker{color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.2 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:uppercase}.scenario-player button{border:1px solid color-mix(in srgb, var(--kuem-white) 12%, transparent);background:color-mix(in srgb, var(--kuem-white) 4%, transparent);color:var(--kuem-text-secondary);cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard), border-color var(--kuem-duration-base) var(--kuem-ease-standard);border-radius:50%;place-items:center;padding:0;display:grid}.scenario-player button:hover{background:color-mix(in srgb, var(--kuem-white) 10%, transparent);border-color:color-mix(in srgb, var(--kuem-white) 25%, transparent)}.scenario-player button:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.scenario-player svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.scenario-close{width:28px;height:28px}.scenario-body{align-items:flex-start;gap:14px;display:flex}.scenario-time{color:var(--kuem-text-primary);font:var(--kuem-weight-regular) var(--kuem-type-h3-size)/1 var(--kuem-font-text);letter-spacing:var(--kuem-type-h1-tracking);font-variant-numeric:tabular-nums;flex:none;margin:2px 0 0}.scenario-title{color:var(--kuem-text-primary);font-size:var(--kuem-type-body-size);font-weight:var(--kuem-weight-semibold);letter-spacing:var(--kuem-type-h2-tracking);margin:0 0 4px}.scenario-text{color:var(--kuem-text-secondary);font-size:var(--kuem-type-label-size);margin:0;line-height:1.45}.scenario-progress{gap:4px;margin:12px 0 10px;display:flex}.scenario-progress i{background:color-mix(in srgb, var(--kuem-white) 12%, transparent);border-radius:0;flex:1;height:3px;overflow:hidden}.scenario-progress b{background:var(--kuem-data);width:0;height:100%;display:block}.scenario-progress .is-done b{width:100%}.scenario-progress .is-current b{animation:scenario-step var(--step-ms,6.8s) linear forwards}.scenario-player.is-paused .scenario-progress .is-current b{animation-play-state:paused}@keyframes scenario-step{to{width:100%}}.scenario-player footer{align-items:center;gap:6px;display:flex}.scenario-prev,.scenario-next{width:32px;height:32px}.scenario-player .scenario-play{border-color:color-mix(in srgb, var(--kuem-white) 40%, transparent);background:color-mix(in srgb, var(--kuem-concrete) 12%, transparent);width:38px;height:38px}.scenario-count{color:var(--kuem-data);font-size:var(--kuem-type-label-size);font-variant-numeric:tabular-nums;margin-left:auto}.scenario-toast{z-index:12;border:1px solid color-mix(in srgb, var(--kuem-white) 14%, transparent);border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--kuem-white) 94%, transparent);backdrop-filter:blur(10px);width:min(300px,100% - 32px);box-shadow:0 14px 30px color-mix(in srgb, var(--kuem-background) 35%, transparent);color:var(--kuem-carbon);opacity:0;pointer-events:none;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard), translate var(--kuem-duration-slow) var(--kuem-ease-standard);align-items:flex-start;gap:10px;padding:11px 13px;display:flex;position:absolute;top:16px;left:16px;translate:0 -10px}.scenario-toast.is-visible{opacity:1;translate:0}.scenario-toast-icon{border-radius:var(--kuem-radius-card);background:var(--kuem-action);width:30px;height:30px;color:var(--kuem-text-primary);flex:none;place-items:center;display:grid}.scenario-toast-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.scenario-toast small{color:var(--kuem-text-muted);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1.3 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:uppercase;display:block}.scenario-toast b{font-size:var(--kuem-type-small-size);margin:2px 0 1px;display:block}.scenario-toast span>span{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);display:block}.twin-workspace .is-spotlit{border-radius:var(--kuem-radius-control);box-shadow:0 0 0 2px var(--kuem-data), 0 0 0 6px color-mix(in srgb, var(--kuem-data) 12%, transparent);transition:box-shadow var(--kuem-duration-slow) var(--kuem-ease-standard);position:relative}.twin-tr.is-offline .twin-state{color:var(--kuem-event);font-style:italic}.twin-tr.is-offline b{color:var(--kuem-text-muted)}.twin-meter-readings.is-stale strong,.twin-sensor-readings.is-stale strong{color:var(--kuem-event);text-decoration:line-through dotted var(--kuem-border-strong)}.twin-sync{transition:color var(--kuem-duration-slow) var(--kuem-ease-standard), background var(--kuem-duration-slow) var(--kuem-ease-standard), border-color var(--kuem-duration-slow) var(--kuem-ease-standard)}.xdr-display .twin-sync.is-lost{border-color:var(--kuem-border);background:var(--kuem-surface-1);color:var(--kuem-status-critical)}.xdr-display .twin-sync.is-lost i{background:var(--kuem-action)}.twin-live.is-directed{color:var(--kuem-data)}.twin-live.is-directed>span{background:var(--kuem-data);box-shadow:0 0 0 3px color-mix(in srgb, var(--kuem-data) 16%, transparent)}@media (width<=700px){.twin-scenarios{flex-wrap:nowrap;padding:0 1rem .8rem}.scenario-player{border-width:1px 0 0;border-radius:0;width:auto;margin:0;animation:none;position:relative;bottom:auto;left:auto}.scenario-time{font-size:var(--kuem-type-lead-size)}.scenario-toast{top:10px;left:10px}}@media (prefers-reduced-motion:reduce){.city-art,.city-focus,.scenario-toast{transition:none}.scenario-player{animation:none}.scenario-progress .is-current b{width:50%;animation:none}}.twin-live{transition:color var(--kuem-duration-base) var(--kuem-ease-standard)}.twin-live.is-stopped{color:var(--kuem-status-warning)}.twin-live.is-stopped>span{background:var(--kuem-status-warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--kuem-status-warning) 16%, transparent)}.twin-controls [data-ui=step]{transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard) var(--kuem-duration-base)}.twin-city-panel:has(.city-art:not(.is-ready)) [data-ui=step]{visibility:hidden;opacity:0;transition:none}.twin-workspace:has(.city-art.is-loading) .xdr-display{visibility:hidden}.twin-workspace:has(.city-art.is-revealing) .xdr-display{animation:.85s cubic-bezier(.16,1,.3,1) .35s both nx-enter}@keyframes nx-enter{0%{opacity:0;translate:0 18px}}@container (width<=640px){.plan-dim-text,.plan-module-name,.plan-line--dim,.city-loader-top span:last-child,.city-loader-kicker{display:none}.plan-module-letter{font-size:64px}}@media (prefers-reduced-motion:reduce){.city-art,.city-art.is-loading{transition:none;scale:1}.plan-line{stroke-dashoffset:0;animation:none}.plan-surface{opacity:.045;animation:none}.plan-dim-text,.plan-module{opacity:1;animation:none}.city-loader-scan,.city-loader-top i{animation:none;display:none}.city-art.is-revealing .city-loader{animation:.22s forwards loader-fade}.city-art.is-revealing .city-loader-edge,.twin-workspace:has(.city-art.is-revealing) .xdr-display{animation:none}}@keyframes loader-fade{to{opacity:0}}@container (width<=560px){.city-sensor-popover[data-side]{width:auto;max-width:none;padding:9px 10px 8px;inset:auto 8px 8px;translate:0 8px}.city-sensor-popover[data-side][data-pinned=true]{translate:0}.city-sensor-popover:before{display:none}.city-sensor-popover>strong{font-size:var(--kuem-type-label-size);margin-bottom:5px}.city-popover-reading{padding-top:5px}.city-popover-reading b{font-size:var(--kuem-type-body-size)}.city-popover-spark{height:20px;margin-top:6px}.city-sensors-toggle{font-size:var(--kuem-type-label-size);gap:6px;padding:4px 8px 4px 6px;top:8px;bottom:auto;right:8px}}.city-light-glint{transition:opacity var(--kuem-duration-base) var(--kuem-ease-standard);animation:2.6s ease-in-out infinite alternate city-glint}@keyframes city-glint{0%{filter:brightness(.75)}to{filter:brightness(1.2)}}@media (prefers-reduced-motion:reduce){.city-light-glint{animation:none}}.city-sky{pointer-events:none;visibility:hidden;position:absolute}.city-sky.is-ready{visibility:visible}.city-sky canvas{z-index:2;opacity:0;width:100%;height:100%;position:absolute;inset:0}.city-sky-day,.city-sky-dusk,.city-sky-night{mix-blend-mode:multiply}.city-sky-glow{mix-blend-mode:screen;filter:blur(clamp(2px,.35cqw,7px))}.city-sky.is-easing canvas{transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.twin-clock{z-index:9;border:1px solid color-mix(in srgb, var(--kuem-white) 13%, transparent);border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kuem-background) 82%, transparent);backdrop-filter:blur(10px)saturate(1.2);box-shadow:0 8px 22px color-mix(in srgb, var(--kuem-background) 30%, transparent), inset 0 1px color-mix(in srgb, var(--kuem-white) 7%, transparent);color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);cursor:default;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard), visibility var(--kuem-duration-slow);align-items:center;gap:10px;padding:7px 14px 7px 9px;display:flex;position:absolute;bottom:16px;left:16px}.twin-scene-wrap.has-scenario .twin-clock,.twin-city-panel:has(.city-art:not(.is-ready)) .twin-clock{opacity:0;visibility:hidden}.twin-clock-icon{background:color-mix(in srgb, var(--kuem-white) 7%, transparent);width:26px;height:26px;color:var(--kuem-status-warning);border-radius:50%;place-items:center;display:grid}.twin-clock[data-phase=night] .twin-clock-icon,.twin-clock[data-phase=dusk] .twin-clock-icon{color:var(--kuem-text-secondary)}.twin-clock-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.twin-clock[data-phase=night] .twin-clock-icon svg,.twin-clock[data-phase=dusk] .twin-clock-icon svg{fill:currentColor;fill-opacity:.25}.twin-clock-read{gap:3px;min-width:46px;display:grid}.twin-clock-read b{font:var(--kuem-weight-semibold) var(--kuem-type-small-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:var(--kuem-type-h1-tracking);font-variant-numeric:tabular-nums}.twin-clock-read small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);letter-spacing:0;text-transform:uppercase;font-weight:var(--kuem-weight-semibold)}.twin-clock-track{align-items:center;width:clamp(120px,15vw,220px);height:22px;display:flex;position:relative}.twin-clock-track:before{content:"";border-radius:var(--kuem-radius-control);background:var(--sky-track);height:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--kuem-white) 12%, transparent);position:absolute;left:0;right:0}.twin-clock-mark{background:var(--kuem-status-warning);width:3px;height:5px;box-shadow:none;pointer-events:none;border-radius:0;position:absolute;top:2px;translate:-50%}.twin-clock input{cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0;position:relative}.twin-clock input:disabled{cursor:not-allowed}.twin-clock input:focus-visible{outline:none}@supports selector(::-webkit-slider-thumb){.twin-clock input::-webkit-slider-runnable-track{background:0 0;height:22px}.twin-clock input::-webkit-slider-thumb{border:2px solid var(--kuem-carbon);background:var(--kuem-white);width:16px;height:16px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--kuem-white) 70%, transparent), 0 2px 6px color-mix(in srgb, var(--kuem-background) 67%, transparent);appearance:none;transition:scale var(--kuem-duration-fast) var(--kuem-ease-standard);border-radius:50%;margin-top:3px}.twin-clock input:hover::-webkit-slider-thumb{scale:1.15}.twin-clock input:active::-webkit-slider-thumb{scale:1.15}.twin-clock input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--kuem-white), 0 0 0 5px color-mix(in srgb, var(--kuem-white) 33%, transparent)}}@supports selector(::-moz-range-thumb){.twin-clock input::-moz-range-track{background:0 0;height:22px}.twin-clock input::-moz-range-thumb{border:2px solid var(--kuem-carbon);background:var(--kuem-white);width:12px;height:12px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--kuem-white) 70%, transparent), 0 2px 6px color-mix(in srgb, var(--kuem-background) 67%, transparent);border-radius:50%}.twin-clock input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--kuem-white), 0 0 0 5px color-mix(in srgb, var(--kuem-white) 33%, transparent)}}.twin-workspace:fullscreen .twin-clock{top:14px;bottom:auto;left:14px}@media (width<=700px){.twin-clock{gap:7px;padding:5px 10px 5px 6px;top:8px;bottom:auto;left:8px}.twin-clock-icon{width:22px;height:22px}.twin-clock-read b{font-size:var(--kuem-type-label-size)}.twin-clock-track{width:96px}}@media (prefers-reduced-motion:reduce){.city-sky.is-easing canvas,.twin-clock{transition:none}}.city-art-tools{z-index:6;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.city-art-tools .city-sensors-toggle{position:static}@container (width<=560px){.city-art-tools{gap:4px;top:8px;bottom:auto;right:8px}}.city-flow{z-index:3;pointer-events:none;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard), visibility var(--kuem-duration-slow);position:absolute;inset:0;overflow:hidden}.city-flow.is-on{opacity:1;visibility:visible}.flow-link{fill:none;stroke:var(--kuem-data);stroke-width:1.2px;stroke-dasharray:3 5;opacity:.4;vector-effect:non-scaling-stroke;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard)}.flow-link.is-active{stroke:var(--kuem-text-primary);opacity:.95;animation:.7s linear infinite flow-dash}@keyframes flow-dash{to{stroke-dashoffset:-16px}}.flow-packet-halo{fill:currentColor;opacity:.3}.flow-packet-core{fill:currentColor;stroke:#ffffffd9;stroke-width:1.2px}.flow-packet-spark{fill:#fff}.flow-ring{fill:none;stroke:#8fe3e0;stroke-width:1.6px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite flow-ring}.flow-ring--late{animation-delay:1.3s}@keyframes flow-ring{0%{opacity:.85;scale:.4}to{opacity:0;scale:2.8}}.flow-mast{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000c)}.flow-core{fill:#8fe3e0;stroke:#fff;stroke-width:1.8px;transform-box:fill-box;transform-origin:50%}.flow-gateway.is-hit .flow-core{animation:.5s cubic-bezier(.2,.8,.2,1) flow-hit}@keyframes flow-hit{40%{fill:#fff;scale:1.8}}.flow-label rect{fill:#0b181ce0;stroke:#fff3}.flow-label text{fill:#e8f0ec;font:var(--kuem-weight-bold) 10px var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-anchor:middle}.flow-gateway.is-offline .flow-core{fill:#ff6f5b}.flow-gateway.is-offline .flow-ring{stroke:#ff6f5b}.flow-gateway.is-offline .flow-label text{fill:#ffb4a8}.flow-beam{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:22 400;filter:drop-shadow(0 0 3px);animation:.7s cubic-bezier(.4,0,.6,1) forwards flow-beam}@keyframes flow-beam{0%{stroke-dashoffset:22px;opacity:1}to{stroke-dashoffset:-130px;opacity:0}}.twin-meter-readings>div.is-received,.twin-sensor-readings>div.is-received{animation:1.2s ease-out flow-received}@keyframes flow-received{0%{background:#d8f5f1;box-shadow:-6px 0 #d8f5f1,6px 0 #d8f5f1}to{background:#d8f5f100;box-shadow:-6px 0 #d8f5f100,6px 0 #d8f5f100}}@media (prefers-reduced-motion:reduce){.flow-link.is-active,.flow-ring,.flow-gateway.is-hit .flow-core{animation:none}.flow-ring{opacity:.5}}.city-tide{z-index:3;pointer-events:none;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard), visibility var(--kuem-duration-slow);position:absolute;inset:0;overflow:hidden}.city-tide.is-cut{opacity:1;visibility:visible}.tide-pedestal{animation:tide-drop .45s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 90ms) both}.city-tide:not(.is-cut) .tide-pedestal{animation:none}@keyframes tide-drop{0%{opacity:0;translate:0 -8px}}.tide-pedestal-dot{fill:#e0483a;stroke:#fff;stroke-width:1.4px}.tide-pedestal-bolt{fill:#fff}.tide-pedestal-ring{fill:none;stroke:#ff6f5b;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite flow-ring}.tide-label rect{fill:#e0483a;stroke:#ffffff80}.tide-label text{fill:#fff;font:var(--kuem-weight-bold) 10.5px var(--kuem-font-text);letter-spacing:0;text-anchor:middle}@media (prefers-reduced-motion:reduce){.tide-pedestal,.tide-pedestal-ring{animation:none}}.scenario-tools{gap:6px;display:flex}.scenario-share{width:28px;height:28px;position:relative}.scenario-share[data-status]:after{content:attr(data-status);border-radius:var(--kuem-radius-card);background:var(--kuem-white);color:var(--kuem-carbon);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);white-space:nowrap;box-shadow:0 6px 16px color-mix(in srgb, var(--kuem-background) 30%, transparent);padding:5px 8px;position:absolute;bottom:calc(100% + 8px);right:0}.twin-status{flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.twin-timescale{color:var(--kuem-data);font-size:var(--kuem-type-label-size);white-space:nowrap;cursor:help}@media (width<=640px){.twin-status{align-items:flex-start;margin-top:.6rem}.twin-status .twin-live{margin-top:0}}.city-art [data-tone=light]{--tone:var(--kuem-data)}.city-popover-meta{border-top:1px solid color-mix(in srgb, var(--kuem-white) 8%, transparent);gap:4px;margin:9px 0 0;padding-top:8px;display:grid}.city-popover-meta>div{grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:6px;display:grid}.city-popover-meta dt{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);letter-spacing:0;text-transform:uppercase;font-weight:var(--kuem-weight-semibold)}.city-popover-meta dd{color:var(--kuem-text-secondary);font-size:var(--kuem-type-label-size);margin:0;line-height:1.3}.city-popover-meta dd small{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);display:block}.city-popover-meta [data-card-age]{font-variant-numeric:tabular-nums}.city-popover-send{border:1px solid color-mix(in srgb, var(--tone) 55%, transparent);border-radius:var(--kuem-radius-card);background:color-mix(in srgb, var(--tone) 14%, transparent);width:100%;min-height:28px;color:var(--kuem-text-primary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard);justify-content:center;align-items:center;gap:6px;margin-top:9px;padding:5px 8px;display:flex}.city-popover-send:hover{background:color-mix(in srgb, var(--tone) 26%, transparent)}.city-popover-send:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.city-popover-send i{background:var(--tone);width:6px;height:6px;box-shadow:none;border-radius:50%;flex:none}.city-flow.is-tracing{opacity:1;visibility:visible}.city-flow.is-tracing:not(.is-on) .flow-link:not(.is-active){opacity:0}.xdr-display .twin-kpis>div.is-received{animation:1.2s ease-out flow-received-tile}@keyframes flow-received-tile{0%{background-color:#d8f5f1}}.twin-event .twin-meter-heading{margin-bottom:5px}.twin-timeline{--kind:var(--kuem-petrol-light);gap:3px;margin:0 0 7px;padding:0;list-style:none;display:grid}.twin-timeline li{margin:0}.twin-timeline [data-kind=reading],.twin-timeline [data-kind=decision]{--kind:var(--kuem-data)}.twin-timeline [data-kind=command],.twin-timeline [data-kind=alarm]{--kind:var(--kuem-action)}.twin-timeline [data-kind=notify],.twin-timeline [data-kind=manual],.twin-timeline [data-kind=system]{--kind:var(--kuem-data)}.twin-timeline .is-empty{color:var(--kuem-text-muted);font-size:var(--kuem-type-label-size);padding:4px 0}.twin-timeline-entry{border:1px solid var(--kuem-white);border-left:2px solid var(--kind);border-radius:0 var(--kuem-radius-control) var(--kuem-radius-control) 0;background:var(--kuem-background);width:100%;color:var(--kuem-text-muted);font:inherit;font-size:var(--kuem-type-label-size);text-align:left;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:6px;margin:0;padding:4px 6px;line-height:1.35;display:grid}button.twin-timeline-entry{cursor:pointer}button.twin-timeline-entry:hover{background:var(--kuem-surface-1)}button.twin-timeline-entry:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.twin-timeline time{color:var(--kuem-text-muted);font-family:var(--kuem-font-text);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums}.twin-timeline-kind{border-radius:var(--kuem-radius-control);background:color-mix(in srgb, var(--kind) 12%, var(--kuem-background));color:var(--kind);font-size:var(--kuem-type-label-size);font-weight:var(--kuem-weight-semibold);letter-spacing:0;text-transform:uppercase;white-space:nowrap;padding:1px 4px}.twin-timeline-text{overflow-wrap:anywhere;min-width:0}.twin-timeline li:first-child .twin-timeline-entry{animation:.45s ease-out timeline-in}@keyframes timeline-in{0%{opacity:0;background:color-mix(in srgb, var(--kind) 10%, var(--kuem-background));translate:0 -4px}}@media (prefers-reduced-motion:reduce){.twin-timeline li:first-child .twin-timeline-entry,.xdr-display .twin-kpis>div.is-received{animation:none}}.twin-scenario-chip.is-intro{border-color:var(--kuem-white);background:var(--kuem-concrete);color:var(--kuem-carbon);padding-left:.3rem}.twin-scenario-chip.is-intro b{font-weight:var(--kuem-weight-bold)}.twin-scenario-chip.is-intro i{background:var(--kuem-background);color:var(--kuem-text-secondary)}.twin-scenario-chip.is-intro i svg{fill:currentColor;stroke:none;width:11px;height:11px}.twin-scenario-chip.is-intro small{color:var(--kuem-carbon)}.twin-scenario-chip.is-intro:hover:not(:disabled){border-color:var(--kuem-white);background:var(--kuem-concrete)}.twin-scenario-chip.is-intro[aria-pressed=true]{border-color:var(--kuem-white);background:var(--kuem-white);color:var(--kuem-carbon)}.twin-scenario-chip.is-intro:not(:disabled):not([aria-pressed=true]){animation:intro-call var(--kuem-duration-marker) var(--kuem-ease-standard) 2}@keyframes intro-call{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--kuem-white) 60%, transparent)}70%,to{box-shadow:0 0 0 10px #0000}}.twin-scenario-start{border-radius:var(--kuem-radius-control);background:var(--kuem-background);color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:uppercase;white-space:nowrap;padding:4px 7px}.twin-scenario-chip.is-intro+.twin-scenarios-label{margin-left:.6rem}@media (prefers-reduced-motion:reduce){.twin-scenario-chip.is-intro{animation:none!important}}.scenario-time small{color:var(--kuem-data);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);font-variant-numeric:tabular-nums;letter-spacing:0;margin-top:5px;display:block}.twin-workspace .twin-controls button,.twin-workspace .twin-scenario-chip{min-height:48px}.twin-workspace .twin-panel-head .twin-hint{font-size:var(--kuem-type-body-size)}.twin-workspace .xdr-resize-left,.twin-workspace .xdr-resize-right{width:24px}.twin-workspace .xdr-resize-bottom{height:24px}.twin-workspace .xdr-resize-corner{width:24px!important;height:24px!important}.twin-switch[aria-checked=true]{background:var(--kuem-data)}.is-paused *,.is-paused :before,.is-paused :after{animation-play-state:paused!important}.twin-workspace{--twin-scene-fade:calc(var(--kuem-duration-marker) / 2);--twin-scene-move:calc(var(--kuem-duration-marker) * .75);--twin-scene-loop:calc(var(--kuem-duration-marker) * 2)}.twin-workspace .city-art{transition:scale var(--twin-scene-move) var(--kuem-ease-standard), translate var(--twin-scene-move) var(--kuem-ease-standard)}.twin-workspace .twin-window,.twin-workspace .city-light-overlay,.twin-workspace .city-tide,.twin-workspace .twin-scene-wrap.has-scenario .city-sensor:not([aria-expanded=true]),.twin-workspace .twin-scene-wrap.has-scenario .city-module-guides{transition-duration:var(--twin-scene-fade)}.twin-workspace .city-sky.is-easing canvas{transition-duration:var(--twin-scene-move)}.twin-workspace .city-sensor[data-state=alert] .city-sensor-dot:before{animation-duration:var(--kuem-duration-marker);animation-timing-function:var(--kuem-ease-standard)}.twin-workspace .city-sensor-wave,.twin-workspace .city-sensor-glow,.twin-workspace .city-light-glint,.twin-workspace .flow-ring,.twin-workspace .tide-pedestal-ring{animation-duration:var(--twin-scene-loop);animation-timing-function:var(--kuem-ease-standard)}.twin-workspace .city-sensor-wave-delayed{animation-delay:calc(var(--twin-scene-loop) / 2)}.twin-workspace .flow-link.is-active,.twin-workspace .flow-beam{animation-duration:var(--twin-scene-fade)}@media (prefers-reduced-motion:reduce){.twin-workspace .city-art,.twin-workspace .city-focus,.twin-workspace .city-sky.is-easing canvas{transition:none}.twin-workspace .city-sensor[data-state=alert] .city-sensor-dot:before,.twin-workspace .city-sensor-wave,.twin-workspace .city-sensor-glow,.twin-workspace .city-light-glint,.twin-workspace .flow-ring,.twin-workspace .tide-pedestal-ring,.twin-workspace .flow-link.is-active,.twin-workspace .flow-beam{animation:none}}.twin-workspace .xdr-display .xdr-screen .twin-dashboard{--twin-bar:46px;border:0;border-radius:0;flex-direction:column;min-height:100%;display:flex}.twin-workspace .xdr-display .xdr-screen .twin-dashboard-top{z-index:3;box-sizing:border-box;height:var(--twin-bar);flex:none;gap:8px;min-height:0;padding:0 12px;position:sticky;top:0}.xdr-display .twin-top-actions{align-items:center;gap:6px;display:flex}.xdr-display .twin-theme-toggle,.xdr-display .twin-demo-pill{box-sizing:border-box;border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-control);background:var(--kuem-surface-1);height:28px;color:var(--kuem-text-muted);font:var(--kuem-weight-bold) var(--kuem-type-label-size) / 1 var(--kuem-font-text);white-space:nowrap;cursor:pointer}.xdr-display .twin-theme-toggle{flex:none;place-items:center;width:28px;padding:0;display:grid}.xdr-display .twin-theme-toggle:hover,.xdr-display .twin-demo-pill:hover{border-color:var(--kuem-border-strong);color:var(--kuem-text-primary)}.xdr-display .twin-theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px;transition:rotate var(--kuem-duration-base) var(--kuem-ease-standard)}.xdr-display .twin-theme-toggle path{fill:currentColor;stroke:none}.xdr-display .twin-theme-toggle[aria-pressed=true] svg{rotate:180deg}.xdr-display .twin-nav{z-index:3;border-top:1px solid var(--kuem-border);background:var(--kuem-background);flex:none;order:3;margin:0;padding:0;display:block;position:sticky;inset:auto auto 0}.xdr-display .twin-nav-list{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.xdr-display .twin-nav button{min-width:0;color:var(--kuem-text-muted);font:var(--kuem-weight-semibold) var(--kuem-type-label-size) / 1.2 var(--kuem-font-text);cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;display:flex;position:relative}.xdr-display .twin-nav button:hover{color:var(--kuem-text-primary)}.xdr-display .twin-nav button[aria-current=page]{color:var(--kuem-data)}.xdr-display .twin-nav button[aria-current=page]:before{background:var(--kuem-data);content:"";height:2px;position:absolute;top:-1px;left:22%;right:22%}.xdr-display .twin-nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.xdr-display .twin-nav b{box-sizing:border-box;border-radius:var(--kuem-radius-card);background:var(--kuem-status-critical);min-width:16px;color:var(--kuem-white);font-size:var(--kuem-type-label-size);text-align:center;padding:1px 4px;line-height:1.1;position:absolute;top:3px;left:calc(50% + 3px)}.xdr-display .twin-nav b[hidden]{display:none}.xdr-display .twin-theme-toggle:focus-visible,.xdr-display .twin-demo-pill:focus-visible,.xdr-display .twin-nav button:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:calc(0px - var(--kuem-focus-width))}.twin-workspace .xdr-display .xdr-screen .twin-dashboard-body{flex:1 0 auto;padding:12px 10px}.xdr-display .twin-dashboard-heading{flex-wrap:wrap;gap:6px}.xdr-display .twin-dashboard-heading>div{flex:100%}.twin-dashboard[data-view=overview] [data-in]:not([data-in~=overview]),.twin-dashboard[data-view=devices] [data-in]:not([data-in~=devices]),.twin-dashboard[data-view=gateways] [data-in]:not([data-in~=gateways]),.twin-dashboard[data-view=alarms] [data-in]:not([data-in~=alarms]){display:none}.xdr-display .twin-panels{columns:300px;column-gap:10px;margin-top:10px}.xdr-display .twin-panels>*{break-inside:avoid;margin:0 0 10px}.xdr-display .twin-devices>.twin-table-heading{margin-top:0}.xdr-display .twin-panels>.twin-event{border:1px solid var(--kuem-white);border-radius:var(--kuem-radius-control);background:var(--kuem-background);padding:8px 9px}.xdr-display .twin-gateway [data-ui=gateway-state]{color:var(--kuem-status-ok);text-decoration:none}.xdr-display .twin-gateway [data-ui=gateway-state][data-state=offline]{color:var(--kuem-status-critical)}.xdr-display .twin-gateway.is-stale strong:not([data-ui]){color:var(--kuem-text-secondary);text-decoration:none}@container noc-screen (width<=400px){.xdr-display .twin-brand span,.xdr-display .twin-kpis>div:after,.xdr-display .twin-kpis small{display:none}.xdr-display .twin-kpis>div{min-height:0;padding:7px}}@container noc-screen (width>=560px){.xdr-display .twin-nav{top:var(--twin-bar);border-top:0;border-bottom:1px solid var(--kuem-border);order:0;padding:0 8px;bottom:auto}.xdr-display .twin-nav-list{gap:2px;display:flex}.xdr-display .twin-nav button{flex-direction:row;gap:7px;padding:10px}.xdr-display .twin-nav button[aria-current=page]:before{inset:auto 8px -1px}.xdr-display .twin-nav b{position:static}.twin-workspace .xdr-display .xdr-screen .twin-dashboard-body{padding:16px}.xdr-display .twin-dashboard-heading{flex-wrap:nowrap}.xdr-display .twin-dashboard-heading>div{flex:auto}.xdr-display .twin-kpis,.xdr-display .twin-panels{gap:12px}.xdr-display .twin-panels{margin-top:12px}.xdr-display .twin-panels>*{margin-bottom:12px}}@container noc-screen (width>=960px){.twin-workspace .xdr-display .xdr-screen .twin-dashboard{grid-template-rows:auto minmax(0,1fr);grid-template-columns:200px minmax(0,1fr);display:grid}.twin-workspace .xdr-display .xdr-screen .twin-dashboard-top{grid-column:1/-1;padding:0 16px}.xdr-display .twin-nav{border-right:1px solid var(--kuem-border);border-bottom:0;padding:0;position:static}.xdr-display .twin-nav-list{top:var(--twin-bar);flex-direction:column;padding:12px 8px;position:sticky}.xdr-display .twin-nav button{border-radius:var(--kuem-radius-control)}.xdr-display .twin-nav button[aria-current=page]{background:var(--kuem-surface-1)}.xdr-display .twin-nav button[aria-current=page]:before{width:2px;height:auto;inset:8px auto 8px 0}.xdr-display .twin-nav b{margin-left:auto}.twin-workspace .xdr-display .xdr-screen .twin-dashboard-body{padding:20px 24px}}.xdr-display .twin-brand .twin-logo-dark,.xdr-screen[data-scheme=carbon] .twin-brand .twin-logo-light{display:none}.xdr-screen[data-scheme=carbon] .twin-brand .twin-logo-dark{display:block}.twin-workspace .xdr-screen[data-scheme=carbon]{--twin-canvas:var(--kuem-background);--twin-panel:var(--kuem-surface-1);background:var(--twin-canvas)}.xdr-screen[data-scheme=carbon] .twin-dashboard{--kuem-background:var(--twin-panel);--kuem-surface-1:var(--twin-canvas)}.xdr-screen[data-scheme=carbon] .twin-sync,.xdr-screen[data-scheme=carbon] .twin-kpis>div,.xdr-screen[data-scheme=carbon] .twin-rule,.xdr-screen[data-scheme=carbon] .twin-table,.xdr-screen[data-scheme=carbon] .twin-tr,.xdr-screen[data-scheme=carbon] .twin-panels>.twin-event,.xdr-screen[data-scheme=carbon] .twin-meter-readings,.xdr-screen[data-scheme=carbon] .twin-sensor-readings,.xdr-screen[data-scheme=carbon] .twin-meter-readings>div,.xdr-screen[data-scheme=carbon] .twin-sensor-readings>div{border-color:var(--kuem-border)}.xdr-screen[data-scheme=carbon] .twin-timeline-entry{border-top-color:var(--kuem-border);border-right-color:var(--kuem-border);border-bottom-color:var(--kuem-border)}.xdr-screen[data-scheme=carbon] .twin-rule-icon,.xdr-screen[data-scheme=carbon] .twin-alerts h3>span,.xdr-screen[data-scheme=carbon] .twin-nav b{color:var(--kuem-carbon)}.xdr-screen[data-scheme=carbon] .twin-switch>span{background:var(--kuem-text-secondary)}.xdr-screen[data-scheme=carbon] .twin-switch:not([aria-checked=true]){background:var(--kuem-border)}.xdr-screen[data-scheme=carbon] .twin-tr.is-updated{animation-name:twin-row-flash-dark}@keyframes twin-row-flash-dark{0%{background:var(--kuem-surface-2)}to{background:0 0}}.xdr-screen[data-scheme=carbon] .twin-kpis>div.is-received{animation-name:flow-received-tile-dark}@keyframes flow-received-tile-dark{0%{background-color:color-mix(in srgb, var(--kuem-data) 30%, var(--kuem-background))}}@media (prefers-reduced-motion:reduce){.xdr-display .twin-theme-toggle svg{transition:none}}.city-heatmap{pointer-events:none;z-index:3;opacity:0;mix-blend-mode:hard-light;width:100%;height:100%;transition:opacity var(--kuem-duration-slow) var(--kuem-ease-standard);position:absolute;inset:0}.city-art[data-heatmap=on] .city-heatmap{opacity:.8}@media (prefers-reduced-motion:reduce){.city-heatmap{transition:none}}.twin-layers{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:0 1.5rem .9rem;display:flex}.twin-site-switch{border:1px solid var(--kuem-border);border-radius:var(--kuem-radius-control);background:var(--kuem-surface-2);flex:none;display:inline-flex;overflow:hidden}.twin-site-switch button{min-height:32px;color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard), color var(--kuem-duration-base) var(--kuem-ease-standard);background:0 0;border:0;padding:.3rem .85rem}.twin-site-switch button+button{border-left:1px solid var(--kuem-border)}.twin-site-switch button:hover:not(:disabled):not([aria-pressed=true]){background:var(--kuem-border)}.twin-site-switch button[aria-pressed=true]{background:var(--kuem-concrete);color:var(--kuem-carbon)}.twin-site-switch button:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:calc(var(--kuem-focus-width) * -1)}.twin-site-switch button:disabled,.twin-layer-chips button:disabled{opacity:.45;cursor:not-allowed}.twin-layer-chips{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.twin-layer-chips .twin-scenario-chip{gap:.4rem;min-height:32px;padding:.3rem .75rem}@container (width<=560px){.twin-layers{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.twin-layer-chips{flex-wrap:nowrap}}.city-sensor.is-filtered{opacity:0;visibility:hidden;pointer-events:none}.city-sensor.is-linked{z-index:1}.city-sensor.is-linked .city-sensor-dot{scale:1.5}.city-sensor.is-linked .city-sensor-tag{opacity:1;translate:-50%}.twin-meter-readings>div.is-linked,.twin-sensor-readings>div.is-linked{background:color-mix(in srgb, var(--kuem-data) 12%, transparent);box-shadow:-6px 0 0 color-mix(in srgb, var(--kuem-data) 12%, transparent), 6px 0 0 color-mix(in srgb, var(--kuem-data) 12%, transparent)}.twin-workspace[data-site=marina] .twin-dashboard [data-site=camp],.twin-workspace[data-site=camp] .twin-dashboard [data-site=marina]{display:none}.city-popover-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.city-popover-grid[data-cols="2"] b{white-space:normal}.city-popover-actions{gap:6px;margin-top:6px;display:flex}.city-popover-actions button{border:1px solid color-mix(in srgb, var(--kuem-white) 22%, transparent);border-radius:var(--kuem-radius-card);min-height:28px;color:var(--kuem-text-secondary);font:var(--kuem-weight-semibold) var(--kuem-type-label-size)/1 var(--kuem-font-text);cursor:pointer;transition:background var(--kuem-duration-base) var(--kuem-ease-standard);background:0 0;flex:1;padding:5px 8px}.city-popover-actions button:hover{background:color-mix(in srgb, var(--kuem-white) 10%, transparent)}.city-popover-actions button:focus-visible{outline:var(--kuem-focus-width) solid var(--kuem-focus);outline-offset:var(--kuem-focus-offset)}.city-popover-actions [data-sensor-switch][aria-pressed=false]{border-color:color-mix(in srgb, var(--kuem-data) 55%, transparent);color:var(--kuem-text-primary)}@media (prefers-reduced-motion:reduce){.twin-site-switch button,.city-popover-actions button{transition:none}}