:root{--bg:#0b0f0e;--panel:#fff1;--panel-strong:#ffffff1d;--border:#ffffff1f;--text:#f5f0e8;--muted:#adb5ae;--muted-2:#7f8a84;--accent:#d8b36a;--accent-2:#8fb8a4;--danger:#e16d5b;--warning:#e2a958;--info:#75a7c9;--shadow:0 24px 90px #0000006b;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#8fb8a43d,#0000 28rem),radial-gradient(circle at 86% 6%,#d8b36a33,#0000 28rem),radial-gradient(circle at 50% 100%,#75a7c91c,#0000 32rem),linear-gradient(135deg,#080b0a 0%,#151b18 52%,#0c1110 100%);min-width:320px;min-height:100vh;margin:0}button{border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;background:#ffffff12;border-radius:999px;padding:.7rem 1rem;transition:transform .16s,border-color .16s,background .16s}button:hover{background:#d8b36a1f;border-color:#d8b36a80;transform:translateY(-1px)}::selection{background:#d8b36a52}#root{min-height:100vh}.shell{width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 64px}.hero-panel{border:1px solid var(--border);min-height:390px;box-shadow:var(--shadow);background:radial-gradient(circle at 84% 16%,#d8b36a38,#0000 18rem),linear-gradient(135deg,#ffffff1f,#ffffff09),#ffffff0a;border-radius:36px;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:24px;padding:38px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:28px;position:absolute;inset:24px}.hero-panel:after{content:"";filter:blur(14px);background:#d8b36a2e;border-radius:999px;width:460px;height:460px;position:absolute;inset:auto -160px -240px auto}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:840px;margin-bottom:24px;font-size:clamp(3rem,8vw,6.8rem);line-height:.88}.lede{max-width:760px;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-badges span,.room-stats span,.scene-row button,.section-heading button{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px}.hero-badges span{color:var(--text);padding:.62rem .86rem;font-weight:750}.mode-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0d0cbd;border:1px solid #d8b36a40;border-radius:30px;flex-direction:column;justify-content:flex-end;align-self:end;gap:8px;min-height:240px;padding:24px;display:flex}.mode-card span,.metric-grid span,.issue span,.integration-card span,.device-copy span,.device-state small,.floor-label,.mini-heading span,.automation-row span,.automation-action em{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:780}.mode-card strong{color:var(--accent);font-size:3rem;line-height:1}.mode-card small{color:var(--muted);line-height:1.5}.metric-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin:16px 0;display:grid}.metric-grid article,.issue,.integration-card,.room-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.metric-grid article{border-radius:26px;flex-direction:column;justify-content:space-between;min-height:136px;padding:20px;display:flex}.metric-grid strong{letter-spacing:-.05em;font-size:2.28rem}.metric-grid small,.integration-card p{color:var(--muted);line-height:1.45}.integration-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.integration-card{border-radius:26px;min-height:184px;padding:20px;position:relative;overflow:hidden}.integration-card:after{content:"";background:var(--card-glow);filter:blur(6px);border-radius:999px;width:140px;height:140px;position:absolute;top:-48px;right:-48px}.integration-card div{width:44px;height:44px;color:var(--accent);background:#ffffff14;border-radius:16px;place-items:center;margin-bottom:18px;font-size:1.35rem;display:grid}.integration-card strong{margin:8px 0;font-size:1.18rem;display:block}.integration-card.online{--card-glow:#8fb8a438}.integration-card.needs-work{--card-glow:#e2a9583d}.integration-card.watch{--card-glow:#75a7c938}.issue-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 36px;display:grid}.issue{border-radius:24px;grid-template-columns:88px 1fr;gap:16px;padding:18px;display:grid}.issue strong{margin-bottom:6px;display:block}.issue p{color:var(--muted);margin:0;line-height:1.5}.issue.warning{border-color:#e2a9584d}.issue.info{border-color:#75a7c940}.issue.critical{border-color:#e16d5b5c}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:32px 0 18px;display:flex}.section-heading h2{letter-spacing:-.055em;max-width:760px;margin-bottom:0;font-size:clamp(1.8rem,4vw,3.5rem);line-height:1}.room-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.room-card{--room-accent:var(--accent);--room-accent-soft:#d8b36a1c;border-radius:32px;padding:24px;position:relative;overflow:hidden}.room-card:before{content:"";background:linear-gradient(90deg, var(--room-accent), transparent);height:5px;position:absolute;inset:0 0 auto}.room-card.gold{--room-accent:#d8b36a;--room-accent-soft:#d8b36a1f}.room-card.green{--room-accent:#8fb8a4;--room-accent-soft:#8fb8a41f}.room-card.blue{--room-accent:#75a7c9;--room-accent-soft:#75a7c91f}.room-card.violet{--room-accent:#a995c7;--room-accent-soft:#a995c724}.room-card.rose{--room-accent:#d88d7d;--room-accent-soft:#d88d7d1f}.room-card.amber{--room-accent:#e2a958;--room-accent-soft:#e2a95821}.room-card.slate{--room-accent:#b7c1ba;--room-accent-soft:#b7c1ba1a}.room-card header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.room-card h3{letter-spacing:-.04em;margin-bottom:6px;font-size:1.9rem}.room-card header p{color:var(--muted);margin:0}.occupancy{border:1px solid var(--border);color:var(--muted);text-transform:capitalize;border-radius:999px;padding:.45rem .7rem}.occupancy.occupied{color:var(--accent-2);border-color:#8fb8a480}.occupancy.clear{color:#a8c6d8;border-color:#75a7c942}.room-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.room-stats span{text-align:center;padding:10px 12px}.room-stats b{color:var(--room-accent);font-size:1.05rem}.scene-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.scene-row button{padding:.5rem .78rem}.scene-row button:hover{border-color:color-mix(in srgb, var(--room-accent) 58%, white 0%);background:var(--room-accent-soft)}.device-list,.automation-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.device-row,.automation-row{background:#00000029;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:12px;padding:13px;display:grid}.device-row{grid-template-columns:44px minmax(0,1fr) auto}.device-icon,.automation-glyph{background:var(--room-accent-soft);width:42px;height:42px;color:var(--room-accent);border-radius:15px;place-items:center;font-size:1.3rem;font-weight:850;display:grid}.device-icon.aqara{color:#80d3bb;background:#80d3bb1f}.device-icon.tplink{color:#82b4e8;background:#82b4e81f}.device-icon.cync{color:#ffd36d;background:#ffd36d1f}.device-copy,.automation-row>div:nth-child(2){min-width:0}.device-copy strong,.automation-row strong{margin-bottom:4px;display:block}.device-copy span,.automation-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-copy small{color:var(--muted);margin-top:5px;display:block}.device-state,.automation-action{text-align:right}.device-state b,.automation-action b{margin-bottom:4px;display:block}.device-state .on,.device-state .motion{color:var(--accent-2)}.device-state .off,.device-state .clear,.device-state .closed{color:var(--muted)}.automation-panel{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.mini-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mini-heading strong{color:var(--room-accent)}.automation-row{background:linear-gradient(135deg, var(--room-accent-soft), #00000024);grid-template-columns:42px minmax(0,1fr) minmax(160px,.72fr)}.automation-row p{color:var(--muted);margin:7px 0 0;line-height:1.4}.automation-action em{margin-bottom:5px;font-style:normal;display:block}.automation-action b{color:var(--text);font-size:.9rem;line-height:1.35}@media (width<=1020px){.metric-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}.room-grid,.issue-strip{grid-template-columns:1fr}}@media (width<=860px){.shell{width:min(100% - 24px,1180px);padding-top:14px}.hero-panel{grid-template-columns:1fr;min-height:auto;padding:24px}.mode-card{min-height:170px}.section-heading{flex-direction:column;align-items:stretch}}@media (width<=620px){.metric-grid,.integration-grid,.room-stats,.issue,.device-row,.automation-row{grid-template-columns:1fr}.device-state,.automation-action{text-align:left}.device-copy span,.automation-row span{white-space:normal}}