:root{--ink:#071322;--ink-2:#0d2035;--paper:#f5f8fb;--white:#fff;--line:#d9e2ea;--muted:#637386;--cyan:#5ee7d7;--blue:#5ca8ff;--pink:#ff6b8b;--amber:#f2b84b;--green:#32c890;--red:#df5f66;--shadow:0 18px 50px #07132217;--display:"Space Grotesk",sans-serif;--body:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:16px}.skip-link{z-index:99;color:#000;background:#fff;padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#fff;flex-direction:column;height:100vh;padding:2rem 1.25rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.8rem;padding:0 .55rem 2.5rem;display:flex}.brand strong{font-family:var(--display);font-size:1.15rem}.brand small{color:#94a8bd;margin-top:.16rem;font-size:.75rem;display:block}.homey-orbit{background:conic-gradient(from 40deg,var(--cyan),var(--blue),var(--pink),var(--amber),var(--cyan));border-radius:50%;width:42px;height:42px;padding:4px;box-shadow:0 0 28px #5ee7d72e}.homey-orbit span{background:var(--ink);border-radius:50%;width:100%;height:100%;display:block}.nav-list{gap:.4rem;display:grid}.nav-item{color:#aebed0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:center;gap:.5rem;width:100%;padding:.82rem .85rem;display:grid}.nav-item span{text-align:center;font-size:1.25rem}.nav-item b{color:#9eb0c4;background:#162b42;border-radius:99px;padding:.22rem .45rem;font-size:.72rem}.nav-item:hover,.nav-item:focus-visible{color:#fff;background:#10253b;outline:none}.nav-item.active{color:var(--ink);background:#fff;font-weight:700}.nav-item.active b{color:#31445a;background:#eaf1f7}.sidebar-note{border-top:1px solid #1c3349;gap:.65rem;margin-top:auto;padding:1.25rem .55rem;display:flex}.privacy-mark{color:var(--green);margin-top:.15rem;font-size:.7rem}.sidebar-note strong{font-size:.76rem}.sidebar-note p{color:#8fa3b7;margin:.25rem 0 0;font-size:.7rem;line-height:1.45}.import-trigger{color:#fff;cursor:pointer;background:0 0;border:1px solid #375069;border-radius:10px;padding:.7rem;font-size:.8rem;font-weight:700}.import-trigger:hover,.import-trigger:focus-visible{border-color:var(--cyan);outline:none}main{min-width:0;padding:0 3.3vw 4rem}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:126px;display:flex}.breadcrumb{color:var(--muted);margin:0 0 .45rem;font-size:.78rem}.breadcrumb span{color:#a6b2be;padding:0 .3rem}.topbar h1{font:600 clamp(1.6rem,2.5vw,2.35rem)/1.05 var(--display);letter-spacing:-.04em;margin:0}.sync-state{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:.65rem;padding:.7rem .9rem;display:flex;box-shadow:0 6px 20px #0713220a}.sync-state>span{background:var(--amber);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #f2b84b26}.sync-state strong,.sync-state small{display:block}.sync-state strong{font-size:.75rem}.sync-state small{color:var(--muted);margin-top:.12rem;font-size:.67rem}.demo-banner{border-left:4px solid var(--amber);color:#6a4b10;background:#fff7e6;align-items:center;gap:.45rem;margin:1.5rem 0;padding:.8rem 1rem;font-size:.8rem;display:flex}.demo-banner button{color:#604000;cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-weight:700;text-decoration:underline}.tab-panel{padding-top:1.5rem}.control-row{grid-template-columns:minmax(280px,1fr) 190px 190px;gap:.7rem;display:grid}.search-box{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:.7rem;padding:0 .9rem;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;padding:.78rem 0}.control-row select{border:1px solid var(--line);background:#fff;border-radius:12px;outline:0;padding:.75rem}.search-box:focus-within,.control-row select:focus{border-color:#4686c7;box-shadow:0 0 0 3px #4686c721}.house-strip{background:var(--ink-2);color:#fff;border-radius:22px;grid-template-columns:230px 190px 1fr;align-items:center;min-height:190px;margin:1.35rem 0 2rem;display:grid;position:relative;overflow:hidden}.house-strip:after{content:"";border:1px solid #5ee7d729;border-radius:50%;width:260px;height:260px;position:absolute;top:-150px;right:-70px;box-shadow:0 0 0 35px #5ca8ff09,0 0 0 70px #ff6b8b06}.house-visual{background:linear-gradient(130deg,#5ee7d717,#0000);border-right:1px solid #ffffff14;height:100%;position:relative}.roof{border:2px solid var(--cyan);border-radius:8px;width:122px;height:90px;position:absolute;top:40px;left:50px;transform:rotate(45deg)}.room{background:#132a42;border:1px solid #31506b;position:absolute}.r1{width:55px;height:50px;top:69px;left:72px}.r2{width:55px;height:50px;top:69px;left:129px}.r3{width:55px;height:42px;top:121px;left:72px}.r4{width:55px;height:42px;top:121px;left:129px}.room:after{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute;top:50%;left:50%}.r2:after{background:var(--pink);box-shadow:0 0 10px var(--pink)}.r3:after{background:var(--amber);box-shadow:0 0 10px var(--amber)}.house-copy{padding:1rem 1.5rem}.house-copy span{font:700 4.2rem/1 var(--display);letter-spacing:-.08em}.house-copy p{margin:.35rem 0 .15rem;font-size:.8rem;font-weight:700}.house-copy small{color:#8fa7bd}.protocol-mix{z-index:1;flex-wrap:wrap;gap:.55rem;padding:1.5rem 2rem;display:flex;position:relative}.protocol-chip{color:#c0d0df;border:1px solid #2d4963;border-radius:99px;padding:.45rem .7rem;font-size:.72rem}.protocol-chip b{color:#fff;margin-left:.25rem}.section-heading{justify-content:space-between;align-items:end;margin-bottom:1rem;display:flex}.section-heading h2,.firmware-head h2{font:600 1.35rem var(--display);letter-spacing:-.025em;margin:0}.section-heading p,.firmware-head p{color:var(--muted);margin:.35rem 0 0;font-size:.8rem}.quiet-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:.65rem .85rem;font-size:.75rem;font-weight:700}.quiet-button:hover,.quiet-button:focus-visible{border-color:#7891a8;outline:none}.device-list{border-top:1px solid var(--line)}.device-row{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(160px,1.2fr) minmax(150px,.9fr) minmax(220px,1.6fr) 90px;align-items:center;gap:1rem;padding:1rem .45rem;display:grid}.device-icon{background:#e7f2f5;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid}.device-main strong,.device-spec strong{font-size:.82rem;display:block}.device-main small,.device-spec small{color:var(--muted);font-size:.7rem}.device-spec small{margin-top:.2rem;display:block}.skill-list{flex-wrap:wrap;gap:.3rem;display:flex}.skill{color:#42576b;background:#eaf0f5;border-radius:7px;padding:.28rem .48rem;font-size:.66rem}.status-pill{color:#147452;background:#e6f7f1;border-radius:99px;justify-self:end;padding:.35rem .55rem;font-size:.68rem}.status-pill.offline{color:#a43740;background:#fdebed}.empty-state{text-align:center;background:#fff;border:1px dashed #b8c6d2;padding:3rem}.flow-intro{color:#fff;background:#142942;border-radius:22px;justify-content:space-between;align-items:center;padding:2rem;display:flex}.flow-intro h2{font:600 clamp(1.6rem,3vw,2.4rem) var(--display);margin:0}.flow-intro p{color:#a9bdd0;max-width:610px;margin:.6rem 0 0;line-height:1.6}.flow-score{text-align:right}.flow-score span{font:700 3.7rem/1 var(--display);color:var(--cyan)}.flow-score small{color:#9eb3c7;margin-top:.3rem;display:block}.flow-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:1.5rem;margin-top:1.5rem;display:grid}.flow-card{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:.75rem;padding:1rem 1.1rem}.flow-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.flow-top h3{margin:0;font-size:.9rem}.flow-top span{color:#177355;background:#e9f7f3;border-radius:99px;padding:.3rem .5rem;font-size:.66rem}.flow-top span.paused{color:#6d7780;background:#eef1f4}.flow-chain{align-items:center;gap:.45rem;margin-top:.8rem;padding-bottom:.15rem;display:flex;overflow:auto}.flow-node{white-space:nowrap;background:#f1f5f8;border-radius:8px;padding:.48rem .55rem;font-size:.68rem}.flow-node.trigger{border-left:3px solid var(--blue)}.flow-node.condition{border-left:3px solid var(--amber)}.flow-node.action{border-left:3px solid var(--pink)}.flow-arrow{color:#94a1ae}.flow-note{color:var(--muted);margin:.7rem 0 0;font-size:.7rem}.recommendations{border:1px solid var(--line);background:#fff;border-radius:16px;align-self:start;padding:1.2rem}.recommendations h3{font:600 1rem var(--display);margin:0 0 1rem}.rec-item{border-bottom:1px solid #e8edf1;grid-template-columns:26px 1fr;gap:.6rem;padding:.8rem 0;display:grid}.rec-item:last-of-type{border:0}.rec-num{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.66rem;display:grid}.rec-item strong{font-size:.76rem}.rec-item p{color:var(--muted);margin:.2rem 0;font-size:.7rem;line-height:1.45}.method-note{color:#7b6550;background:#fff8e9;padding:.7rem;font-size:.65rem;line-height:1.5}.firmware-head{justify-content:space-between;align-items:end;display:flex}.legend{color:var(--muted);gap:.9rem;font-size:.7rem;display:flex}.legend i{border-radius:50%;width:8px;height:8px;margin-right:.3rem;display:inline-block}.ok{background:var(--green)}.warn{background:var(--amber)}.unknown{background:#98a6b5}.firmware-warning{color:#6d521d;background:#fff5df;border:1px solid #efdab0;border-radius:12px;margin:1.3rem 0;padding:.9rem 1rem;font-size:.75rem}.firmware-table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:#f8fafc;padding:.9rem 1rem;font-size:.68rem;font-weight:700}td{border-bottom:1px solid #e8edf1;padding:.9rem 1rem;font-size:.76rem}tr:last-child td{border-bottom:0}.firmware-device{align-items:center;gap:.65rem;display:flex}.firmware-device span{background:#eef3f6;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.version{font-family:var(--display);font-weight:600}.version.unknown-text{color:#8b98a5;font-family:var(--body);font-weight:500}.firmware-status{align-items:center;gap:.35rem;display:inline-flex}.firmware-status i{border-radius:50%;width:8px;height:8px}.download-link{color:#174f80;white-space:nowrap;border:1px solid #b9d1e5;border-radius:8px;padding:.5rem .65rem;font-size:.68rem;font-weight:700;text-decoration:none;display:inline-block}.download-link:hover,.download-link:focus-visible{background:#eaf4fc;outline:none}.radar-head{background:var(--ink);color:#fff;border-radius:22px;grid-template-columns:280px 1fr;align-items:center;min-height:260px;display:grid;overflow:hidden}.radar-art{background:radial-gradient(circle,#5ee7d729,#0000 55%);height:100%;position:relative}.radar-art:before,.radar-art:after,.radar-art span{content:"";border:1px solid #5ee7d761;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-art:before{width:185px;height:185px}.radar-art:after{width:118px;height:118px}.radar-art span{background:#5ee7d714;width:48px;height:48px;box-shadow:0 0 35px #5ee7d740}.radar-art i{background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:0;width:90px;height:1px;animation:5s linear infinite sweep;position:absolute;top:50%;left:50%;transform:rotate(-35deg)}.radar-head>div:last-child{padding:2rem 2.5rem 2rem 0}.radar-head p{color:var(--cyan);margin:0 0 .55rem;font-size:.75rem;font-weight:700}.radar-head h2{font:600 clamp(1.8rem,3.4vw,3.2rem)/1.08 var(--display);letter-spacing:-.045em;max-width:720px;margin:0}.radar-meta{color:#91a9be;margin-top:1.2rem;font-size:.68rem}.recent-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.recent-card{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;min-height:295px;padding:1.15rem;display:flex}.recent-card .new-tag{color:#136b5a;background:#dff8f3;border-radius:99px;align-self:start;padding:.3rem .5rem;font-size:.64rem;font-weight:700}.recent-card h3{font:600 1.15rem var(--display);margin:1rem 0 .25rem}.recent-card .maker{color:var(--muted);font-size:.7rem}.recent-card p{color:#526375;font-size:.75rem;line-height:1.55}.recent-specs{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.recent-specs span{background:#eef3f6;border-radius:6px;padding:.33rem .45rem;font-size:.64rem}.recent-card a{color:#174f80;margin-top:1rem;font-size:.72rem;font-weight:700}.source-note{border:1px solid var(--line);background:#fff;margin-top:1rem;padding:1rem 1.1rem}.source-note strong{font-size:.78rem}.source-note p{color:var(--muted);margin:.25rem 0 0;font-size:.7rem;line-height:1.5}dialog{border:0;border-radius:20px;width:calc(100% - 2rem);max-width:520px;padding:0;box-shadow:0 30px 90px #00000040}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020a12ad}.dialog-card{padding:1.7rem;position:relative}.dialog-card h2{font:600 1.4rem var(--display);margin:0}.dialog-card p{color:var(--muted);font-size:.8rem;line-height:1.6}.dialog-card pre{background:#eef3f6;border-radius:10px;padding:.8rem;font-size:.72rem;overflow:auto}.dialog-close{cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.dialog-actions{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.65rem .9rem;font-weight:700}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);z-index:100;border-radius:10px;padding:.75rem 1rem;font-size:.75rem;transition:transform .25s;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(150%)}.toast.show{transform:translateY(0)}@keyframes sweep{to{transform:rotate(325deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=980px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:1.5rem .7rem}.brand{justify-content:center;padding-inline:0}.brand>div:last-child,.nav-item:not(.active) b,.sidebar-note,.import-trigger{display:none}.nav-item{text-align:center;grid-template-columns:1fr;padding:.8rem .4rem}.nav-item span{font-size:1.35rem}.nav-item,.nav-item.active{font-size:0}.nav-item.active b{display:none}.house-strip{grid-template-columns:190px 160px 1fr}.flow-layout{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr 1fr}.device-row{grid-template-columns:46px 1fr 1fr}.device-row .skill-list{grid-column:2/4}.status-pill{grid-area:1/3;align-self:start}.device-spec{grid-column:3}}@media (width<=700px){.app-shell{display:block}.sidebar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071322f7;height:70px;padding:.5rem;position:fixed;inset:auto 0 0}.brand,.sidebar-note,.import-trigger{display:none}.nav-list{grid-template-columns:repeat(4,1fr);gap:.2rem;height:100%;display:grid}.nav-item,.nav-item.active{border-radius:9px;flex-direction:column;justify-content:center;gap:.18rem;padding:.25rem;font-size:.58rem;display:flex}.nav-item span{font-size:1.1rem}.nav-item b{display:none}main{padding:0 1rem 95px}.topbar{min-height:105px}.topbar h1{font-size:1.45rem}.sync-state{display:none}.demo-banner{flex-wrap:wrap;align-items:flex-start}.demo-banner button{margin-left:0}.control-row{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.house-strip{grid-template-columns:120px 1fr;min-height:165px}.house-visual{transform-origin:0;width:180px;transform:scale(.68)}.house-copy{padding:.8rem}.house-copy span{font-size:3rem}.protocol-mix{display:none}.device-row{grid-template-columns:42px 1fr auto;gap:.7rem}.device-spec,.device-row .skill-list{grid-column:2/4}.flow-intro{align-items:flex-start;padding:1.3rem}.flow-score span{font-size:2.6rem}.flow-score small{max-width:80px}.firmware-head{display:block}.legend{margin-top:.8rem}.radar-head{grid-template-columns:100px 1fr;min-height:230px}.radar-art:before{width:100px;height:100px}.radar-art:after{width:58px;height:58px}.radar-art i{width:48px}.radar-head>div:last-child{padding:1.3rem 1.1rem 1.3rem 0}.recent-grid{grid-template-columns:1fr}}@media (width<=430px){.topbar h1{font-size:1.25rem}.control-row{grid-template-columns:1fr}.search-box{grid-column:auto}.house-strip{grid-template-columns:105px 1fr}.house-visual{margin-left:-12px;transform:scale(.58)}.device-row{grid-template-columns:42px 1fr}.status-pill{grid-area:auto/2;justify-self:start}.device-spec,.device-row .skill-list{grid-column:2}.flow-intro{display:block}.flow-score{text-align:left;margin-top:1.2rem}.radar-head{grid-template-columns:1fr}.radar-art{height:90px}.radar-head>div:last-child{padding:0 1.3rem 1.3rem}}