:root{color-scheme:dark;--bg:#05130c;--panel:#0a2317;--line:#1b4732;--ink:#e1f8ed;--muted:#7baa93;--cyan:#6bedae;--pink:#74eeb3;--danger:#ff9e8c;--mono:Consolas,'Cascadia Code',monospace;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 15%,#0c311f4d,transparent 50%),var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:var(--cyan);text-decoration:none}p,h1,h2,h3{margin:0}button{transition:background .18s,border-color .18s,color .18s}button:hover{border-color:#53ae82!important}button:active{transform:translateY(1px)}[hidden]{display:none!important}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.topbar{height:88px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#071a11eb}.brand{color:#ebfdf4;display:flex;gap:14px;align-items:center;font-size:25px;font-weight:650;letter-spacing:5px}.brand small{display:block;font:8px var(--mono);letter-spacing:2px;color:#7dad96;margin-top:5px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:1px solid #3cbc7e;border-radius:50%;box-shadow:0 0 16px #4fe99f1c,inset 0 0 10px #4fe99f1c;position:relative}.brand-mark:after{content:'';position:absolute;inset:5px;border:1px dashed #69edad;border-radius:50%}.brand-mark span{width:13px;height:13px;border:1px solid #c0f7dc;transform:rotate(45deg);box-shadow:0 0 13px #61eca9}.nav-middle{display:flex;align-items:center;gap:30px}.nav-current{font:10px var(--mono);letter-spacing:1.6px;color:#90b9a5}.nav-current b{color:var(--cyan);margin:0 9px}.local-badge{font:9px var(--mono);letter-spacing:1px;color:#7fd2aa;display:flex;align-items:center;gap:8px}.status-dot,.model-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #6bedae80;flex:none}.nav-actions{display:flex;align-items:center;gap:24px}#system-clock{font:11px var(--mono);color:#a0cbb6;letter-spacing:1px}.button{min-height:40px;border:1px solid #286246;background:#103423;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;font-size:11px;font-weight:500;border-radius:3px}.nav-button{background:#0d2d1e;color:#bcf6da}.nav-button .icon{width:15px;height:15px}.primary-button{background:#164930;border-color:#58e5a1;color:#caf9e2}.primary-button:hover{background:#205e40}.secondary-button{background:#0c2c1d;color:#b2dfc9;border-color:#2e6148}.text-button{background:none;border:0;padding:7px 0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#7ee8b5;font-size:11px}.text-button .icon{width:14px;height:14px}
.page{max-width:1880px;padding:34px 3.5% 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.eyebrow{font:9px var(--mono);letter-spacing:2px;color:#79cda4;display:flex;gap:10px;align-items:center;margin-bottom:14px}.small-line{width:23px;height:1px;background:var(--cyan)}h1{font-size:clamp(27px,2.5vw,41px);line-height:1.15;letter-spacing:-.8px;font-weight:450}h1 span{color:#7defb8}.heading-copy{font-size:12px;color:var(--muted);margin-top:12px}.overview-note{display:flex;align-items:center;gap:15px;padding:16px 21px;border:1px solid #184831;background:linear-gradient(110deg,#0d2f1f,#091e14);min-width:285px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.overview-note strong{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.overview-note div>span{display:block;font:9px var(--mono);color:#73a38c}.overview-note>.status-dot{margin-left:auto}.overview-icon{width:42px;height:42px;border-radius:50%;border:1px solid #2f8c5f;display:grid;place-items:center;position:relative}.overview-icon:after{content:'';position:absolute;inset:4px;border:1px dashed #69e8ab;border-radius:50%}.reactor-core{height:15px;width:15px;background:#a6f4ce;border-radius:50%;box-shadow:0 0 17px #59eaa4,0 0 30px #59eaa455}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:27px}.workspace>*,.model-column,.devices-column{min-width:0}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:15px}.section-bar>div{display:flex;align-items:center;gap:12px}.section-index{color:#4e9472;font:10px var(--mono)}.section-bar h2{font-size:14px;letter-spacing:.5px;font-weight:500}.small-tag{color:#77b798;font:8px var(--mono);letter-spacing:1.2px}.room-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#246144 transparent;padding-bottom:9px;width:100%;max-width:100%}.room-tab{border:1px solid #204b36;background:#0b2518;min-height:48px;white-space:nowrap;padding:9px 14px;color:#8ebba5;font-size:11px;border-radius:3px;display:flex;align-items:center;gap:8px;flex:none}.room-tab small{font:9px var(--mono);color:#4d9070}.room-tab.active{background:#143d29;border-color:#4ecb8f;color:#d5fae8;box-shadow:inset 0 -2px var(--cyan)}.room-tab.active small{color:var(--cyan)}.room-count{font:9px var(--mono);color:#77b497;margin-left:2px}.room-count:empty{display:none}
.model-card{height:565px;position:relative;overflow:hidden;border:1px solid #286145;border-radius:3px;background:radial-gradient(ellipse at 50% 50%,#154d32,#0a2618 57%,#05180f);box-shadow:0 22px 55px #0005,inset 0 0 60px #6cedaf08}.model-card:before,.model-card:after{content:'';position:absolute;width:26px;height:26px;border-color:var(--cyan);border-style:solid;z-index:4;pointer-events:none}.model-card:before{top:0;left:0;border-width:2px 0 0 2px}.model-card:after{right:0;bottom:0;border-width:0 2px 2px 0}.city-haze{position:absolute;inset:0;background:linear-gradient(transparent 49.8%,#99f2c705 50%,transparent 50.3%);background-size:100% 6px;pointer-events:none;z-index:2;opacity:.4}.model-viewport{position:absolute;inset:0;width:100%;height:100%;min-width:0}.model-viewport canvas{display:block;width:100%;height:100%;outline:none;max-width:100%}.model-caption{position:absolute;top:24px;left:25px;z-index:3;pointer-events:none}.model-label{display:block;font:8px var(--mono);letter-spacing:1.4px;color:#65bf94}.model-view-name{display:block;font-size:20px;color:#ddfbec;margin-top:8px;font-weight:350}.model-coordinates{position:absolute;right:22px;top:24px;z-index:3;font:8px/1.8 var(--mono);letter-spacing:1px;color:#509574;text-align:right;pointer-events:none}.model-toolbar{position:absolute;right:17px;bottom:57px;z-index:5;display:flex;flex-direction:column;gap:8px}.icon-button{height:36px;width:36px;flex:none;border:1px solid #2b6247;background:#0b2c1ce6;color:#8bd2b0;display:inline-flex;align-items:center;justify-content:center;border-radius:3px}.icon-button .icon{height:16px;width:16px}.model-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:10px;padding:17px 21px;font:8px var(--mono);color:#6cb08f;background:linear-gradient(transparent,#061b11cc);pointer-events:none}.model-footer>span:first-child{display:flex;align-items:center;gap:7px;letter-spacing:.4px}.model-footer>span:last-child{text-align:right}.compass{position:absolute;bottom:63px;left:25px;font:8px var(--mono);letter-spacing:1px;color:#408e68;pointer-events:none}.compass span{display:block;font-size:30px;line-height:1.3;color:#83dfb3;font-weight:100}.under-model{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font:9px var(--mono);color:#529474}.reference-label{display:flex;align-items:center;gap:6px}.reference-label .icon{height:12px;width:12px;color:#6bbd95}.model-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:#74bf9b;font:11px var(--mono);pointer-events:none}.loader{display:inline-block;width:30px;height:30px;border:1px solid #175235;border-top-color:#82f0bb;border-right-color:#34a970;border-radius:50%;animation:spin 1.4s linear infinite}.model-preview{position:absolute;inset:50px 0;width:100%;height:calc(100% - 100px);object-fit:contain;filter:brightness(.75) hue-rotate(145deg)}@keyframes spin{to{transform:rotate(360deg)}}
.spatial-labels{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.spatial-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;padding:6px 9px;border:1px solid #4bb68255;background:#072416d9;font:9px var(--mono);letter-spacing:.4px;color:#a9e9ca;white-space:nowrap;box-shadow:0 5px 15px #0005}.spatial-label.active{color:#d0f9e5;border-color:#77eeb4;background:#15472f}.spatial-label.device-pin{font-size:10px;border-color:#dfb564;color:#ffe6b9;background:#241f1ce8;display:flex;gap:6px;align-items:center}.pin-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#ffd784;box-shadow:0 0 10px #ffdb81}.placement-banner{position:absolute;top:85px;left:20px;right:20px;z-index:7;background:#103d27eb;border:1px solid #5ceba6;box-shadow:0 8px 25px #0007;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#d2f9e6}.placement-banner .text-button{flex:none}.model-card.is-placing{cursor:crosshair;border-color:#81efba}.is-placing .spatial-label{pointer-events:none}.is-placing .spatial-label.device-pin{opacity:.45}
.mapping-guide{display:flex;align-items:center;gap:18px;padding:20px 0 2px;margin-top:13px;border-top:1px solid #1b4531}.guide-index{font:8px var(--mono);letter-spacing:1px;color:#57d297;white-space:nowrap}.mapping-guide h3{font-size:13px;font-weight:500;margin-bottom:7px}.mapping-guide p{font-size:11px;line-height:1.7;color:#669f83}.mapping-guide p b{color:#9de4c2;font-weight:500;margin-left:6px}.mapping-guide p b:first-child{margin-left:0}.mapping-guide .button{margin-left:auto;white-space:nowrap;font-size:10px}.count-badge{font:11px var(--mono);background:#103d27;color:#6dedaf;padding:5px 8px;border:1px solid #246948;min-width:27px;text-align:center}.device-filter-line{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin-bottom:9px}.device-filter-line>span{font:10px var(--mono);color:#6ba88b}.device-list{display:flex;flex-direction:column;gap:12px}.device-card{min-width:0;background:linear-gradient(135deg,#103222,#0b2518);border:1px solid #26563f;border-radius:4px;padding:17px;position:relative}.device-card:before{content:'';position:absolute;left:-1px;top:18px;height:24px;width:2px;background:#72e7ae}.device-card.climate:before{background:#95edc2}.device-card-top{display:flex;align-items:center;gap:10px}.device-symbol{height:36px;width:36px;display:grid;place-items:center;flex:none;border:1px solid #2d6248;background:#153d2a;color:#83ebb9;border-radius:4px}.climate .device-symbol{border-color:#436152;background:#22352c;color:#a9efcd}.device-info{min-width:0;flex:1}.device-info h3{font-size:13px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}.device-subtitle{margin-top:5px;display:flex;flex-wrap:wrap;gap:5px;font:9px/1.5 var(--mono);color:#71aa8e;overflow-wrap:anywhere}.device-card-top>.icon-button{height:30px;width:28px;background:none;border:0;color:#73a98f}.state-line{display:flex;gap:7px;align-items:center;font-size:11px;color:#9ccfb6;margin:17px 0 12px}.connection-dot{height:5px;width:5px;background:#6c8b7c;border-radius:50%;display:inline-block;flex:none}.connection-dot.online{background:#66e8d1;box-shadow:0 0 8px #51d9c34d}.connection-dot.offline{background:#ef987e}.power-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.power-button{min-height:40px;border:1px solid #296045;background:#0b2a1b;color:#7cb499;border-radius:3px;font-size:11px}.power-button.active{border-color:#46c889;background:#164830;color:#bcf7da}.device-message{font-size:10px;line-height:1.7;color:#6ea88c;margin-top:9px}.device-details{margin-top:15px;border-top:1px solid #204f38;padding-top:8px}.device-details summary{cursor:pointer;min-height:32px;font-size:11px;color:#83caa8;padding:8px 0}.control-field{margin-top:12px;min-width:0}.control-field label{display:block;font-size:10px;color:#87bba2;margin-bottom:8px}.control-row{display:flex;align-items:center;gap:8px;min-width:0}.control-row>input,.control-row>select{flex:1;width:0;min-width:0}.control-row .button{font-size:10px;padding:7px 10px;min-height:35px;background:#163f2b}.control-field input[type=range]{min-height:30px;height:30px;padding:0;accent-color:var(--cyan);background:none;border:0}.control-field input[type=color]{max-width:75px;min-height:34px;padding:3px}.control-field input[type=number],.control-field select{min-height:35px;font-size:11px;padding:6px 8px}.device-location-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.device-location-actions .button{font-size:10px;padding:8px 6px;min-height:37px}.device-location-actions.single{grid-template-columns:1fr}.location-status{font:9px/1.8 var(--mono);color:#66a285;margin-top:9px}.location-status.placed{color:#baad7f}.device-card.selected{border-color:#edca82;box-shadow:0 0 20px #ffdb8114}
.setup-note{display:flex;gap:10px;border-top:1px solid #204a36;margin-top:20px;padding:19px 3px 0}.setup-note-icon{color:#549676}.setup-note-icon .icon{height:17px;width:17px}.setup-note strong{font:8px var(--mono);letter-spacing:1.2px;color:#70b091}.setup-note p{font-size:10px;line-height:1.8;color:#538f72;margin-top:8px}.last-scan{font:9px var(--mono);color:#4a8c6c;margin:16px 0;text-align:right}.empty-state,.filtered-empty{border:1px dashed #296649;background:#0b291b;padding:30px 22px;text-align:center}.empty-orbit{display:flex;gap:22px;justify-content:center;align-items:center;color:#62d29c;margin:8px 0 24px}.empty-orbit>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #286a4a}.empty-orbit>.icon{width:30px;height:30px}.empty-state h3,.filtered-empty h3{font-size:17px;font-weight:400;margin-bottom:12px}.empty-state p,.filtered-empty p{font-size:11px;line-height:1.8;color:#73ad91;margin-bottom:19px}.filtered-empty>.icon{color:#67c99a;height:27px;width:27px;margin-bottom:16px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding:22px 0;border-top:1px solid #1b412f;font:8px/1.8 var(--mono);color:#4d8b6d}.page-footer>span:first-child{display:flex;align-items:center;gap:8px}.page-footer p{display:flex;align-items:center;gap:5px}.inline-icon{height:12px;width:12px;stroke:currentColor;fill:none;stroke-width:1.6}.footer-wordmark{letter-spacing:1.5px;color:#63a284}
.modal{border:1px solid #387e5c;background:linear-gradient(140deg,#103523,#072114);color:var(--ink);border-radius:5px;width:calc(100% - 32px);max-width:480px;padding:27px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 0 90px #000b,0 0 35px #35da8a12}.modal::backdrop{background:#010c07be;backdrop-filter:blur(8px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.modal h2{font-size:24px;font-weight:400;letter-spacing:-.3px}.modal-copy{font-size:12px;color:#8ec7ab;line-height:1.9;margin:10px 0 22px}.modal-hint{font-size:10px;line-height:1.8;color:#65a385;margin-top:21px}.modal label,.login-card label{display:block;margin:17px 0 8px;font-size:11px;color:#89c6a9}input,select{width:100%;min-height:44px;padding:10px 12px;background:#072215;border:1px solid #2e674b;border-radius:3px;color:#c4f4dd;font-size:12px}input::placeholder{color:#4e9070}input:focus,select:focus{outline:2px solid #4ed996;outline-offset:2px}.modal form>.button{width:100%;margin-top:20px}.form-error{font-size:11px;line-height:1.7;color:var(--danger);margin-top:10px}.pair-link-item{border:1px solid #235c40;background:#0b301e;padding:13px;margin-top:12px}.pair-link-item label{font:9px var(--mono);margin:0 0 9px;color:#7bbf9e}.pair-link-row{display:flex;gap:8px}.pair-link-row input{min-width:0;font-size:10px;min-height:38px}.pair-link-row .button{font-size:10px;min-height:38px;flex:none}.auto-pair-button{width:100%;min-height:46px}.pair-status{font-size:11px;line-height:1.8;color:#8eceaf;margin-top:13px}.pair-status.form-error{color:var(--danger)}.manual-credentials{margin-top:22px;padding-top:7px;border-top:1px solid #24583f}.manual-credentials summary{cursor:pointer;font-size:11px;color:#85c6a7;min-height:44px;padding:13px 0}.manual-credentials .modal-hint{margin-top:4px}.login-page{min-height:calc(100dvh - 88px);display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at 50% 25%,#124c3055,transparent 60%)}.login-card{max-width:390px;width:100%}.login-house{width:57px;height:57px;border:1px solid #4ca77b;border-radius:50%;display:grid;place-items:center;color:#9ff3ca;box-shadow:0 0 25px #69edad19;margin-bottom:27px}.login-card h1{font-size:43px;line-height:1.13;font-weight:350;color:#c9f8e1}.login-card>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#78b598;margin:18px 0}.login-card form>.button{width:100%;margin-top:14px}.login-card .login-help{border-top:1px solid #20533a;padding-top:20px;font-size:11px!important}.startup{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;font:12px var(--mono);color:#8cd0af}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 21px;background:#0c3923f5;border:1px solid #5ccf97;color:#cbf9e3;font-size:12px;line-height:1.7;box-shadow:0 15px 50px #0008;z-index:30;text-align:center}.toast.error{background:#351e25f5;border-color:#c57670;color:#ffd7ce}.model-card.is-expanded{position:fixed;inset:16px;height:auto;z-index:15;box-shadow:0 0 0 20px #021009e6}body.model-expanded{overflow:hidden}
@media(min-width:1550px){.model-card{height:650px}.workspace{grid-template-columns:minmax(0,1fr) 370px;gap:35px}.device-card{padding:20px}.page{padding-top:40px}.page-heading{margin-bottom:36px}}
@media(max-width:1150px){.topbar{padding:0 25px}.nav-current{display:none}.nav-middle{gap:0}.nav-actions{gap:18px}.page{padding:28px 25px 0}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.model-card{height:540px}.room-tab{padding:9px 11px}.mapping-guide{flex-wrap:wrap;gap:12px}.guide-index{display:none}.mapping-guide .button{margin-left:0}.model-footer{font-size:7px}.model-coordinates{font-size:7px}.overview-note{min-width:260px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}.model-card{height:550px}.device-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.nav-middle{display:none}.page-heading{margin-bottom:25px}.overview-note{min-width:240px;padding:14px}.page-heading h1{font-size:31px}.mapping-guide{flex-wrap:nowrap}.mapping-guide .button{margin-left:auto}.devices-column{margin-top:9px}.device-filter-line{min-height:36px}.model-footer{font-size:8px}}
@media(max-width:600px){.topbar{height:74px;padding:0 17px;gap:10px}.brand{font-size:20px;letter-spacing:3px;gap:10px}.brand small{font-size:6px;letter-spacing:1px}.brand-mark{height:32px;width:32px}.brand-mark span{height:10px;width:10px}.nav-actions{gap:0}#system-clock{display:none}.nav-button{font-size:10px;padding:9px;gap:5px;min-height:37px}.nav-button .icon{width:13px;height:13px}.page{padding:24px 16px 0}.page-heading{margin-bottom:25px}.page-heading h1{font-size:28px;letter-spacing:-.7px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:12px}.overview-note{display:none}.heading-copy{font-size:11px}.section-bar{margin-bottom:12px}.section-bar h2{font-size:12px}.section-index{font-size:9px}.small-tag{font-size:7px;letter-spacing:.6px}.room-tab{min-height:44px;padding:8px 11px;font-size:11px}.room-tabs{gap:5px}.model-card{height:430px}.model-caption{left:17px;top:19px}.model-label{font-size:7px;letter-spacing:.8px}.model-view-name{font-size:17px}.model-coordinates{right:14px;top:20px;font-size:6px}.model-footer{padding:15px 13px;font-size:6px;gap:12px}.model-footer>span{max-width:50%;line-height:1.6}.model-toolbar{right:12px;bottom:56px}.compass{left:17px;bottom:57px;font-size:6px}.compass span{font-size:23px}.under-model{font-size:7px;line-height:1.7;gap:10px}.under-model>span:last-child{max-width:75px;text-align:right}.mapping-guide{gap:13px;padding:17px 0 0;align-items:flex-start}.mapping-guide h3{font-size:12px}.mapping-guide p{font-size:10px}.mapping-guide .button{min-height:38px;font-size:9px;padding:8px}.mapping-guide .button .icon{width:13px;height:13px}.device-list{grid-template-columns:minmax(0,1fr)}.device-card{padding:18px}.device-info h3{font-size:14px}.device-subtitle{font-size:9px}.power-button{min-height:44px;font-size:12px}.device-location-actions .button{min-height:42px;font-size:11px}.device-details summary{font-size:12px;min-height:38px}.control-field label{font-size:11px}.control-row input[type=number],.control-row select{font-size:16px;min-height:43px}.control-row .button{min-height:43px;font-size:11px}.device-filter-line>span{font-size:9px}.spatial-label{font-size:7px;padding:5px 7px}.spatial-label.device-pin{font-size:8px}.placement-banner{top:76px;left:12px;right:12px;padding:9px 10px;font-size:11px}.placement-banner .text-button{font-size:10px}.page-footer{margin-top:24px;padding-bottom:calc(21px + env(safe-area-inset-bottom));font-size:7px;gap:10px;flex-wrap:wrap}.page-footer>span:first-child{display:none}.footer-wordmark{font-size:7px}.modal{padding:23px 20px}.modal h2{font-size:23px}.modal input,.modal select,.login-card input{font-size:16px}.modal-copy{font-size:12px}.login-page{min-height:calc(100dvh - 74px)}.toast{width:calc(100% - 32px);font-size:11px}.model-card.is-expanded{inset:8px}}
@media(max-width:350px){.brand small{display:none}.brand{font-size:18px}.brand-mark{height:28px;width:28px}.nav-button{font-size:9px}.topbar{padding:0 12px}.page{padding-left:12px;padding-right:12px}.page-heading h1{font-size:25px}.model-card{height:400px}.model-coordinates{display:none}.mapping-guide{flex-wrap:wrap}.mapping-guide .button{margin:0}.section-bar h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* NEXUS command deck and room controllers */
.deck-nav{display:flex;gap:7px;border-bottom:1px solid #204d37;margin:0 0 26px;padding-bottom:12px;overflow-x:auto}.deck-nav button{background:#0a291a;border:1px solid #24583f;color:#6eb392;padding:12px 21px;min-height:43px;border-radius:3px;white-space:nowrap;font:10px var(--mono);letter-spacing:.5px}.deck-nav button.active{border-color:#4dca8e;background:#12412a;color:#ccf9e3;box-shadow:inset 0 -2px #6aedae}.feature-panel{padding:5px 0 12px}.feature-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.feature-heading h2{font-size:34px;font-weight:350;letter-spacing:-.6px}.feature-heading p:not(.eyebrow){font-size:12px;line-height:1.8;color:#77b497;margin-top:12px}.feature-heading>select{max-width:210px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.feature-grid>*,.console-box,.agent-layout>*{min-width:0}.console-box{padding:23px;border:1px solid #275d43;border-radius:4px;background:linear-gradient(135deg,#103523,#092417);margin-bottom:21px}.console-box h3{font-size:15px;font-weight:500;color:#cbf4e0;line-height:1.5}.console-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.console-title>span{font:8px var(--mono);letter-spacing:1px;color:#69bc94}.quiet-copy{font-size:11px;line-height:1.8;color:#77b295;margin:11px 0}.inline-form{display:flex;align-items:center;gap:9px;margin-top:17px}.inline-form>input{min-width:0;flex:1}.inline-form>.button{flex:none}.console-box form>label{display:block;font-size:11px;color:#7fbd9f;margin:15px 0 8px}.console-box form>button{margin-top:13px}.console-box form.inline-form>button{margin-top:0}.console-box summary{cursor:pointer;min-height:30px;font-size:12px;color:#8fd4b3}.source-options{display:flex;flex-wrap:wrap;gap:13px;margin:17px 0}.source-options label{display:flex;align-items:center;gap:7px;font-size:11px;color:#9bccb4;cursor:pointer}.source-options input{appearance:auto;width:14px;height:14px;min-height:0;padding:0;accent-color:#67ecac}.streaming-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.streaming-links .button{font-size:10px}.library-results{margin-top:15px}.library-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #23523b}.library-row>div{min-width:0}.library-row strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.library-row small{display:block;font:9px var(--mono);color:#6bab8c;line-height:1.6;margin-top:6px}.library-row .button{font-size:10px;min-width:82px;flex:none}.now-playing{font-size:22px;color:#d0f9e5;line-height:1.4;margin-top:18px}.kodi-transport{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.kodi-transport .button{flex:1;min-height:41px;font-size:11px}.kodi-volume{display:flex;align-items:center;gap:13px;margin-top:17px;flex-wrap:wrap}.kodi-volume>span{font:9px var(--mono);color:#85c2a5;white-space:nowrap}.kodi-volume input{min-width:70px;width:0;flex:1;accent-color:#66e8a9;background:none;border:0;padding:0;min-height:28px}.kodi-volume .button{font-size:10px;min-height:34px;padding:7px 10px}.media-device{margin-bottom:20px}.media-device .device-symbol{font-size:21px;border-color:#476e5b;background:#213b2e;color:#a3f4cd}.media-device:before{background:#97f2c6}.media-device>.button{margin-top:15px;width:100%}.remote-pad{display:grid;grid-template-columns:54px 54px 54px;grid-template-rows:46px 46px 46px;gap:5px;justify-content:center;margin:22px auto}.remote-key{background:#103a26;border:1px solid #326e51;color:#a6efcc;font-size:21px;border-radius:4px}.remote-up{grid-column:2;grid-row:1}.remote-left{grid-column:1;grid-row:2}.remote-select{grid-column:2;grid-row:2;background:#1d573b;border-color:#5ed59b;font:12px var(--mono);color:#e3fcf0}.remote-right{grid-column:3;grid-row:2}.remote-down{grid-column:2;grid-row:3}.remote-transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.remote-transport .button{font-size:11px;min-height:39px;padding:7px}.roku-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.roku-app-grid .button{font-size:10px;min-height:37px;padding:8px;overflow-wrap:anywhere}.media-device .quiet-copy{font-size:10px}.scene-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 25px}.scene-card{display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:21px 17px;min-height:190px;border:1px solid #2e654a;background:radial-gradient(ellipse at 85% 0%,#25734d38,transparent 65%),#0d2c1d;border-radius:4px;gap:12px;color:#a1d7bd}.scene-card:hover{background-color:#113c27}.scene-card:disabled{opacity:.55;cursor:default}.scene-glyph{display:grid;place-items:center;width:35px;height:35px;border:1px solid #399066;background:#15452e;color:#95f2c5;border-radius:50%;font-size:21px}.scene-card strong{font-size:13px;font-weight:500;color:#d0f9e5}.scene-card>span:not(.scene-glyph){font-size:10px;line-height:1.7;color:#6fb091}.scene-card>small{font:8px/1.8 var(--mono);color:#5fa583;margin-top:auto}.automation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #205039;font-size:12px;color:#a6dac1}.automation-row>div{flex:1;min-width:0}.automation-row strong{font-size:12px;font-weight:500}.automation-row small{display:block;font:9px var(--mono);color:#6baf8e;margin-top:7px}.automation-row .button,.automation-row .text-button{font-size:10px;min-height:33px;padding:7px 9px}.automation-row>span{overflow-wrap:anywhere}.stack-form{margin-top:20px;border-top:1px solid #285d43;padding-top:17px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.siri-setup{margin-top:22px;padding-top:20px;border-top:1px solid #265b41}.siri-setup>select{margin-top:12px}.siri-setup>.button{width:100%;margin-top:10px}.siri-details{margin-top:13px}.siri-details pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;font:10px/1.9 var(--mono);color:#b1e7cd;padding:12px;background:#061d12;border:1px solid #23573e}.history-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #214e38;font-size:11px;flex-wrap:wrap}.history-row strong{font-weight:500}.history-row>span:not(:first-child){color:#7eb49a}.history-row time{font:9px var(--mono);color:#569878;margin-left:auto}.history-ok{color:#7fe8c8}.history-failed{color:#eba28d}.agent-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;align-items:center}.agent-orb{position:relative;width:min(280px,90%);aspect-ratio:1;border-radius:50%;border:1px solid #3a9368;box-shadow:0 0 80px #5deba612,inset 0 0 50px #3cb07818;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,#80efb922,transparent 55%)}.agent-orb:before{content:'';position:absolute;inset:14px;border:2px dashed #48bf8599;border-radius:50%;animation:spin 60s linear infinite}.agent-orb:after{content:'';position:absolute;inset:37px;border:1px solid #69ecad60;border-radius:50%;box-shadow:0 0 25px #55eaa225}.agent-orb>div{width:54%;aspect-ratio:1;border:2px solid #8ef1c1;border-radius:50%;background:radial-gradient(circle,#d8faea80,#38d78a25 50%,transparent 65%);box-shadow:0 0 30px #7cefb745,inset 0 0 25px #9af3c833}.agent-orb>span{position:absolute;color:#d0f9e5;font:20px var(--mono);letter-spacing:4px;text-shadow:0 0 14px #69ecad}.agent-console{min-height:400px}.agent-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font:9px var(--mono);letter-spacing:.8px;color:#75cfa4}.agent-topline .text-button{font:9px var(--mono);letter-spacing:0}.agent-messages{max-height:420px;overflow:auto;padding:15px 0;margin:15px 0;border-top:1px solid #235a3f;border-bottom:1px solid #235a3f}.agent-greeting{font-size:16px;font-weight:300;color:#b9e9d2;padding:20px 0}.agent-user{font-size:12px;background:#17422d;border:1px solid #2e7754;padding:12px 15px;line-height:1.8;margin-bottom:13px;white-space:pre-wrap;overflow-wrap:anywhere}.agent-answer{font-size:12px;line-height:1.95;color:#a1d5bc;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:20px}.agent-console textarea{display:block;width:100%;min-height:100px;border:1px solid #306b4e;background:#082718;color:#c4f4dd;resize:vertical;padding:13px;font:12px/1.7 'Segoe UI',Arial,sans-serif;border-radius:3px}.agent-console textarea:focus{outline:2px solid #55d899;outline-offset:2px}.agent-console form>button{width:100%;margin-top:11px}
.color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:11px 0 16px}.color-swatch{height:29px;min-height:29px;border-radius:4px;border:1px solid #ffffff44;background:var(--swatch);box-shadow:inset 0 0 9px #ffffff18}.color-swatch:hover{box-shadow:0 0 15px color-mix(in srgb,var(--swatch) 35%,transparent)}.control-label{font:8px var(--mono);letter-spacing:1px;color:#6db190;margin-top:10px}.white-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.white-presets .button{font-size:9px;padding:7px 4px;min-height:33px}.white-presets .button:first-child{color:#ffbe79}.white-presets .button:last-child{color:#b4f6d6}
.room-mode .topbar{height:76px}.room-mode .nav-middle,.room-mode #system-clock{display:none}.room-mode .brand small{font-size:7px}.room-client{max-width:1020px;padding:30px 28px 0;margin:auto;min-height:calc(100dvh - 76px);background:radial-gradient(ellipse at 50% 0%,#16503433,transparent 65%)}.room-client-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:34px}.room-client-top .eyebrow{margin:0;font-size:8px}.room-client .local-badge{font-size:8px}#room-picker h1{font-size:43px;font-weight:350;letter-spacing:-1px}.room-intro{color:#72b394;font-size:13px;margin-top:13px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0 50px}.room-tile{position:relative;min-height:195px;text-align:left;padding:21px 21px 20px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #2d6e4f;background:radial-gradient(ellipse at 90% 20%,#1e6b4644,transparent 65%),linear-gradient(145deg,#103a26,#092417);border-radius:4px;overflow:hidden}.room-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 65%,#4cbb8508);pointer-events:none}.tile-number{font:9px var(--mono);color:#489a72;letter-spacing:1px}.tile-room-icon{font-size:35px;color:#83e9b8;line-height:1;margin:19px 0 21px;text-shadow:0 0 20px #5ceba640}.room-tile strong{font-size:18px;font-weight:400;color:#d3fae7}.room-tile small{font:9px var(--mono);color:#66b58f;margin-top:10px}.tile-arrow{position:absolute;bottom:20px;right:20px;color:#5fcc97;font-size:21px}.room-tile[data-room-id=bedroom]{background:radial-gradient(ellipse at 90% 20%,#37594955,transparent 65%),#0e2e1f}.room-tile[data-room-id=kitchen]{background:radial-gradient(ellipse at 90% 20%,#58472d55,transparent 65%),#0e2e1f}.room-title-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.room-title-row h1{font-size:38px;font-weight:350}.room-title-row .eyebrow{font-size:8px;letter-spacing:1px}.room-title-row>.button{font-size:10px;white-space:nowrap}.room-hero{position:relative;display:flex;align-items:center;gap:26px;margin:24px 0 28px;padding:24px 29px;border:1px solid #2a6a4b;background:radial-gradient(ellipse at 20% 50%,#17774938,transparent 62%),#0b2b1c;border-radius:4px;overflow:hidden}.room-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#398e6509 1px,transparent 1px),linear-gradient(90deg,#398e6509 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.room-reactor{width:80px;height:80px;border:1px solid #4ab481;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 35px #51e9a016;position:relative;flex:none}.room-reactor:before{content:'';position:absolute;inset:6px;border:1px dashed #5cd99d;border-radius:50%}.room-reactor>div{width:43px;height:43px;border-radius:50%;background:radial-gradient(circle,#dbfaeb,#55eaa2 20%,#1c845255 70%);box-shadow:0 0 20px #5beba555}.room-hero>div:last-child{min-width:0}.room-hero span{font-size:18px;font-weight:350;color:#ccf8e3}.room-hero p{color:#6fb392;font-size:11px;margin-top:9px}.room-section-nav{display:flex;gap:6px;border-bottom:1px solid #235b40;margin-bottom:22px;padding-bottom:11px}.room-section-nav button{flex:1;min-height:42px;border:1px solid #235d41;background:#0b2c1c;color:#70b694;font-size:11px}.room-section-nav button.active{color:#c6f8e0;border-color:#57d498;background:#15462e;box-shadow:inset 0 -2px #6aedae}.room-client .device-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.room-client .device-details{margin-top:14px}.room-client .device-details summary{font-size:12px}.room-client .device-card{padding:21px}.room-client .device-info h3{font-size:15px}.room-client .power-button{min-height:45px}.room-client .scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-client .scene-card{min-height:190px}.room-client-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px var(--mono);letter-spacing:1px;color:#458667;border-top:1px solid #1b5036;margin-top:39px;padding:24px 0}.room-client-footer span{font:9px 'Segoe UI',sans-serif;letter-spacing:0;color:#5b997b}.quick-command{border:1px solid #265f43;background:#0a2a1b;padding:14px 17px;margin-bottom:20px}.quick-command>span{font:8px var(--mono);letter-spacing:1px;color:#5db188}.quick-command>div{display:flex;gap:8px;margin-top:10px}.quick-command input{min-width:0;background:#072114}.quick-command .button{min-width:58px}.room-client #room-kodi{margin-top:20px}.room-client .kodi-card{margin-bottom:0}
@media(max-width:1150px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-layout{grid-template-columns:.45fr 1fr;gap:20px}.agent-orb{width:180px}.feature-grid{gap:20px;grid-template-columns:1fr 1fr}.console-box{padding:20px}.feature-heading h2{font-size:30px}}
@media(max-width:800px){.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-heading{align-items:flex-start}.feature-heading>.small-tag{display:none}.feature-heading>select{max-width:160px}.agent-layout{grid-template-columns:minmax(0,1fr)}.agent-orb{width:120px;margin:0 auto 5px}.agent-orb>span{font-size:13px}.agent-orb:after{inset:23px}.agent-orb:before{inset:7px}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-card{padding:18px 13px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-client .scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-client{padding:26px 24px 0}.deck-nav button{padding:11px 17px}.agent-console{min-height:350px}.history-row time{margin-left:0}}
@media(max-width:600px){.deck-nav{margin-bottom:22px;gap:5px}.deck-nav button{font-size:9px;padding:11px 13px}.feature-heading{flex-direction:column;gap:17px;margin-bottom:22px}.feature-heading h2{font-size:29px}.feature-heading p:not(.eyebrow){font-size:11px}.feature-heading>select{max-width:none;width:100%}.console-box{padding:19px 17px}.console-box h3{font-size:14px}.inline-form>input,.stack-form input,.stack-form select,.console-box input,.console-box select{font-size:16px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scene-card{min-height:185px;padding:18px 14px}.source-options{gap:12px}.source-options label{font-size:11px}.source-options input{font-size:12px}.now-playing{font-size:20px}.library-row{gap:10px}.library-row strong{font-size:12px}.library-row .button{font-size:9px;padding:7px;min-width:75px}.form-columns{grid-template-columns:minmax(0,1fr)}.automation-row{gap:8px}.automation-row .button{font-size:9px;padding:7px}.siri-details pre{font-size:9px}.agent-messages{max-height:380px}.agent-console textarea{font-size:16px}.agent-user,.agent-answer{font-size:12px}.room-mode .topbar{height:70px}.room-client{padding:22px 17px 0;min-height:calc(100dvh - 70px)}.room-client-top{margin-bottom:27px}.room-client-top .eyebrow{font-size:7px}.room-client .local-badge{font-size:7px}#room-picker h1{font-size:36px}.room-intro{font-size:12px}.room-grid{gap:10px;margin-top:25px}.room-tile{min-height:182px;padding:17px}.room-tile strong{font-size:17px}.tile-room-icon{font-size:31px;margin:18px 0}.tile-number{font-size:8px}.room-tile small{font-size:8px}.tile-arrow{bottom:16px;right:17px}.room-title-row{gap:12px}.room-title-row h1{font-size:31px}.room-title-row>.button{font-size:9px;padding:8px 10px;min-height:37px}.room-title-row .eyebrow{font-size:6px;letter-spacing:.8px}.room-hero{padding:21px 19px;gap:20px;margin:22px 0}.room-reactor{height:67px;width:67px}.room-reactor>div{width:36px;height:36px}.room-hero span{font-size:16px}.room-hero p{font-size:10px;line-height:1.7}.room-client .device-list{grid-template-columns:minmax(0,1fr)}.room-client .device-card{padding:20px}.room-client .color-swatch{height:36px}.room-client .white-presets .button{min-height:39px;font-size:10px}.room-client .control-row .button{font-size:10px;padding:7px}.room-client .control-row select{font-size:14px}.room-client .scene-grid{gap:9px}.room-client .scene-card{min-height:190px}.room-client-footer{padding:22px 0 calc(24px + env(safe-area-inset-bottom));font-size:7px;letter-spacing:.5px;flex-wrap:wrap;gap:10px}.room-client-footer span{font-size:8px}.quick-command{padding:14px}.quick-command input{font-size:16px}.quick-command .button{min-width:53px;font-size:11px}.color-palette{gap:9px}.color-swatch{height:33px}.white-presets .button{font-size:10px;min-height:38px}.agent-topline{font-size:8px}.remote-pad{grid-template-columns:59px 59px 59px;grid-template-rows:50px 50px 50px}}