:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172437;background:#f2f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #071a2d;--navy-soft: #102b45;--ink: #172437;--muted: #66778b;--line: #dce5eb;--surface: #ffffff;--teal: #008b83;--teal-dark: #00736d;--teal-soft: #e5f7f4;--blue: #2773ae;--blue-soft: #eaf3fa;--amber: #ba7210;--amber-soft: #fff6df;--red: #b43f45;--red-soft: #fff0f0;--shadow: 0 12px 35px rgb(7 26 45 / .07)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f2f6f8}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgb(0 139 131 / .24);outline-offset:2px}h1,h2,p{margin-top:0}code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.eyebrow{margin-bottom:.55rem;color:#008b83;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-icon{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#11a79d,#00736d);box-shadow:0 10px 25px #008b833b}.brand-icon svg{width:27px;height:27px}.brand-icon--small{width:40px;height:40px;border-radius:11px;box-shadow:none}.brand-icon--small svg{width:21px;height:21px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:11px;padding:.7rem 1.05rem;font-weight:750;cursor:pointer;transition:.16s ease}.button svg{width:18px;height:18px}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.text-button:disabled,.remove-button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#fff;background:var(--teal);box-shadow:0 8px 20px #008b8333}.button--primary:hover{background:var(--teal-dark)}.button--secondary{border-color:#cfdce3;color:#34465a;background:#fff}.setup-page{display:grid;min-height:100vh;grid-template-columns:minmax(330px,.76fr) minmax(620px,1.24fr);background:#f7fafb}.setup-intro{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(3rem,6vw,6.5rem);color:#c9d6e2;background-color:var(--navy);background-image:radial-gradient(circle at 84% 14%,rgb(0 174 163 / .16),transparent 34%),linear-gradient(rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.setup-intro:after{position:absolute;right:-180px;bottom:-240px;width:500px;height:500px;border:1px solid rgb(46 213 201 / .14);border-radius:50%;box-shadow:0 0 0 70px #2ed5c906,0 0 0 140px #2ed5c905;content:""}.setup-intro>*{position:relative;z-index:1}.setup-intro .brand-icon{margin-bottom:2.8rem}.setup-intro .eyebrow{color:#58d8ce}.setup-intro h1{max-width:620px;margin-bottom:1.4rem;color:#fff;font-size:clamp(2.25rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.05em}.setup-intro>p:not(.eyebrow){max-width:590px;color:#9fb0c2;font-size:1.02rem;line-height:1.7}.security-callout{display:flex;max-width:610px;gap:.9rem;margin-top:2.2rem;border:1px solid rgb(93 226 214 / .2);border-radius:14px;padding:1rem;background:#ffffff0b}.security-callout>svg{width:21px;flex:0 0 auto;color:#58d8ce}.security-callout strong{display:block;margin-bottom:.3rem;color:#ecfffd;font-size:.88rem}.security-callout p{margin:0;color:#9fb0c2;font-size:.76rem;line-height:1.55}.setup-panel{overflow-y:auto;padding:clamp(2rem,5vw,5rem)}.setup-panel form{width:min(100%,940px);margin-inline:auto}.form-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.form-heading h2{margin:0;color:var(--navy);font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.035em}.form-heading>span{border:1px solid #bde8e4;border-radius:99px;padding:.4rem .65rem;color:var(--teal-dark);background:var(--teal-soft);font-size:.7rem;font-weight:800;white-space:nowrap}.form-errors{margin-bottom:1.2rem;border:1px solid #f0bec1;border-radius:12px;padding:.9rem 1rem;color:#892f34;background:var(--red-soft);font-size:.82rem}.form-errors ul{margin:.4rem 0 0;padding-left:1.2rem}fieldset{min-width:0;margin:0 0 1rem;border:1px solid var(--line);border-radius:15px;padding:1.2rem;background:#fff;box-shadow:0 4px 15px #071a2d06}legend{padding:0 .4rem;color:#25384c;font-size:.79rem;font-weight:800;letter-spacing:.025em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid--connection{grid-template-columns:minmax(260px,2fr) minmax(100px,.55fr) minmax(115px,.7fr)}.field{display:grid;min-width:0;gap:.42rem;color:#405268;font-size:.75rem;font-weight:750}.field--wide{min-width:0}.field small{color:#8493a4;font-size:.65rem;font-weight:500}.field input{width:100%;height:44px;min-width:0;border:1px solid #cbd8e0;border-radius:9px;padding:0 .75rem;color:#14283d;background:#fff;transition:.15s ease}.field input:hover{border-color:#aebfca}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #008b8317;outline:none}.field input::placeholder{color:#9aa8b7}.password-input,.input-suffix{position:relative;display:block}.password-input input{padding-right:3rem}.password-input button{position:absolute;top:50%;right:.3rem;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:8px;color:#66778b;background:transparent;cursor:pointer;transform:translateY(-50%)}.password-input button:hover{color:#172437;background:#f0f4f6}.password-input svg{width:18px;height:18px}.input-suffix input{padding-right:5.5rem}.input-suffix>span{position:absolute;top:50%;right:.75rem;color:#7a8999;font-size:.68rem;font-weight:650;transform:translateY(-50%)}.url-preview{margin:.75rem 0 0;overflow-wrap:anywhere;color:#728296;font-size:.68rem}.url-preview code{color:#36556e}.signals-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.2rem 0 1rem}.signals-heading legend{padding:0}.text-button{display:inline-flex;align-items:center;gap:.35rem;border:0;padding:.35rem;color:var(--teal-dark);background:transparent;font-size:.72rem;font-weight:800;cursor:pointer}.text-button svg{width:16px;height:16px}.signal-editor-list{display:grid;gap:.75rem}.signal-editor{display:grid;grid-template-columns:auto 1fr 1.4fr .55fr .55fr .55fr auto;align-items:end;gap:.65rem;border:1px solid #e2e9ee;border-radius:11px;padding:.85rem;background:#fbfcfd}.signal-editor__index{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;align-self:center;border-radius:8px;color:var(--teal-dark);background:var(--teal-soft);font-size:.72rem;font-weight:850}.signal-editor .field input{height:40px}.remove-button{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #e2e8ed;border-radius:9px;color:#9c484d;background:#fff;cursor:pointer}.remove-button:hover:not(:disabled){border-color:#f0bec1;background:var(--red-soft)}.remove-button svg{width:17px;height:17px}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.3rem}.memory-note{margin:.8rem 0 0;color:#7a8999;font-size:.67rem;line-height:1.5;text-align:right}.dashboard-shell{min-height:100vh;background:radial-gradient(circle at 96% 4%,rgb(0 139 131 / .055),transparent 24%),#f2f6f8}.dashboard-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgb(211 222 229 / .9);background:#ffffffe8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dashboard-header__inner{display:flex;width:min(100% - 3rem,1500px);min-height:72px;align-items:center;justify-content:space-between;gap:2rem;margin-inline:auto}.dashboard-brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}.dashboard-brand>span:last-child{display:grid}.dashboard-brand strong{color:var(--navy);font-size:.92rem}.dashboard-brand small{margin-top:.1rem;color:#718195;font-size:.68rem}.dashboard-header__actions{display:flex;align-items:center;gap:.7rem}.connection-badge{display:flex;min-height:43px;align-items:center;gap:.55rem;border:1px solid;border-radius:11px;padding:.48rem .7rem}.connection-badge>svg{width:19px;height:19px;flex:0 0 auto}.connection-badge>span{display:grid}.connection-badge strong{font-size:.74rem}.connection-badge small{margin-top:.1rem;font-size:.6rem;opacity:.76}.connection-badge--connected{border-color:#aee1da;color:#006a64;background:#edfaf7}.connection-badge--disconnected{border-color:#f0bec1;color:#98383d;background:var(--red-soft)}.connection-badge--reconnecting{border-color:#f2d99e;color:#93600f;background:var(--amber-soft)}.is-spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:.45rem;border:1px solid #d4e0e6;border-radius:11px;padding:.55rem .75rem;color:#405268;background:#fff;font-size:.72rem;font-weight:750;cursor:pointer}.icon-button:hover{border-color:#b9c9d3;background:#f8fafb}.icon-button svg{width:17px;height:17px}.dashboard-main{width:min(100% - 3rem,1500px);margin-inline:auto;padding:2.2rem 0 1.4rem}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.hero-row h1{margin-bottom:.35rem;color:var(--navy);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.1;letter-spacing:-.04em}.hero-row>div>p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.read-only-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:.42rem;border:1px solid #c4e3ef;border-radius:99px;padding:.5rem .7rem;color:#286686;background:#eef8fc;font-size:.72rem;font-weight:800}.read-only-pill svg{width:16px;height:16px}.dashboard-alert{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;border:1px solid #f0bec1;border-radius:11px;padding:.75rem .85rem;color:#8d3338;background:var(--red-soft);font-size:.78rem}.dashboard-alert svg{width:18px;flex:0 0 auto}.dashboard-alert span{flex:1}.dashboard-alert button{border:0;color:inherit;background:transparent;font-size:.72rem;font-weight:800;text-decoration:underline;cursor:pointer}.summary-grid{display:grid;grid-template-columns:.8fr .8fr 1.5fr;gap:.8rem;margin-bottom:1rem}.summary-card{display:flex;min-width:0;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:13px;padding:.9rem 1rem;background:#fff;box-shadow:0 4px 18px #071a2d09}.summary-icon{display:inline-flex;width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:10px}.summary-icon svg{width:19px;height:19px}.summary-icon--teal{color:var(--teal-dark);background:var(--teal-soft)}.summary-icon--amber{color:var(--amber);background:var(--amber-soft)}.summary-icon--blue{color:var(--blue);background:var(--blue-soft)}.summary-card>div{display:grid;min-width:0}.summary-card small{margin-bottom:.2rem;color:var(--muted);font-size:.65rem}.summary-card strong{overflow:hidden;color:#24364a;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.empty-banner{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;border:1px solid #c4e3ef;border-radius:12px;padding:.85rem 1rem;color:#285f7c;background:#f0f9fc}.empty-banner>svg{width:22px;flex:0 0 auto}.empty-banner strong{font-size:.82rem}.empty-banner p{margin:.25rem 0 0;color:#55798e;font-size:.72rem;line-height:1.45}.signals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.light-control-panel{margin-top:1rem;border:1px solid var(--line);border-radius:15px;padding:1.2rem;background:#fff;box-shadow:var(--shadow)}.light-control-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.light-control-panel__heading h2{margin:0 0 .3rem;color:var(--navy);font-size:1.15rem;letter-spacing:-.02em}.light-control-panel__heading>div>p:last-child{margin:0;color:var(--muted);font-size:.72rem;line-height:1.5}.control-permission{display:inline-flex;flex:0 0 auto;align-items:center;gap:.4rem;border:1px solid #c4e3ef;border-radius:99px;padding:.45rem .65rem;color:#286686;background:#eef8fc;font-size:.68rem;font-weight:800}.control-permission svg{width:15px;height:15px}.light-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.light-control{min-width:0;border:1px solid #dce5eb;border-radius:13px;padding:.9rem;color:#24364a;background:#fbfcfd}.light-control__identity{display:flex;min-width:0;align-items:center;gap:.75rem;margin-bottom:.8rem}.light-button__lamp{width:46px;height:46px;flex:0 0 auto;border:5px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #1724371f,0 5px 14px #071a2d24}.light-control--red .light-button__lamp{background:#d7444d}.light-control--orange .light-button__lamp{background:#e28b18}.light-control--green .light-button__lamp{background:#23965b}.light-control--red{border-color:#e7a5a9}.light-control--orange{border-color:#edc17f}.light-control--green{border-color:#91d0ae}.light-button__copy{display:grid;min-width:0;gap:.3rem}.light-button__copy strong{font-size:.84rem}.light-button__copy small{color:var(--muted);font-size:.65rem;line-height:1.45}.light-button__copy code{color:#344f67;font-size:.64rem;font-weight:800}.light-control__actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.light-action-button{display:grid;min-height:55px;place-content:center;gap:.18rem;border:1px solid;border-radius:9px;padding:.55rem;text-align:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.light-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #071a2d14}.light-action-button:active:not(:disabled){transform:translateY(1px)}.light-action-button:disabled{cursor:not-allowed;opacity:.48}.light-action-button strong{font-size:.72rem}.light-action-button small{font-size:.6rem}.light-action-button code{font-size:.62rem;font-weight:850}.light-action-button--on{border-color:#a9d7bc;color:#087044;background:#eaf8f0}.light-action-button--off{border-color:#cfd9e0;color:#526476;background:#f2f5f7}.light-control>small{display:block;margin-top:.55rem;color:#8b5d11;font-size:.62rem;font-weight:700;text-align:center}.command-feedback{display:flex;align-items:center;gap:.45rem;min-height:35px;margin:.8rem 0 0;border-radius:9px;padding:.55rem .7rem;color:#566a7d;background:#f5f8fa;font-size:.68rem;font-weight:700}.command-feedback svg{width:16px;height:16px;flex:0 0 auto}.command-feedback--sending{color:#8b5d11;background:var(--amber-soft)}.command-feedback--sent{color:#087044;background:#eaf8f0}.command-feedback--error{color:#98383d;background:var(--red-soft)}.signal-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;padding:1.15rem;background:#fff;box-shadow:var(--shadow)}.signal-card:before{position:absolute;top:0;right:0;left:0;height:3px;background:#a9b7c4;content:""}.signal-card--live:before{background:var(--teal)}.signal-card--stale:before,.signal-card--warning:before{background:var(--amber)}.signal-card--offline:before{background:var(--red)}.signal-card__header{display:flex;min-height:46px;align-items:flex-start;justify-content:space-between;gap:.7rem}.signal-card__header>div{min-width:0}.signal-card__number{display:block;margin-bottom:.22rem;color:#8493a4;font-size:.6rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.signal-card h2{margin:0;overflow:hidden;color:#203347;font-size:1rem;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.signal-state{display:inline-flex;flex:0 0 auto;align-items:center;gap:.3rem;border:1px solid;border-radius:99px;padding:.32rem .48rem;font-size:.62rem;font-weight:800;white-space:nowrap}.signal-state svg{width:13px;height:13px}.signal-state--live{border-color:#afe1db;color:#006a64;background:#edfaf7}.signal-state--stale,.signal-state--warning{border-color:#f2d99e;color:#93600f;background:var(--amber-soft)}.signal-state--offline{border-color:#f0bec1;color:#98383d;background:var(--red-soft)}.signal-state--waiting{border-color:#dce5eb;color:#64768a;background:#f5f8fa}.signal-value{display:flex;align-items:baseline;gap:.45rem;margin:1.35rem 0 1rem}.signal-value strong{color:var(--navy);font-size:clamp(2.25rem,4.2vw,3.35rem);font-weight:800;line-height:.95;letter-spacing:-.06em}.signal-value span{color:var(--muted);font-size:.78rem;font-weight:700}.signal-meter{position:relative;height:8px;overflow:hidden;border-radius:99px;background:#e8eef2}.signal-meter__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#0eaea3,#087e77);transition:width .35s ease}.signal-card--stale .signal-meter__fill,.signal-card--warning .signal-meter__fill{background:linear-gradient(90deg,#e2a13b,#b87311)}.signal-card--offline .signal-meter__fill{background:#9cacba}.signal-range{display:flex;justify-content:space-between;margin-top:.35rem;color:#8493a4;font-size:.61rem;font-weight:650}.signal-details{display:grid;gap:0;margin:1rem 0 0;border-top:1px solid #e7edf1}.signal-details>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:.5rem;padding:.62rem 0}.signal-details>div+div{border-top:1px solid #edf1f4}.signal-details dt{color:#7c8b9c;font-size:.64rem;font-weight:700}.signal-details dd{min-width:0;margin:0;overflow:hidden;color:#405268;font-size:.66rem;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.retained-note,.source-note,.invalid-note{margin:.45rem 0 0;border-radius:7px;padding:.45rem .55rem;color:#55798e;background:#f0f9fc;font-size:.61rem;line-height:1.4}.source-note{color:#68798c;background:#f5f8fa}.invalid-note{display:flex;align-items:center;gap:.35rem;color:#8f5d12;background:var(--amber-soft)}.invalid-note svg{width:13px;height:13px;flex:0 0 auto}.dashboard-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 0 .4rem;color:#78899a;font-size:.63rem}.dashboard-footer code{overflow-wrap:anywhere}@media(max-width:1240px){.setup-page{grid-template-columns:minmax(300px,.65fr) minmax(560px,1.35fr)}.signal-editor{grid-template-columns:auto 1fr 1.4fr .7fr auto}.signal-editor .field--small:nth-of-type(4),.signal-editor .field--small:nth-of-type(5){grid-row:2}.signals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.setup-page{display:block}.setup-intro{min-height:auto;padding:3rem 2rem}.setup-intro .brand-icon{margin-bottom:1.5rem}.setup-intro h1{font-size:2.65rem}.setup-panel{padding:2.5rem 1.5rem 4rem}.signal-editor{grid-template-columns:auto 1fr 1.4fr .7fr auto}.summary-grid{grid-template-columns:1fr 1fr}.summary-card--wide{grid-column:1 / -1}}@media(max-width:700px){.dashboard-header__inner,.dashboard-main{width:min(100% - 1.25rem,1500px)}.dashboard-header__inner{min-height:64px}.dashboard-brand>span:last-child,.connection-badge small,.icon-button span{display:none}.connection-badge{min-height:40px;padding-inline:.55rem}.icon-button{width:40px;min-height:40px;padding:0}.dashboard-main{padding-top:1.35rem}.hero-row{align-items:flex-start;flex-direction:column;gap:.8rem}.hero-row h1{font-size:1.85rem}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:.75rem}.summary-icon{width:35px;height:35px}.signals-grid{grid-template-columns:1fr}.light-control-panel__heading{flex-direction:column;gap:.75rem}.light-buttons{grid-template-columns:1fr}.signal-card{padding:1rem}.dashboard-footer{flex-direction:column;line-height:1.45}.form-grid,.form-grid--connection{grid-template-columns:1fr 1fr}.form-grid--connection .field--wide{grid-column:1 / -1}.signal-editor{grid-template-columns:auto minmax(0,1fr) auto}.signal-editor .field,.signal-editor .field--topic,.signal-editor .field--small,.signal-editor .field--small:nth-of-type(4),.signal-editor .field--small:nth-of-type(5){grid-column:2;grid-row:auto}.signal-editor__index{align-self:start;grid-row:1}.remove-button{align-self:start;grid-column:3;grid-row:1}}@media(max-width:480px){.setup-intro{padding:2.4rem 1.2rem}.setup-intro h1{font-size:2.1rem}.setup-panel{padding:2rem .75rem 3rem}.form-heading{align-items:flex-start;flex-direction:column}fieldset{padding:1rem .85rem}.form-grid,.form-grid--connection{grid-template-columns:1fr}.form-grid--connection .field--wide{grid-column:auto}.signals-heading{align-items:flex-start;flex-direction:column}.form-actions{display:grid}.memory-note{text-align:left}.connection-badge strong{font-size:.66rem}.summary-grid{grid-template-columns:1fr}.summary-card--wide{grid-column:auto}.signal-card__header{align-items:flex-start;flex-direction:column}.signal-value strong{font-size:2.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}