@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";
:root{--bone:#f2ede3;--paper:#ede6d6;--sand:#e5dcc4;--ash:#8b857a;--ink:#15171a;--ink-2:#2a2c2e;--ink-3:#4b4c4d;--forest:#1e2e22;--sage:#6f8472;--grotesk:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}[data-theme=light]{--bg:#f4f5f3;--bg-2:#eeefec;--bg-3:#e4e6e2;--card:#fff;--line:#1216141a;--line-2:#1216140d;--tx:#141816;--tx-2:#565b57;--tx-3:#9aa09b;--acc:#1e2e22;--acc-soft:#1e2e2214;--moss:#2f4634;--on:#1f7a3d;--glow:#1f7a3d2e}[data-theme=dark]{--bg:#0e100f;--bg-2:#131614;--bg-3:#1b1f1c;--card:#161a17;--line:#ecf0ec1c;--line-2:#ecf0ec0e;--tx:#eceeea;--tx-2:#eceeeaa3;--tx-3:#eceeea61;--acc:#9fb8a4;--acc-soft:#9fb8a421;--moss:#5b8a68;--on:#6fd68b;--glow:#6fd68b29}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;font-family:var(--grotesk);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{cursor:pointer;font-family:inherit}.webapp-root{height:100vh}.auth-sso-row{gap:8px;display:flex}.auth-sso-provider,.auth-sso-button{flex:1 1 0;min-width:0;height:40px}.auth-sso-disabled{border:1px solid var(--line);background:var(--card);color:var(--tx-3);cursor:not-allowed;border-radius:10px;padding:0 9px;font-size:12px;font-weight:500}.auth-social-status,.auth-social-error,.auth-social-note{text-align:center;font-size:11.5px;line-height:1.45}.auth-social-status,.auth-social-note{color:var(--tx-3)}.auth-social-error{color:var(--tx);background:#b85c4a12;border:1px solid #b85c4a55;border-radius:10px;padding:9px 11px}.mobile-only{display:none!important}.app-nav{flex-direction:column;display:flex}.pxn-mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.seg{background:var(--bg-3);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{color:var(--tx-2);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 12px;font-size:12px;font-weight:500;transition:background .2s,color .2s}.seg button.on{background:var(--card);color:var(--tx);box-shadow:0 1px 4px #00000014}.glass-chip{background:radial-gradient(80% 60% at 60% 75%,#5a6a4a 0%,#0000 60%),linear-gradient(#c9d2b8 0%,#8a9474 50%,#2c3a28 100%);border-radius:8px;position:relative;overflow:hidden}.glass-chip .haze{background:#eeeee8eb;transition:opacity .5s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}[data-theme=dark] .glass-chip .haze{background:#d2d6cee0}.sw{background:var(--bg-3);border:1px solid var(--line);border-radius:99px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .25s;position:relative}.sw:after{content:"";background:#fff;border-radius:99px;width:20px;height:20px;transition:transform .25s cubic-bezier(.22,.61,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000040}.sw.on{background:var(--moss);border-color:var(--moss)}[data-theme=dark] .sw.on{background:var(--on);border-color:var(--on)}[data-theme=dark] .sw.on:after{box-shadow:none;background:#0e100f}.sw.on:after{transform:translate(18px)}.sw.sm{width:36px;height:22px}.sw.sm:after{width:16px;height:16px}.sw.sm.on:after{transform:translate(14px)}.ob-pulse{animation:1.6s ease-in-out infinite obPulse}@keyframes obPulse{0%,to{opacity:.4}50%{opacity:1}}.ob-pop{animation:.4s both obPop}@keyframes obPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pxn-pulse{animation:1.4s ease-in-out infinite pxnPulse}@keyframes pxnPulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:899px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-size:1rem}.webapp-root{width:100%;height:100dvh;min-height:100dvh}.desktop-only{display:none!important}.mobile-only{display:inline!important}.pxn-mono{line-height:1.4;font-size:.75rem!important}.auth-shell{flex-direction:column!important;height:auto!important;min-height:100dvh!important}.auth-brand{gap:20px;min-height:236px;flex:none!important;padding:24px!important}.auth-glass-strip{gap:6px!important}.auth-glass-strip>div{height:48px!important}.auth-brand-copy>div:first-child{max-width:20ch!important;font-size:1.65rem!important}.auth-form-panel{padding:28px 20px max(36px, env(safe-area-inset-bottom))!important;flex:1 0 auto!important;align-items:flex-start!important}.auth-form-card{margin:0 auto;max-width:32rem!important}.auth-form-card h1{font-size:1.75rem!important}.auth-form-card>p{line-height:1.55;font-size:.9375rem!important}.auth-form input,.onboarding-input,.sheet-panel input,.sheet-panel select,.sheet-panel textarea{min-width:0;min-height:48px;font-size:1rem!important}.auth-form button,.onboarding-submit{min-height:44px;font-size:.9375rem!important}.auth-sso-row{flex-wrap:wrap}.auth-sso-button{flex:8rem!important}.auth-sso-provider{min-width:130px;flex:8rem!important}.onboarding-shell{flex-direction:column!important;height:auto!important;min-height:100dvh!important}.onboarding-brand{gap:24px;min-height:230px;flex:none!important;padding:24px!important}.onboarding-brand-copy h1{font-size:2rem!important}.onboarding-brand-copy p{max-width:40rem!important;margin:12px 0 0!important;font-size:.9375rem!important}.onboarding-main{padding:28px 20px max(36px, env(safe-area-inset-bottom))!important;display:block!important}.onboarding-form{max-width:32rem;margin:0 auto}.onboarding-form h2{font-size:1.625rem!important}.onboarding-form p,.onboarding-form>div:last-child{font-size:.9375rem!important}.app-shell{width:100%;flex-direction:column!important;height:100dvh!important;min-height:0!important}.app-main{order:1;min-width:0;min-height:0}.app-sidebar{order:2;width:100%!important;padding:6px 8px max(6px, env(safe-area-inset-bottom))!important;border-top:1px solid var(--line)!important;border-right:0!important;flex:none!important}.sidebar-brand,.sidebar-search,.sidebar-hub{display:none!important}.app-nav{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:2px;width:100%;display:grid!important}.app-nav-button{white-space:normal;flex-direction:column;justify-content:center;min-width:0;min-height:44px;line-height:1.15;text-align:center!important;gap:6px!important;margin:0!important;padding:6px 4px!important;font-size:.75rem!important}.app-nav-button>span{overflow-wrap:anywhere;max-width:100%}.app-topbar{gap:8px;min-height:60px;padding:8px 12px!important}.app-topbar-title{overflow:hidden;gap:7px!important}.app-topbar-title>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem!important}.demo-badge{letter-spacing:.06em!important;min-height:28px!important;padding:4px 7px!important;font-size:.6875rem!important}.app-topbar-actions{flex:none;gap:6px!important}.mobile-search-button{display:grid!important}.mobile-search-button,.topbar-icon-button{width:44px!important;height:44px!important}.topbar-profile{display:none!important}.app-content{overscroll-behavior:contain;min-width:0;padding:18px 16px 28px!important}.app-content h1{font-size:1.5rem!important}.app-content p{font-size:.9375rem!important;line-height:1.6!important}.app-content button{min-width:44px;min-height:44px;font-size:.9375rem!important}.sw.sm{background:0 0!important;border:0!important;width:52px!important;min-width:52px!important;height:44px!important;min-height:44px!important}.sw.sm:before{content:"";border:1px solid var(--line);background:var(--bg-3);border-radius:99px;width:44px;height:26px;transition:background .25s,border-color .25s;position:absolute;top:9px;left:4px}.sw.sm.on:before{border-color:var(--moss);background:var(--moss)}[data-theme=dark] .sw.sm.on:before{border-color:var(--on);background:var(--on)}.sw.sm:after{width:20px!important;height:20px!important;top:12px!important;left:7px!important}.sw.sm.on:after{transform:translate(18px)!important}.page-head{flex-wrap:wrap;gap:12px;align-items:flex-start!important}.dashboard-head{align-items:flex-start!important}.dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid!important}.dashboard-actions>button{white-space:normal;justify-content:center}.dashboard-actions>button:last-child{grid-column:1/-1}.scene-quick-actions>button{flex:8rem;justify-content:center}.device-grid,.scene-grid,.integration-grid,.settings-grid,.energy-summary-grid{grid-template-columns:minmax(0,1fr)!important;max-width:none!important}.device-card{min-width:0;min-height:72px;padding:12px 14px!important}.device-card button>div:first-child{font-size:1rem!important}.device-card button>div:last-child{font-size:.875rem!important}.energy-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))!important}.automation-header,.energy-table-header{display:none!important}.automation-row{grid-template-areas:"time controls""scene controls""days days";gap:7px 12px;grid-template-columns:minmax(0,1fr) auto!important;padding:14px!important}.automation-time{grid-area:time}.automation-scene{grid-area:scene;justify-self:start;min-width:0!important;padding:0!important}.automation-days{flex-wrap:wrap;grid-area:days;padding-top:5px;gap:4px!important}.automation-days>span{width:28px!important;height:28px!important;font-size:.75rem!important}.automation-controls{grid-area:controls}.energy-table-row{gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:15px!important;font-size:.9375rem!important}.energy-table-row>span{min-width:0;text-align:left!important}.energy-table-row>span:before{content:attr(data-label);color:var(--tx-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:.6875rem;display:block}.energy-panel-name{grid-column:1/-1}.member-row,.settings-card-button{min-height:52px!important}.member-detail{overflow-wrap:anywhere;line-height:1.45;font-size:.8125rem!important}.sheet-backdrop{align-items:flex-end!important;padding:0!important}.sheet-panel{padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0!important;width:100%!important;max-height:92dvh!important}.modal-header,.search-header{min-height:56px;padding:10px 16px!important}.modal-close{place-items:center;width:44px;height:44px;display:grid}.modal-body{padding:18px 16px!important}.modal-footer{flex-wrap:wrap;padding:0 16px 16px!important}.modal-footer>button{min-height:48px}.sheet-panel button{min-width:44px;min-height:44px;font-size:.9375rem!important}.search-header input{width:100%}.search-close{place-items:center;width:44px;height:44px;display:grid!important}.search-results{max-height:calc(92dvh - 56px)!important}.dialog-row{min-width:0;min-height:52px;padding:8px 16px!important}.sheet-panel .seg{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));display:grid!important}.sheet-panel .seg button{white-space:normal;min-width:0}.scene-device-row{flex-wrap:wrap;align-items:center!important;padding:10px!important}.scene-choice-row{flex:1 0 100%;width:100%!important}.repeat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;display:grid!important}.repeat-grid>button{min-width:0}.automation-time-input{width:100%!important}.room-add-row{grid-template-columns:minmax(0,1fr) auto;display:grid!important}.room-device-list{padding-left:12px!important}.room-device-row{flex-wrap:wrap;min-width:0;font-size:.9375rem!important}.device-stats{overflow-wrap:anywhere;gap:8px;font-size:.75rem!important}}@media (max-width:359px){.auth-brand,.onboarding-brand{padding:20px!important}.auth-form-panel,.onboarding-main{padding-left:16px!important;padding-right:16px!important}.app-content{padding-left:12px!important;padding-right:12px!important}.app-nav-button{gap:2px!important;font-size:.6875rem!important}.demo-badge{display:none!important}.energy-stat-grid{grid-template-columns:minmax(0,1fr)!important}}