:root{--ink:#132b26;--muted:#6f7e79;--cream:#f4f0e7;--paper:#fffdf8;--green:#0d5b4d;--green-deep:#071a17;--mint:#dcebe3;--gold:#c39442;--line:rgba(19,43,38,0.11);--shadow:0 18px 48px rgba(21,47,41,0.10)}*{box-sizing:border-box}html{background:#d9ddd7}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 0,rgba(195,148,66,.11),transparent 30rem),var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button{font:inherit}button{color:inherit}button:disabled{cursor:wait;opacity:.68}.login-shell{min-height:100dvh;padding:max(2rem,env(safe-area-inset-top)) 1.1rem max(2rem,env(safe-area-inset-bottom));display:grid;place-items:center}.login-card{width:min(100%,27rem);padding:clamp(1.4rem,6vw,2.2rem);border:1px solid var(--line);border-radius:1.8rem;background:rgba(255,253,248,.92);box-shadow:var(--shadow)}.login-brand{width:4.25rem;height:4.25rem;margin-bottom:1.5rem;display:grid;place-items:center;border-radius:50%;color:#f5e6c2;background:var(--green-deep);border:1px solid rgba(195,148,66,.55);font:750 1.35rem Georgia,serif;letter-spacing:.04em}.login-card h1{font:650 clamp(1.8rem,8vw,2.4rem)/1.08 Georgia,serif}.login-intro{margin-top:.75rem;color:var(--muted);font-size:.9rem;line-height:1.55}.login-form{margin-top:1.65rem;display:grid;gap:1rem}.login-form label{display:grid;gap:.45rem;font-size:.75rem;font-weight:760}.login-form input{width:100%;min-height:3.15rem;padding:.75rem .9rem;border:1px solid rgba(19,43,38,.18);border-radius:.85rem;color:var(--ink);background:white;font:inherit;font-size:1rem;outline:none}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(13,91,77,.12)}.login-form .remember-row{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;font-weight:700}.remember-row input{width:1.1rem;min-height:1.1rem;margin:.15rem 0 0;padding:0;accent-color:var(--green);box-shadow:none}.remember-row span{display:grid;gap:.2rem}.remember-row small{color:var(--muted);font-size:.65rem;font-weight:500;line-height:1.4}.primary-button{min-height:3.2rem;border:0;border-radius:.85rem;color:white;background:var(--green);font-weight:780;cursor:pointer}.form-error{color:#9c2f27;font-size:.78rem;line-height:1.4}.login-note{margin-top:1.4rem;color:var(--muted);font-size:.68rem;text-align:center}.app-shell{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:max(1.1rem,env(safe-area-inset-top)) 1.1rem calc(7rem + env(safe-area-inset-bottom));position:relative}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-bottom:1.2rem}.avatar,.brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;font-weight:750}.brand-mark{color:#f5e6c2;background:var(--green-deep);border:1px solid rgba(195,148,66,.55);font-family:Georgia,serif;letter-spacing:.04em}.avatar{border:0;background:var(--mint);color:var(--green);cursor:pointer;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:1.08rem;line-height:1.2}h2{font:650 1.55rem/1.15 Georgia,Times New Roman,serif}h3{font-size:.94rem}.eyebrow{color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.095em;text-transform:uppercase;margin-bottom:.2rem}.eyebrow--light{color:rgba(255,255,255,.65)}.hero-card{min-height:10.5rem;padding:1.45rem;border-radius:1.65rem;color:white;background:linear-gradient(120deg,rgba(13,91,77,.98),rgba(7,26,23,.96)),var(--green-deep);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:11rem;height:11rem;right:-4.2rem;top:-5.5rem;border:1px solid rgba(255,255,255,.12);border-radius:50%}.hero-copy{margin-top:.65rem;color:rgba(255,255,255,.7);font-size:.78rem}.occupancy-orbit{width:5.6rem;height:5.6rem;flex:0 0 auto;display:grid;place-content:center;text-align:center;border-radius:50%;background:conic-gradient(var(--gold) 0 67%,rgba(255,255,255,.12) 67% 100%);position:relative;z-index:1}.occupancy-orbit:before{content:"";position:absolute;inset:.42rem;border-radius:inherit;background:var(--green-deep);z-index:-1}.occupancy-orbit strong{font-size:1.25rem}.occupancy-orbit span{font-size:.62rem;color:rgba(255,255,255,.6)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem}.metric-card{min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:1.15rem;background:rgba(255,253,248,.8)}.metric-card--accent{border-color:rgba(195,148,66,.42)}.metric-icon{color:var(--gold);font-weight:800}.metric-card strong{display:block;margin-top:.45rem;font:650 1.35rem Georgia,serif}.metric-card p{margin-top:.12rem;font-size:.72rem;font-weight:720}.metric-card small{display:block;margin-top:.2rem;color:var(--muted);font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-block{margin-top:1.75rem}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:.8rem}.text-button{border:0;background:none;color:var(--green);font-size:.72rem;font-weight:750;cursor:pointer}.apartment-list,.automation-card{overflow:hidden;border:1px solid var(--line);border-radius:1.25rem;background:rgba(255,253,248,.84)}.apartment-row,.automation-row{display:flex;align-items:center;gap:.75rem;min-height:4.35rem;padding:.75rem;border-bottom:1px solid var(--line)}.apartment-row:last-child,.automation-row:last-child{border-bottom:0}.row-copy{flex:1 1;min-width:0}.row-copy p{margin-top:.2rem;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.door{width:2.6rem;height:2.85rem;border-radius:.7rem .7rem .3rem .3rem;display:grid;place-items:center;color:white;font:700 1rem Georgia,serif;box-shadow:inset -6px 0 rgba(0,0,0,.08)}.door--1{background:#916d45}.door--2{background:#426b66}.door--3{background:#5b594b}.signal{flex:0 0 auto;padding:.35rem .55rem;border-radius:999px;font-size:.62rem;font-weight:760}.signal--good{color:#0b6a50;background:#dcefe5}.signal--warn{color:#85591b;background:#f3e7ca}.signal--quiet{color:#5e6b67;background:#eaeeeb}.status-dot{width:.65rem;height:.65rem;border-radius:50%;background:#2aa375;box-shadow:0 0 0 4px #dcefe5;margin:0 .35rem}.status-dot--2{background:var(--gold);box-shadow:0 0 0 4px #f3e7ca}.automation-state{color:var(--green);font-size:.65rem;font-weight:750}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);min-height:calc(4.7rem + env(safe-area-inset-bottom));padding:.6rem .55rem max(.55rem,env(safe-area-inset-bottom));background:rgba(255,253,248,.94);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);z-index:10}.nav-item{color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:.61rem;font-weight:700}.nav-item span{font-size:1.15rem;line-height:1}.nav-item--active{color:var(--green)}.nav-item--center span{width:2.85rem;height:2.85rem;display:grid;place-items:center;color:white;background:var(--green);border-radius:50%;font-size:1.6rem;box-shadow:0 8px 22px rgba(13,91,77,.25)}.profile-shell{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))}.profile-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;margin-bottom:1.4rem}.back-button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--green);background:rgba(255,253,248,.72);text-decoration:none;font-size:1.15rem}.profile-card{display:flex;align-items:center;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:1.35rem;background:rgba(255,253,248,.84);box-shadow:var(--shadow)}.profile-avatar{width:4rem;height:4rem;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#f5e6c2;background:var(--green-deep);border:1px solid rgba(195,148,66,.55);font:700 1.2rem Georgia,serif}.profile-identity{min-width:0}.profile-identity h2{overflow-wrap:anywhere}.profile-identity>p{margin-top:.25rem;color:var(--muted);font-size:.75rem}.role-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.current-badge,.passkey-heading span,.role-list span{padding:.28rem .48rem;border-radius:999px;color:var(--green);background:var(--mint);font-size:.6rem;font-weight:760}.profile-section-heading{margin-bottom:.35rem}.section-intro{max-width:28rem;color:var(--muted);font-size:.75rem;line-height:1.5}.empty-state{padding:1rem 1.1rem;border:1px dashed rgba(111,126,121,.45);border-radius:1rem;color:var(--muted);font-size:.78rem;line-height:1.55}.device-stack{display:grid;gap:.65rem;margin-top:.85rem}.device-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:5.3rem;padding:.85rem;border:1px solid var(--line);border-radius:1.1rem;background:rgba(255,253,248,.84)}.device-icon,.passkey-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:.8rem;color:var(--green);background:var(--mint);font-size:1.2rem;font-weight:800}.device-copy{min-width:0}.device-title{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.device-copy p,.device-copy small{display:block;margin-top:.25rem;color:var(--muted);font-size:.66rem;line-height:1.35}.device-copy small{font-size:.6rem}.revoke-button{min-height:2.2rem;padding:.4rem .6rem;border:1px solid rgba(156,47,39,.18);border-radius:.7rem;color:#8d3029;background:#fff7f4;font-size:.64rem;font-weight:760;cursor:pointer}.device-error,.device-message{margin-top:.85rem;padding:1rem;border-radius:1rem;font-size:.72rem}.device-message{color:var(--muted);background:rgba(255,253,248,.7)}.device-error{color:#8d3029;background:#fff1ec}.passkey-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:1rem;border:1px solid rgba(195,148,66,.3);border-radius:1.2rem;background:rgba(246,235,210,.48)}.passkey-icon{color:#85591b;background:#f3e7ca}.passkey-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.passkey-heading h2{font-size:1.05rem}.passkey-heading span{flex:0 0 auto;color:#85591b;background:#f3e7ca}.passkey-card p{margin-top:.45rem;color:var(--muted);font-size:.71rem;line-height:1.5}.account-actions{padding-top:.2rem;border-top:1px solid var(--line)}.logout-action{width:100%;min-height:3.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(156,47,39,.18);border-radius:.9rem;color:#8d3029;background:rgba(255,247,244,.72);font-size:.76rem;font-weight:760;cursor:pointer}.modules-shell{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))}.module-intro{padding:1.35rem;border-radius:1.4rem;color:white;background:linear-gradient(120deg,var(--green),var(--green-deep));box-shadow:var(--shadow)}.module-intro h2{font-size:1.75rem}.module-intro>p:last-child{margin-top:.55rem;color:rgba(255,255,255,.68);font-size:.75rem}.module-section-heading{margin-bottom:.8rem}.module-section-heading .eyebrow{max-width:18rem}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.module-card{min-width:0;min-height:10rem;padding:.85rem;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:1.15rem;color:var(--ink);background:rgba(255,253,248,.84);text-decoration:none}.module-card--link{border-color:rgba(13,91,77,.25);cursor:pointer}.module-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.75rem;color:var(--green);background:var(--mint);font:760 1.05rem Georgia,serif}.module-copy{margin-top:.7rem}.module-copy p{margin-top:.25rem;color:var(--muted);font-size:.66rem;line-height:1.4}.module-state{margin-top:auto;padding-top:.65rem;color:var(--muted);font-size:.58rem;font-weight:760}.module-state--ready{color:var(--green)}@media (hover:hover){.module-card--link:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(21,47,41,.08)}}.automations-shell{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))}.automation-safety{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:1.2rem;border-radius:1.35rem;color:white;background:linear-gradient(120deg,var(--green),var(--green-deep));box-shadow:var(--shadow)}.safety-lock{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#f5e6c2;background:rgba(255,255,255,.08);font-weight:800}.automation-safety h2{font-size:1.3rem}.automation-safety>div:last-child>p:last-child{margin-top:.4rem;color:rgba(255,255,255,.68);font-size:.7rem;line-height:1.45}.runner-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-top:.75rem;padding:.95rem;border:1px solid rgba(195,148,66,.32);border-radius:1.1rem;background:rgba(246,235,210,.48)}.runner-status{width:.75rem;height:.75rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f3e7ca}.runner-card h2{font-size:1.05rem}.runner-card div>p:last-child{margin-top:.2rem;color:var(--muted);font-size:.66rem;line-height:1.4}.runner-card>span{color:#85591b;font-size:.6rem;font-weight:780}.automation-heading{margin-bottom:.35rem}.automation-heading>span{color:var(--green);font-size:.65rem;font-weight:760}.automation-inventory{display:grid;gap:.65rem;margin-top:.85rem}.automation-item{padding:.95rem;border:1px solid var(--line);border-radius:1.1rem;background:rgba(255,253,248,.84)}.automation-item--priority{border-color:rgba(13,91,77,.32);box-shadow:inset 3px 0 var(--green)}.automation-item-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.automation-category{color:var(--muted);font-size:.58rem;font-weight:780;letter-spacing:.075em;text-transform:uppercase}.automation-item>p{margin-top:.3rem;color:var(--muted);font-size:.69rem;line-height:1.45}.risk-badge{padding:.28rem .48rem;border-radius:999px;font-size:.57rem;font-weight:780}.risk-badge--read_only{color:var(--green);background:var(--mint)}.risk-badge--local_write{color:#85591b;background:#f3e7ca}.risk-badge--external_effect{color:#8d3029;background:#fff1ec}.automation-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.automation-meta span{padding:.3rem .5rem;border-radius:.5rem;color:var(--green);background:rgba(220,235,227,.66);font-size:.58rem;font-weight:720}.automation-item details{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--line);color:var(--muted);font-size:.62rem}.automation-item summary{cursor:pointer}.automation-item code{display:block;margin-top:.4rem;overflow-wrap:anywhere;color:var(--ink);font-size:.58rem}@media (min-width:760px){body{padding:2rem 0}.app-shell{min-height:calc(100dvh - 4rem);border-radius:2rem;background:var(--cream);box-shadow:0 30px 80px rgba(16,37,32,.16)}.bottom-nav{bottom:2rem;border-radius:0 0 2rem 2rem}}@media (max-width:360px){.app-shell{padding-inline:.75rem}.quick-grid{gap:.4rem}.metric-card{padding:.65rem}.hero-card{padding:1.1rem}.occupancy-orbit{width:4.9rem;height:4.9rem}.device-card{grid-template-columns:auto minmax(0,1fr)}.revoke-button{grid-column:2;justify-self:start}.passkey-heading{align-items:start;flex-direction:column}.module-grid{grid-template-columns:1fr}.module-card{min-height:8.5rem}.runner-card{grid-template-columns:auto minmax(0,1fr)}.runner-card>span{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}