@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark light;--font-body: "Plus Jakarta Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-base: #07111d;--bg-secondary: #091727;--bg-elevated: rgba(10, 23, 39, .72);--bg-soft: rgba(255, 255, 255, .06);--panel-bg: rgba(8, 20, 35, .62);--panel-border: rgba(255, 255, 255, .12);--panel-shadow: 0 24px 90px rgba(1, 7, 16, .36);--text-strong: #f5fbff;--text-soft: #c7d8e8;--text-muted: #85a0bb;--surface-strong: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .1);--success: #6be675;--danger: #ff7a8f;--warning: #ffca78;--radius-panel: 28px;--radius-card: 24px;--radius-pill: 999px;--header-height: 88px}@media (prefers-color-scheme: light){:root{--bg-base: #eff7ff;--bg-secondary: #f6fbff;--bg-elevated: rgba(255, 255, 255, .78);--bg-soft: rgba(7, 17, 29, .04);--panel-bg: rgba(255, 255, 255, .66);--panel-border: rgba(116, 148, 180, .18);--panel-shadow: 0 24px 70px rgba(92, 132, 170, .18);--text-strong: #14273c;--text-soft: #34506d;--text-muted: #6d88a4;--surface-strong: rgba(255, 255, 255, .85);--line-soft: rgba(45, 74, 104, .08)}}body{font-family:var(--font-body);background:radial-gradient(circle at top,rgba(69,208,255,.11),transparent 30%),radial-gradient(circle at 85% 12%,rgba(107,230,117,.12),transparent 24%),linear-gradient(180deg,var(--bg-base) 0%,var(--bg-secondary) 100%);overscroll-behavior-y:contain;overflow-x:clip}.skip-link{position:absolute;left:16px;top:-48px;z-index:1000;padding:10px 14px;border-radius:999px;background:var(--text-strong);color:var(--bg-base);transition:top .2s ease}.skip-link:focus{top:16px}.app-shell{position:relative;min-height:100vh;padding:24px 24px 120px;color:var(--text-soft)}.app-shell.is-mobile{padding:16px 16px calc(140px + env(safe-area-inset-bottom))}.panel{position:relative;border:1px solid var(--panel-border);border-radius:var(--radius-panel);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),var(--panel-bg);box-shadow:var(--panel-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.ambient-blob{position:fixed;inset:auto;width:420px;height:420px;border-radius:50%;filter:blur(48px);opacity:.3;pointer-events:none;z-index:0}.ambient-blob-one{top:-100px;left:-90px;background:radial-gradient(circle,var(--theme-accent-soft),transparent 68%);animation:float-one 16s ease-in-out infinite}.ambient-blob-two{right:-120px;top:160px;background:radial-gradient(circle,var(--theme-accent-alt-soft),transparent 70%);animation:float-two 18s ease-in-out infinite}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.56),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.56),transparent);pointer-events:none;z-index:0}.floating-notice{position:fixed;top:24px;left:50%;z-index:60;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#07111dd1;border:1px solid rgba(255,255,255,.16);color:var(--text-strong);box-shadow:0 12px 40px #0208124d}.site-header,.content-shell,.studio-backdrop{position:relative;z-index:1}.site-header{position:sticky;top:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;margin:0 auto 22px;max-width:1480px}.brand-block{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-core{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.32),transparent 34%),linear-gradient(135deg,#ffffff29,#ffffff0a);box-shadow:inset 0 1px #fff3,0 18px 45px #030a163d;overflow:hidden}.brand-core:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;background:linear-gradient(180deg,#0a1727e0,#060f1aeb)}.brand-core span{position:relative;z-index:1;font-weight:800;letter-spacing:.08em;color:var(--text-strong);text-transform:lowercase}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{color:var(--text-strong);font-size:1.22rem}.brand-copy small{color:var(--text-muted);font-size:.88rem}.header-search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:0 16px;height:56px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line-soft)}.header-search span{font-weight:800;color:var(--theme-accent)}.header-search input{width:100%;min-width:0;border:none;background:transparent;color:var(--text-strong)}.header-search input::placeholder{color:#c5d7e98c}.header-actions{display:flex;align-items:center;gap:10px}.status-pill,.section-hint{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--line-soft);background:var(--bg-soft);color:var(--text-soft);white-space:nowrap}.status-pill.is-online,.live-panel.is-online{border-color:#6be67552;background:#6be6751f}.status-pill.is-connecting,.status-pill.is-reconnecting,.live-panel.is-connecting,.live-panel.is-reconnecting{border-color:#45d0ff4d;background:#45d0ff1f}.status-pill.is-error,.status-pill.is-limited,.live-panel.is-error,.live-panel.is-limited{border-color:#ff7a8f47;background:#ff7a8f1f}.signal-dot,.live-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 8px #ffffff14}.content-shell{display:grid;gap:18px;max-width:1480px;margin:0 auto}.module-card{padding:22px}.summary-module{padding:24px}.summary-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.92fr);gap:20px}.summary-copy h1{margin-top:8px;font-size:clamp(2rem,4vw,3.6rem);line-height:.98;color:var(--text-strong)}.summary-copy p{max-width:54rem;margin-top:14px;color:var(--text-soft);font-size:1rem}.status-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.status-strip span{padding:10px 14px;border-radius:999px;border:1px solid var(--line-soft);background:#ffffff0d;color:var(--text-soft);font-size:.92rem}.summary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.primary-button,.ghost-button,.icon-button,.utility-button,.mobile-nav-button,.chip-button,.scene-card,.theme-pill,.density-button,.mini-button,.room-tab,.toggle-switch{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.primary-button,.ghost-button,.icon-button,.utility-button,.density-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:18px;border:1px solid transparent;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-alt));color:#07111d;box-shadow:0 16px 40px var(--theme-accent-soft)}.ghost-button,.utility-button,.icon-button,.density-button{background:#ffffff0f;border-color:var(--line-soft);color:var(--text-strong)}.primary-button:hover,.ghost-button:hover,.icon-button:hover,.utility-button:hover,.chip-button:hover,.scene-card:hover,.theme-pill:hover,.density-button:hover,.mini-button:hover,.room-tab:hover,.mobile-nav-button:hover{transform:translateY(-1px)}.primary-button:active,.ghost-button:active,.icon-button:active,.utility-button:active,.chip-button:active,.scene-card:active,.theme-pill:active,.density-button:active,.mini-button:active,.room-tab:active,.mobile-nav-button:active{transform:translateY(0) scale(.98)}.live-panel{display:flex;gap:14px;padding:18px;border-radius:var(--radius-card);border:1px solid var(--line-soft);background:#ffffff0f}.live-panel strong{display:block;color:var(--text-strong);margin-bottom:6px}.live-panel p{margin-bottom:6px}.live-panel small{color:var(--text-muted)}.summary-side{display:grid;gap:14px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:18px;border-radius:22px;background:#ffffff0d;border:1px solid var(--line-soft)}.metric-card span{display:block;color:var(--text-muted);font-size:.88rem}.metric-card strong{display:block;margin-top:8px;color:var(--text-strong);font-size:1.38rem}.metric-card small{display:block;margin-top:8px;color:var(--text-soft)}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-heading h2{margin-top:6px;color:var(--text-strong);font-size:clamp(1.35rem,2vw,2rem)}.section-heading-side{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.section-kicker{color:var(--theme-accent);font-weight:800;font-size:.9rem;letter-spacing:.04em}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.scene-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:24px;text-align:left;color:var(--text-strong);background:#ffffff0d}.scene-card span{color:var(--text-muted);font-size:.88rem}.scene-card strong{font-size:1.05rem}.scene-card small{color:var(--text-soft)}.scene-card.is-green{background:linear-gradient(180deg,#6be6752e,#ffffff0d)}.scene-card.is-pink{background:linear-gradient(180deg,#ff81ab2e,#ffffff0d)}.scene-card.is-violet{background:linear-gradient(180deg,#9971ff2e,#ffffff0d)}.scene-card.is-cyan{background:linear-gradient(180deg,#45d0ff2e,#ffffff0d)}.featured-grid,.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.device-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;overflow:hidden}.device-card.is-featured{box-shadow:0 20px 50px #0000002e}.device-card.is-on{border-color:#ffffff38}.device-card.is-green{background:linear-gradient(180deg,rgba(107,230,117,.12),transparent 36%),var(--panel-bg)}.device-card.is-cyan{background:linear-gradient(180deg,rgba(69,208,255,.12),transparent 36%),var(--panel-bg)}.device-card.is-teal{background:linear-gradient(180deg,rgba(97,242,207,.12),transparent 36%),var(--panel-bg)}.device-card.is-pink{background:linear-gradient(180deg,rgba(255,129,171,.12),transparent 36%),var(--panel-bg)}.device-card.is-violet{background:linear-gradient(180deg,rgba(153,113,255,.12),transparent 36%),var(--panel-bg)}.device-card.is-amber{background:linear-gradient(180deg,rgba(255,184,106,.12),transparent 36%),var(--panel-bg)}.device-card-head,.device-identity,.device-card-copy,.range-head,.automation-head,.studio-header,.studio-section-head,.custom-actions,.reorder-actions,.room-tabs,.suggestion-item{display:flex;align-items:center}.device-card-head{justify-content:space-between;gap:12px}.device-identity{gap:12px;min-width:0}.device-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ffffff1a;color:var(--text-strong);font-weight:800;flex:0 0 auto}.device-title{min-width:0}.device-title strong{display:block;color:var(--text-strong);font-size:1.05rem}.device-title span,.device-vendor{color:var(--text-muted);font-size:.84rem}.toggle-switch{position:relative;width:70px;height:40px;padding:4px;border:1px solid var(--line-soft);border-radius:999px;background:#ffffff14}.toggle-switch span{display:block;width:30px;height:30px;border-radius:50%;background:var(--text-strong);transition:transform .22s ease}.toggle-switch.is-on{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-alt));border-color:transparent}.toggle-switch.is-on span{transform:translate(28px);background:#07111d}.device-card-copy{flex-direction:column;align-items:flex-start;gap:6px}.device-status{color:var(--text-strong);font-weight:700}.device-meter{color:var(--text-soft)}.control-stack{display:grid;gap:12px}.range-block{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--line-soft);background:#ffffff0d}.range-head{justify-content:space-between;gap:10px}.range-head span{color:var(--text-muted)}.range-head strong{color:var(--text-strong)}.range-slider{width:100%;accent-color:var(--theme-accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row.compact .chip-button{padding-inline:12px}.chip-button,.mini-button,.theme-pill,.room-tab,.mobile-nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:16px;border:1px solid var(--line-soft);background:#ffffff0f;color:var(--text-soft);font-weight:600}.chip-button.is-active,.mini-button.is-active,.theme-pill.is-active,.density-button.is-active,.room-tab.is-active,.mobile-nav-button.is-active,.utility-button.is-active{border-color:#ffffff29;background:linear-gradient(135deg,var(--theme-accent-soft),var(--theme-accent-alt-soft));color:var(--text-strong)}.room-tabs{flex-wrap:wrap;gap:10px;margin-bottom:16px}.room-tab{gap:10px;justify-content:space-between}.room-tab small{color:var(--text-muted)}.automation-list,.suggestion-list,.insight-grid,.theme-picker,.density-row{display:grid;gap:12px}.automation-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border-radius:22px;border:1px solid var(--line-soft);background:#ffffff0d}.timeline-node,.suggestion-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-alt));box-shadow:0 0 0 8px #ffffff0d;margin-top:6px}.automation-head{justify-content:space-between;gap:12px;margin-bottom:6px}.automation-head strong,.insight-card strong{color:var(--text-strong)}.automation-head span{color:var(--text-muted);white-space:nowrap}.insight-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:16px}.suggestion-list,.insight-grid{grid-template-columns:1fr}.suggestion-item,.insight-card{gap:12px;padding:18px;border-radius:22px;border:1px solid var(--line-soft);background:#ffffff0d}.suggestion-item{align-items:flex-start}.insight-card p{margin-top:8px}.empty-card{padding:20px;border-radius:22px;border:1px dashed rgba(255,255,255,.18);background:#ffffff08}.studio-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#02081270;z-index:50}.studio-panel{display:grid;align-content:start;gap:18px;width:min(560px,100%);height:100%;padding:22px;border-radius:32px 0 0 32px;overflow:auto}.studio-header{justify-content:space-between;gap:16px}.studio-header h2{margin-top:6px;color:var(--text-strong)}.studio-section{display:grid;gap:14px}.studio-section-head{justify-content:space-between;gap:12px;align-items:flex-start}.studio-section-head strong{color:var(--text-strong)}.studio-section-head span{color:var(--text-muted)}.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-pill{gap:10px;justify-content:flex-start}.theme-dot{width:14px;height:14px;border-radius:50%}.density-row{grid-template-columns:repeat(2,minmax(0,1fr))}.reorder-list{display:grid;gap:12px}.reorder-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border-radius:20px;border:1px solid var(--line-soft);background:#ffffff0d}.reorder-row.is-dimmed{opacity:.66}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px dashed var(--line-soft);border-radius:14px;background:transparent;color:var(--text-soft)}.reorder-copy{display:grid;gap:4px}.reorder-copy strong{color:var(--text-strong)}.reorder-copy span{color:var(--text-muted);font-size:.88rem}.reorder-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.reorder-actions.full-width{grid-column:2 / -1;justify-content:flex-start}.mini-button{min-height:38px;padding-inline:12px}.studio-input{grid-column:2 / -1;width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line-soft);border-radius:16px;background:#ffffff0d;color:var(--text-strong)}.mobile-nav{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px;z-index:30}.mobile-nav-button{flex-direction:column;gap:4px;min-height:64px;border-radius:18px}.mobile-nav-button span{font-weight:800;color:var(--text-strong)}.mobile-nav-button small{color:var(--text-muted)}.density-compact .module-card,.density-compact .summary-module{padding:18px}.density-compact .device-card{padding:16px}button:focus-visible,input:focus-visible,.studio-input:focus-visible,a:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}input[type=range]{touch-action:pan-y}@media (max-width: 1120px){.summary-hero,.insight-layout,.featured-grid,.device-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.site-header{grid-template-columns:1fr;gap:14px;top:10px;padding:14px}.brand-block,.header-actions{justify-content:space-between}.header-actions{width:100%}.header-actions .ghost-button{flex:1 1 auto}.summary-module,.module-card{padding:18px;border-radius:26px}.summary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.scene-grid,.theme-picker,.density-row{grid-template-columns:1fr}.featured-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.featured-grid .device-card{min-width:min(88vw,360px);scroll-snap-align:start}.device-grid{grid-template-columns:1fr}.section-heading,.studio-header,.studio-section-head{flex-direction:column;align-items:stretch}.section-heading-side{justify-content:flex-start}.mobile-nav{display:grid}.studio-backdrop{align-items:flex-end}.studio-panel{width:100%;max-height:88vh;border-radius:28px 28px 0 0}.reorder-row{grid-template-columns:auto minmax(0,1fr)}.reorder-actions{grid-column:2 / -1;justify-content:flex-start}}:root{--bg-base: #03131f;--bg-secondary: #061827;--bg-elevated: rgba(13, 26, 43, .54);--bg-soft: rgba(255, 255, 255, .07);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04)), rgba(9, 21, 36, .5);--panel-border: rgba(255, 255, 255, .14);--panel-shadow: 0 28px 100px rgba(2, 10, 20, .36), inset 0 1px 0 rgba(255, 255, 255, .22);--surface-strong: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .12);--radius-panel: 32px;--radius-card: 26px}@media (prefers-color-scheme: light){:root{--bg-base: #eef6ff;--bg-secondary: #f5fbff;--bg-elevated: rgba(255, 255, 255, .72);--bg-soft: rgba(255, 255, 255, .54);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .42)), rgba(255, 255, 255, .42);--panel-border: rgba(146, 170, 197, .24);--panel-shadow: 0 28px 80px rgba(96, 126, 162, .18), inset 0 1px 0 rgba(255, 255, 255, .94);--surface-strong: rgba(255, 255, 255, .74);--line-soft: rgba(86, 112, 142, .12)}}.app-shell{padding-top:18px}.panel{background:var(--panel-bg);border-color:var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)}.floating-notice{top:18px;background:linear-gradient(180deg,#ffffff38,#ffffff14);border-color:#fff3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.floating-chrome{position:sticky;top:14px;z-index:6;display:grid;gap:12px;max-width:1480px;margin:0 auto 22px}.floating-chrome>*{min-width:0}.layout-desktop .floating-chrome{grid-template-columns:minmax(0,1fr) auto;align-items:center}.layout-mobile .floating-chrome{grid-template-columns:1fr}.chrome-group,.chrome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px}.chrome-actions{justify-content:flex-end}.layout-mobile .chrome-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.layout-mobile .chrome-actions .liquid-button{width:100%}.glass-pill,.status-pill{min-height:46px;padding:0 16px;border-radius:999px;background:linear-gradient(180deg,#ffffff2e,#ffffff0d),#ffffff0a;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff38,0 10px 30px #030c161f}.glass-pill{display:inline-flex;align-items:center;color:var(--text-soft);white-space:nowrap}.content-shell{gap:22px}.content-shell>*{min-width:0}.module-card{padding:24px;overflow:hidden}.summary-module{padding:26px}.liquid-summary{display:grid;gap:16px}.liquid-summary-desktop .liquid-stage{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:22px;align-items:stretch}.liquid-stage-copy,.summary-orb-panel{display:grid;align-content:start;gap:12px}.liquid-headline,.summary-orb-panel strong{color:var(--text-strong);font-size:clamp(2rem,4vw,3.45rem);line-height:.95;letter-spacing:-.04em}.liquid-stage-copy p,.summary-orb-panel p{max-width:44rem;color:var(--text-soft);font-size:1rem}.liquid-stage-orbs,.summary-orb-grid{position:relative;overflow:hidden;min-height:260px;border-radius:34px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 72% 30%,var(--theme-accent-soft),transparent 26%),linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff38,0 26px 70px #030c162e}.summary-orb-grid{min-height:210px;padding:18px}.summary-orb,.liquid-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.84}.summary-orb.halo-one,.liquid-orb-large{width:220px;height:220px;right:-24px;top:-14px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5),transparent 28%),radial-gradient(circle at center,rgba(116,228,188,.42),rgba(86,155,255,.18) 58%,transparent 74%)}.summary-orb.halo-two,.liquid-orb-small{width:140px;height:140px;bottom:18px;left:16px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 26%),radial-gradient(circle at center,rgba(148,210,255,.34),rgba(129,244,212,.18) 58%,transparent 74%)}.liquid-lens{position:absolute;right:34px;bottom:30px;display:grid;place-items:center;width:168px;height:168px;border-radius:50%;background:linear-gradient(180deg,#ffffff47,#ffffff14),#ffffff14;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px #ffffff6b,0 18px 40px #040e1c2e;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);text-align:center}.liquid-lens span{color:var(--text-strong);font-size:2rem;font-weight:800;letter-spacing:-.04em}.liquid-lens small{color:var(--text-muted);font-size:.88rem}.liquid-strip,.liquid-actions{margin-top:0}.liquid-button{min-height:50px;border-radius:999px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.primary-button.liquid-button{box-shadow:0 18px 40px var(--theme-accent-soft),inset 0 1px #ffffff57}.ghost-button.liquid-button{background:linear-gradient(180deg,#ffffff38,#ffffff0f),#ffffff0a}.liquid-metric-grid .metric-card,.metric-card,.scene-card,.device-card,.automation-row,.suggestion-item,.insight-card,.reorder-row,.studio-panel,.mobile-nav{background:linear-gradient(180deg,#ffffff24,#ffffff0a),#ffffff0a;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff2e,0 20px 55px #040e1c1f}.scene-card,.device-card,.metric-card,.automation-row,.suggestion-item,.insight-card{backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.scene-card{min-height:164px;border-radius:28px}.device-card{border-radius:28px}.device-icon{background:linear-gradient(180deg,#ffffff3d,#ffffff14),#ffffff14}.toggle-switch{background:linear-gradient(180deg,#ffffff2e,#ffffff0f),#ffffff0a}.range-block,.chip-button,.mini-button,.theme-pill,.room-tab,.mobile-nav-button,.density-button,.utility-button,.studio-input,.drag-handle,.empty-card{backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.metric-card strong{font-size:1.52rem}.section-heading h2{letter-spacing:-.03em}.layout-desktop .desktop-shell{grid-template-columns:1fr}.layout-mobile .content-shell{gap:18px}.layout-mobile .summary-module,.layout-mobile .module-card{padding:18px}.layout-mobile .summary-orb-grid{min-height:176px}.layout-mobile .summary-orb-panel strong{font-size:clamp(1.7rem,9vw,2.35rem)}.layout-mobile .liquid-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.layout-mobile .liquid-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-mobile .mobile-nav{display:grid}.layout-desktop .mobile-nav{display:none}.mobile-nav{border-radius:28px;backdrop-filter:blur(34px) saturate(160%);-webkit-backdrop-filter:blur(34px) saturate(160%)}.mobile-nav-button{min-height:68px;border-radius:20px}@media (max-width: 1120px){.liquid-summary-desktop .liquid-stage,.insight-layout{grid-template-columns:1fr}.liquid-stage-orbs{min-height:210px}}@media (max-width: 820px){.app-shell{padding-top:14px}.floating-chrome{top:10px;margin-bottom:16px}.chrome-group,.chrome-actions{padding:10px}.liquid-summary-mobile .liquid-metric-grid,.metric-grid,.scene-grid,.theme-picker,.density-row{grid-template-columns:1fr}.layout-mobile .liquid-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.glass-pill,.status-pill{min-height:42px;padding-inline:14px;font-size:.88rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes float-one{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(36px,34px,0) scale(1.08)}}@keyframes float-two{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-24px,32px,0) scale(1.04)}}:root{color-scheme:dark light;--font-display: "SF Pro Rounded", "SF Pro Display", "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-base: #050914;--bg-glow: #081127;--panel-bg: rgba(8, 16, 36, .7);--panel-border: rgba(146, 183, 255, .18);--panel-highlight: rgba(255, 255, 255, .06);--text-strong: #eff7ff;--text-soft: #c6d6ea;--text-muted: #7e96b8;--selection: rgba(115, 246, 90, .28);font-family:var(--font-body);background:radial-gradient(circle at top,rgba(46,227,255,.08),transparent 28%),radial-gradient(circle at 85% 16%,rgba(115,246,90,.08),transparent 22%),linear-gradient(180deg,#050914,#071020 40%,#040812)}@media (prefers-color-scheme: light){:root{--bg-base: #eaf5ff;--bg-glow: #dcefff;--panel-bg: rgba(255, 255, 255, .7);--panel-border: rgba(112, 149, 219, .18);--panel-highlight: rgba(255, 255, 255, .72);--text-strong: #10213a;--text-soft: #344c69;--text-muted: #5a7394;background:radial-gradient(circle at top,rgba(46,227,255,.1),transparent 26%),radial-gradient(circle at 85% 16%,rgba(115,246,90,.08),transparent 18%),linear-gradient(180deg,#f1f8ff,#e6f0ff 38%,#eef7ff)}}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text-soft);background:transparent;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,textarea,select{font:inherit}button,input,textarea,select{outline:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,canvas,video{display:block;max-width:100%}#root{min-height:100vh}::selection{background:var(--selection);color:var(--text-strong)}