:root{color-scheme:dark light;--bone: 44 24% 95%;--sand: 38 22% 87%;--linen: 36 16% 78%;--taupe: 32 12% 62%;--clay: 28 10% 46%;--stone: 26 9% 32%;--umber: 24 10% 18%;--ink: 26 14% 8%;--accent: 26 42% 62%;--positive: 152 30% 55%;--caution: 34 70% 60%;--alert: 8 62% 58%;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font: ui-rounded, -apple-system, BlinkMacSystemFont, "SF Pro Rounded", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--font-num: ui-rounded, -apple-system, "SF Pro Rounded", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur: .26s;--dur-slow: .52s;--blur: 28px;--blur-heavy: 44px}:root,:root[data-theme=dark]{--page: hsl(26 14% 9%);--text: hsl(var(--bone));--text-dim: hsl(var(--linen) / .62);--text-faint: hsl(var(--linen) / .38);--glass-tint: 255 255 255;--glass-fill-a: .13;--glass-fill-b: .05;--glass-edge-top: .3;--glass-edge-side: .09;--glass-edge-bottom: .05;--glass-shadow: 0 18px 48px -18px rgb(0 0 0 / .75), 0 4px 12px -4px rgb(0 0 0 / .5);--raised-fill-a: .16;--raised-fill-b: .07;--hairline: hsl(var(--bone) / .1);--scrim: hsl(var(--ink) / .62);--track-off: rgb(255 255 255 / .1);--ambient-wash: hsl(32 30% 26% / .9);--ambient-1: hsl(30 44% 42% / .8);--ambient-2: hsl(12 38% 34% / .78);--ambient-3: hsl(44 38% 48% / .5);--ambient-4: hsl(198 24% 32% / .55)}:root[data-theme=light]{--page: hsl(40 28% 93%);--text: hsl(26 18% 12%);--text-dim: hsl(26 10% 32% / .78);--text-faint: hsl(26 10% 32% / .5);--glass-tint: 255 255 255;--glass-fill-a: .66;--glass-fill-b: .4;--glass-edge-top: .9;--glass-edge-side: .5;--glass-edge-bottom: .28;--glass-shadow: 0 18px 44px -20px hsl(26 20% 30% / .35), 0 3px 10px -4px hsl(26 20% 30% / .22);--raised-fill-a: .82;--raised-fill-b: .6;--hairline: hsl(26 14% 20% / .1);--scrim: hsl(40 28% 93% / .7);--track-off: hsl(26 12% 40% / .18);--ambient-wash: hsl(38 46% 88% / .9);--ambient-1: hsl(32 58% 74% / .7);--ambient-2: hsl(18 46% 78% / .65);--ambient-3: hsl(48 52% 80% / .7);--ambient-4: hsl(196 32% 78% / .6)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--page: hsl(40 28% 93%);--text: hsl(26 18% 12%);--text-dim: hsl(26 10% 32% / .78);--text-faint: hsl(26 10% 32% / .5);--glass-fill-a: .66;--glass-fill-b: .4;--glass-edge-top: .9;--glass-edge-side: .5;--glass-edge-bottom: .28;--glass-shadow: 0 18px 44px -20px hsl(26 20% 30% / .35), 0 3px 10px -4px hsl(26 20% 30% / .22);--raised-fill-a: .82;--raised-fill-b: .6;--hairline: hsl(26 14% 20% / .1);--scrim: hsl(40 28% 93% / .7);--track-off: hsl(26 12% 40% / .18);--ambient-wash: hsl(38 46% 88% / .9);--ambient-1: hsl(32 58% 74% / .7);--ambient-2: hsl(18 46% 78% / .65);--ambient-3: hsl(48 52% 80% / .7);--ambient-4: hsl(196 32% 78% / .6)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;background-attachment:fixed}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:620;letter-spacing:-.022em}:focus-visible{outline:2px solid hsl(var(--accent) / .85);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:hsl(var(--accent) / .3)}.app{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.app-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,var(--ambient-wash),transparent 70%),var(--page)}.ambient:before,.ambient:after{content:"";position:absolute;inset:-12%;background-repeat:no-repeat;filter:blur(36px);will-change:transform}.ambient:before{background-image:radial-gradient(40% 30% at 20% 18%,var(--ambient-1),transparent 72%),radial-gradient(46% 32% at 84% 12%,var(--ambient-3),transparent 74%),radial-gradient(38% 26% at 58% 44%,var(--ambient-1),transparent 76%);animation:drift-a 46s var(--ease-out) infinite alternate}.ambient:after{background-image:radial-gradient(48% 34% at 74% 78%,var(--ambient-2),transparent 72%),radial-gradient(42% 30% at 14% 66%,var(--ambient-4),transparent 74%),radial-gradient(34% 24% at 44% 96%,var(--ambient-3),transparent 76%);animation:drift-b 58s var(--ease-out) infinite alternate}.ambient .grain{position:absolute;inset:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.06)}to{transform:translate3d(-3%,-3%,0) scale(1)}}@media(prefers-reduced-motion:reduce){.ambient:before,.ambient:after{animation:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.glass{position:relative;border-radius:var(--radius-lg);background:linear-gradient(158deg,rgb(var(--glass-tint) / var(--glass-fill-a)),rgb(var(--glass-tint) / var(--glass-fill-b)) 46%,rgb(var(--glass-tint) / calc(var(--glass-fill-b) + .02)));backdrop-filter:blur(var(--blur)) saturate(185%);-webkit-backdrop-filter:blur(var(--blur)) saturate(185%);box-shadow:inset 0 1px rgb(var(--glass-tint) / var(--glass-edge-top)),inset 1px 0 rgb(var(--glass-tint) / var(--glass-edge-side)),inset -1px 0 rgb(var(--glass-tint) / var(--glass-edge-side)),inset 0 -1px rgb(var(--glass-tint) / var(--glass-edge-bottom)),var(--glass-shadow)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgb(var(--glass-tint) / .22) 0%,rgb(var(--glass-tint) / .04) 22%,transparent 46%);opacity:.9}.glass-raised{background:linear-gradient(158deg,rgb(var(--glass-tint) / var(--raised-fill-a)),rgb(var(--glass-tint) / var(--raised-fill-b)))}.glass-flat:before{display:none}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spacer{flex:1}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.eyebrow{font-size:11px;font-weight:640;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.shell{width:min(560px,100%);margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-4) calc(env(safe-area-inset-bottom) + 108px)}.shell-wide{width:min(1080px,100%)}.panel{padding:var(--space-4)}.panel-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:13px;font-weight:640;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.toggle{position:relative;flex:0 0 auto;width:52px;height:31px;border-radius:var(--radius-pill);background:var(--track-off);box-shadow:inset 0 1px 2px #00000047,inset 0 0 0 1px rgb(var(--glass-tint) / .08);transition:background var(--dur) var(--ease-out)}.toggle[data-on=true]{background:linear-gradient(180deg,hsl(var(--accent) / .95),hsl(var(--accent) / .72));box-shadow:inset 0 1px #fff6,0 2px 10px -2px hsl(var(--accent) / .55)}.toggle:after{content:"";position:absolute;top:2.5px;left:2.5px;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#fff,#efebe7);box-shadow:0 2px 6px #00000059,0 0 0 .5px #0000000f;transition:transform var(--dur) var(--ease-spring)}.toggle[data-on=true]:after{transform:translate(21px)}.toggle[data-busy=true]{opacity:.6}.toggle:disabled{opacity:.4}.slider{position:relative;display:block;width:100%;height:46px;border-radius:var(--radius-sm);overflow:hidden;background:rgb(var(--glass-tint) / .07);box-shadow:inset 0 1px 2px #00000040,inset 0 0 0 1px rgb(var(--glass-tint) / .08);touch-action:none;cursor:ew-resize}.slider-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,hsl(var(--accent) / .85),hsl(var(--accent) / .55));box-shadow:inset 0 1px #ffffff52;transition:width var(--dur-fast) linear}.slider-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);font-size:13px;font-weight:560;color:var(--text);mix-blend-mode:normal;pointer-events:none}.slider-label .val{font-variant-numeric:tabular-nums;color:var(--text-dim)}.segmented{display:flex;gap:2px;padding:3px;border-radius:var(--radius-sm);background:rgb(var(--glass-tint) / .07);box-shadow:inset 0 1px 2px #0003}.segmented button{flex:1;padding:7px 8px;border-radius:11px;font-size:13px;font-weight:560;color:var(--text-dim);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.segmented button[aria-pressed=true]{color:var(--text);background:rgb(var(--glass-tint) / .16);box-shadow:inset 0 1px rgb(var(--glass-tint) / .28),0 1px 3px #00000047}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:560;color:var(--text);background:rgb(var(--glass-tint) / .1);box-shadow:inset 0 1px rgb(var(--glass-tint) / .2),inset 0 0 0 1px rgb(var(--glass-tint) / .07);transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast)}.chip:active{transform:scale(.95)}.chip[data-active=true]{background:hsl(var(--accent) / .28);box-shadow:inset 0 1px rgb(var(--glass-tint) / .3),inset 0 0 0 1px hsl(var(--accent) / .4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--text);background:rgb(var(--glass-tint) / .12);box-shadow:inset 0 1px rgb(var(--glass-tint) / .24),inset 0 0 0 1px rgb(var(--glass-tint) / .08),0 4px 14px -6px #00000080;transition:transform var(--dur-fast) var(--ease-spring),opacity var(--dur-fast)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:linear-gradient(180deg,hsl(var(--accent) / .9),hsl(var(--accent) / .66));color:#281d15;box-shadow:inset 0 1px #ffffff6b,0 6px 20px -8px hsl(var(--accent) / .7)}.btn-alert{background:linear-gradient(180deg,hsl(var(--alert) / .9),hsl(var(--alert) / .68));color:#2b1612;box-shadow:inset 0 1px #ffffff5c,0 6px 20px -8px hsl(var(--alert) / .6)}.btn-block{width:100%}.btn-ghost{background:transparent;box-shadow:none;color:var(--text-dim);padding:10px 14px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);color:var(--text);background:rgb(var(--glass-tint) / .1);box-shadow:inset 0 1px rgb(var(--glass-tint) / .22),inset 0 0 0 1px rgb(var(--glass-tint) / .07);transition:transform var(--dur-fast) var(--ease-spring)}.icon-btn:active{transform:scale(.92)}.field{display:block;width:100%;padding:13px 15px;border-radius:var(--radius-md);border:none;color:var(--text);background:rgb(var(--glass-tint) / .08);box-shadow:inset 0 1px 2px #00000038,inset 0 0 0 1px rgb(var(--glass-tint) / .08);font-size:16px}select.field{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a89c8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:15px}select.field option{color:#16130f;background:#f2ede4}.field::placeholder{color:var(--text-faint)}.field-label{display:block;margin-bottom:6px;font-size:12px;font-weight:620;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 92px);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:var(--radius-md);font-size:14px;animation:toast-in var(--dur) var(--ease-spring)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:640;letter-spacing:.04em;text-transform:uppercase;background:rgb(var(--glass-tint) / .1);color:var(--text-dim);box-shadow:inset 0 0 0 1px rgb(var(--glass-tint) / .08)}.badge[data-tone=positive]{background:hsl(var(--positive) / .2);color:hsl(var(--positive) / 1)}.badge[data-tone=caution]{background:hsl(var(--caution) / .2);color:hsl(var(--caution) / 1)}.badge[data-tone=alert]{background:hsl(var(--alert) / .22);color:hsl(var(--alert) / 1)}.divider{height:1px;background:var(--hairline);margin:var(--space-3) 0}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.dot[data-tone=positive]{background:hsl(var(--positive));box-shadow:0 0 8px hsl(var(--positive) / .7)}.dot[data-tone=alert]{background:hsl(var(--alert));box-shadow:0 0 8px hsl(var(--alert) / .7)}.dot[data-tone=caution]{background:hsl(var(--caution));box-shadow:0 0 8px hsl(var(--caution) / .7)}.skeleton{background:linear-gradient(90deg,rgb(var(--glass-tint) / .06),rgb(var(--glass-tint) / .13),rgb(var(--glass-tint) / .06));background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.ctrl{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) 0}.ctrl+.ctrl{border-top:1px solid var(--hairline)}.ctrl-head{display:flex;align-items:center;gap:var(--space-3);min-height:34px}.ctrl-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;color:var(--text-dim);background:rgb(var(--glass-tint) / .08);box-shadow:inset 0 1px rgb(var(--glass-tint) / .14);transition:color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.ctrl-icon[data-on=true]{color:#e2c98d;background:#d8b56433;box-shadow:inset 0 1px rgb(var(--glass-tint) / .24),0 0 18px -4px #e0b6528c}.ctrl-text{display:flex;flex-direction:column;min-width:0;flex:1}.ctrl-name{font-size:15px;font-weight:560;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrl-sub{font-size:12.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrl-body{display:flex;flex-direction:column;gap:var(--space-2);padding-left:48px}.ctrl[data-unavailable=true]{opacity:.45}.climate-readout{display:flex;align-items:baseline;gap:var(--space-2)}.climate-now{font-size:30px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.climate-target{font-size:13px;color:var(--text-dim)}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper button{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-pill);color:var(--text);background:rgb(var(--glass-tint) / .11);box-shadow:inset 0 1px rgb(var(--glass-tint) / .22),inset 0 0 0 1px rgb(var(--glass-tint) / .07);font-size:20px;font-weight:500;transition:transform var(--dur-fast) var(--ease-spring)}.stepper button:active{transform:scale(.9)}.stepper-value{min-width:78px;text-align:center;font-size:22px;font-weight:620;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sensor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-2)}.sensor-tile{padding:var(--space-3);border-radius:var(--radius-md);background:rgb(var(--glass-tint) / .06);box-shadow:inset 0 1px rgb(var(--glass-tint) / .12)}.sensor-tile .k{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-faint);margin-bottom:3px}.sensor-tile .v{font-size:19px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.camera-tile{margin:0;position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:#00000059;box-shadow:inset 0 0 0 1px rgb(var(--glass-tint) / .1)}.camera-tile img{width:100%;height:100%;object-fit:cover;display:block}.camera-hit{position:absolute;inset:0;cursor:pointer}.camera-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;font-size:12px;color:var(--text-faint)}.live-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:hsl(var(--alert));vertical-align:middle;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.25}}.camera-tile figcaption{position:absolute;left:8px;bottom:7px;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;color:#fff;background:#00000073;backdrop-filter:blur(8px)}.media-art{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;flex:0 0 auto;background:rgb(var(--glass-tint) / .08);color:var(--text-faint)}.media-art img{width:100%;height:100%;object-fit:cover}.transport{display:flex;align-items:center;gap:var(--space-2)}.panel-note{display:flex;align-items:flex-start;gap:7px;margin:0 0 var(--space-3);padding:9px 11px;border-radius:var(--radius-sm);font-size:12.5px;line-height:1.45;color:var(--text-dim);background:rgb(var(--glass-tint) / .06);box-shadow:inset 0 1px rgb(var(--glass-tint) / .1)}.panel-note svg{flex:0 0 auto;margin-top:2px;opacity:.7}.group-list{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border-radius:var(--radius-md);background:rgb(var(--glass-tint) / .05);box-shadow:inset 0 0 0 1px rgb(var(--glass-tint) / .07)}.group-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);text-align:left;font-size:14px;color:var(--text-dim);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.group-row[data-on=true]{color:var(--text);background:hsl(var(--accent) / .2)}.group-row:disabled{opacity:.45}.group-row .tick{display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;border-radius:50%;color:transparent;background:rgb(var(--glass-tint) / .12)}.group-row[data-on=true] .tick{background:hsl(var(--accent) / .9);color:#2b1d12}.group-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-viewer{position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px);animation:viewer-in var(--dur) var(--ease-out)}@keyframes viewer-in{0%{opacity:0}}.camera-viewer-scrim{position:absolute;inset:0;background:#080604c7;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);cursor:zoom-out}.camera-viewer-inner{position:relative;width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;gap:var(--space-2);animation:viewer-rise var(--dur) var(--ease-spring)}@keyframes viewer-rise{0%{transform:scale(.96)}}.camera-viewer-inner header{display:flex;align-items:center;gap:9px;color:#fff}.camera-viewer-inner h2{font-size:16px;font-weight:620;letter-spacing:-.015em}.camera-viewer-inner header .icon-btn{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff29}.camera-viewer-inner img{width:100%;min-height:0;object-fit:contain;border-radius:var(--radius-md);background:#000;box-shadow:0 24px 70px -20px #000c}.wifi-rows{display:flex;flex-direction:column;gap:var(--space-2)}.wifi-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 12px;border-radius:var(--radius-md);background:rgb(var(--glass-tint) / .06);box-shadow:inset 0 1px rgb(var(--glass-tint) / .1)}.wifi-row .k{grid-column:1 / -1;font-size:11px;font-weight:640;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.wifi-row .actions{display:flex;gap:6px}.wifi-row .v{min-width:0;font-size:16px;font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wifi-row .v.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em}.wifi-qr{margin-top:var(--space-1)}.wifi-qr summary{display:flex;align-items:center;gap:7px;padding:10px 2px;font-size:13.5px;color:var(--text-dim);cursor:pointer;list-style:none}.wifi-qr summary::-webkit-details-marker{display:none}.wifi-qr .qr{width:min(220px,62%);margin:var(--space-2) auto;padding:12px;border-radius:var(--radius-md);background:#fff}.wifi-qr .qr svg{display:block;width:100%;height:auto}.wifi-qr p{font-size:12.5px;color:var(--text-faint);text-align:center}.wifi-note{margin-top:var(--space-1);font-size:12.5px;color:var(--text-faint);line-height:1.5}.wifi-note strong{color:var(--text-dim);font-weight:620}.appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-3);padding:calc(env(safe-area-inset-top) + 10px) var(--space-4) 10px;background:var(--scrim);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 1px 0 var(--hairline)}.appbar h1{font-size:17px;letter-spacing:-.015em}.appbar .sub{font-size:12px;color:var(--text-faint)}.greeting{padding:var(--space-5) 0 var(--space-5)}.greeting h2{font-size:clamp(28px,8vw,36px);font-weight:640;letter-spacing:-.035em;line-height:1.08}.greeting p{margin-top:var(--space-2);color:var(--text-dim);font-size:14.5px}.hero-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}.hero{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.hero-top{display:flex;align-items:flex-start;gap:var(--space-3)}.hero-glyph{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;flex:0 0 auto;background:rgb(var(--glass-tint) / .1);box-shadow:inset 0 1px rgb(var(--glass-tint) / .2);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.hero-glyph[data-tone=positive]{color:hsl(var(--positive));background:hsl(var(--positive) / .16);box-shadow:inset 0 1px rgb(var(--glass-tint) / .2),0 0 22px -6px hsl(var(--positive) / .6)}.hero-glyph[data-tone=alert]{color:hsl(var(--alert));background:hsl(var(--alert) / .18);box-shadow:inset 0 1px rgb(var(--glass-tint) / .2),0 0 26px -4px hsl(var(--alert) / .7)}.hero-glyph[data-tone=caution]{color:hsl(var(--caution));background:hsl(var(--caution) / .18);box-shadow:inset 0 1px rgb(var(--glass-tint) / .2),0 0 22px -6px hsl(var(--caution) / .6)}.hero-title{font-size:20px;font-weight:620;letter-spacing:-.02em}.hero-sub{font-size:13.5px;color:var(--text-dim);margin-top:2px}.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.hero-actions .btn{flex:1 1 auto;min-width:110px}.holdbtn{position:relative;overflow:hidden;isolation:isolate}.holdbtn .fill{position:absolute;inset:0 auto 0 0;z-index:-1;background:hsl(var(--accent) / .55);transition:width 60ms linear}.floor-label{margin:var(--space-6) 0 var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.floor-label:after{content:"";flex:1;height:1px;background:var(--hairline)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.room-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);text-align:left;min-height:118px;transition:transform var(--dur-fast) var(--ease-spring)}.room-card:active{transform:scale(.985)}.room-card .stretched:after{content:"";position:absolute;inset:0;border-radius:inherit}.room-card .card-action{position:relative;z-index:1}.light-row{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2);font-size:14.5px;font-weight:540}.light-row+.light-row{border-top:1px solid var(--hairline);padding-top:var(--space-3)}.room-card .top{display:flex;align-items:center;justify-content:space-between}.room-card .glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:var(--text-dim);background:rgb(var(--glass-tint) / .09);box-shadow:inset 0 1px rgb(var(--glass-tint) / .16)}.room-card[data-lit=true] .glyph{color:#e6cd94;background:#d8b5642e;box-shadow:inset 0 1px rgb(var(--glass-tint) / .22),0 0 20px -6px #e0b65299}.room-card .name{font-size:15.5px;font-weight:580;letter-spacing:-.012em}.room-card .meta{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-faint);margin-top:2px}.room-card .meta svg{margin-left:auto;flex:0 0 auto}.codepad{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5)}.codepad-inner{width:min(420px,100%);padding:var(--space-6) var(--space-5);text-align:center}.codepad h1{font-size:30px;letter-spacing:-.035em;margin-bottom:var(--space-2)}.codepad p{color:var(--text-dim);font-size:14.5px;margin-bottom:var(--space-6)}.code-input{width:100%;padding:18px 16px;border-radius:var(--radius-md);border:none;text-align:center;font-size:26px;font-weight:620;letter-spacing:.22em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--text);background:rgb(var(--glass-tint) / .08);box-shadow:inset 0 1px 3px #0000004d,inset 0 0 0 1px rgb(var(--glass-tint) / .09)}.code-input::placeholder{color:var(--text-faint);letter-spacing:.2em}.code-error{margin-top:var(--space-3);font-size:13.5px;color:hsl(var(--alert))}.shake{animation:shake .38s var(--ease-out)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.tabbar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:50;display:flex;gap:4px;padding:5px;border-radius:var(--radius-pill)}.tabbar a{display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:580;color:var(--text-dim);transition:color var(--dur-fast),background var(--dur-fast)}.tabbar a[aria-current=page]{color:var(--text);background:rgb(var(--glass-tint) / .16);box-shadow:inset 0 1px rgb(var(--glass-tint) / .26),0 2px 8px -3px #0006}.tabbar a span{display:none}@media(min-width:380px){.tabbar a span{display:inline}}.zone-label{margin:var(--space-5) 0 var(--space-2);font-size:12px;font-weight:640;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.steps{counter-reset:step;display:flex;flex-direction:column;gap:var(--space-4)}.step{display:flex;gap:var(--space-4);align-items:flex-start}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:680;color:var(--text);background:rgb(var(--glass-tint) / .12);box-shadow:inset 0 1px rgb(var(--glass-tint) / .24)}.step .body{padding-top:3px;font-size:14.5px;color:var(--text-dim);line-height:1.5}.step .body strong{color:var(--text);font-weight:600}.inline-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;vertical-align:-6px;margin:0 2px;background:rgb(var(--glass-tint) / .12);box-shadow:inset 0 1px rgb(var(--glass-tint) / .2)}.empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-faint);font-size:14.5px}.conn-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:var(--space-3);border-radius:var(--radius-md);font-size:13px;color:var(--text-dim)}.info-para{font-size:14.5px;line-height:1.55;color:var(--text-dim)}.info-para+.info-para,.info-para+.info-list,.info-list+.info-para{margin-top:var(--space-3)}.info-list{margin:0;padding-left:18px;font-size:14.5px;line-height:1.55;color:var(--text-dim)}.info-list li+li{margin-top:5px}.contacts{display:flex;flex-direction:column;gap:var(--space-2)}.contact{display:flex;align-items:center;gap:var(--space-3);padding:11px 13px;border-radius:var(--radius-md);background:rgb(var(--glass-tint) / .08);box-shadow:inset 0 1px rgb(var(--glass-tint) / .16);transition:transform var(--dur-fast) var(--ease-spring)}.contact:active{transform:scale(.98)}.contact .glyph{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;color:hsl(var(--accent));background:hsl(var(--accent) / .18)}.contact .who{display:flex;flex-direction:column;min-width:0;flex:1}.contact .nm{font-size:15px;font-weight:580}.contact .rl{font-size:12.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact .num{font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap}@media(max-width:400px){.tabbar a{padding:10px 12px}}:root[data-surface=admin]{--admin-bg: hsl(30 8% 11%);--card: hsl(30 7% 15%);--card-2: hsl(30 7% 19%);--line: hsl(36 8% 26%);--line-soft: hsl(36 8% 21%);--text: hsl(40 16% 92%);--text-dim: hsl(38 8% 70%);--text-faint: hsl(36 7% 55%);--hairline: var(--line-soft);--track-off: hsl(30 6% 28%)}:root[data-surface=admin] body{background:var(--admin-bg);color:var(--text)}.admin-root{min-height:100dvh;background:var(--admin-bg)}:root[data-theme=light] :root[data-surface=admin]{--admin-bg: hsl(40 20% 96%);--card: hsl(0 0% 100%);--card-2: hsl(40 18% 97%);--line: hsl(36 12% 84%);--line-soft: hsl(36 12% 89%);--text: hsl(30 14% 13%);--text-dim: hsl(30 8% 38%);--text-faint: hsl(30 7% 52%);--hairline: var(--line-soft);--track-off: hsl(30 8% 80%)}@media(prefers-color-scheme:light){:root[data-surface=admin]:not([data-theme=dark]){--admin-bg: hsl(40 20% 96%);--card: hsl(0 0% 100%);--card-2: hsl(40 18% 97%);--line: hsl(36 12% 84%);--line-soft: hsl(36 12% 89%);--text: hsl(30 14% 13%);--text-dim: hsl(30 8% 38%);--text-faint: hsl(30 7% 52%);--hairline: var(--line-soft);--track-off: hsl(30 8% 80%)}}.admin-root .glass{border-radius:12px;background:var(--card);border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.admin-root .glass:before{display:none}.admin-root .btn,.admin-root .icon-btn,.admin-root .chip,.admin-root .field,.admin-root .segmented{border-radius:9px;background:var(--card-2);border:1px solid var(--line);box-shadow:none}.admin-root .icon-btn,.admin-root .chip{border-radius:var(--radius-pill)}.admin-root .field{background:var(--card-2);font-size:14.5px;padding:10px 12px}.admin-root .btn:active,.admin-root .icon-btn:active,.admin-root .chip:active{transform:none;background:var(--line-soft)}.admin-root .btn-primary{background:#a96e42;border-color:#936039;color:#f9f6f1}.admin-root .btn-primary:active{background:#936039}.admin-root .toggle{box-shadow:none;border:1px solid var(--line)}.admin-root .panel{padding:var(--space-4) var(--space-5)}.admin-root .panel-title{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--text-dim)}.admin-root .pill-check{border-radius:7px;background:var(--card-2);border:1px solid var(--line);box-shadow:none}.admin-root .pill-check[data-on=true]{background:#96654038;border-color:#b87847;color:var(--text)}.admin-root .pill-check[data-on=true] .tick{background:#b37342;color:#f9f6f1}.admin-root .pill-check .tick{background:var(--line)}.admin-root .empty{color:var(--text-faint)}.admin-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) 0 var(--space-5)}.admin-head h1{font-size:26px;letter-spacing:-.03em}.invite-list{display:flex;flex-direction:column;gap:var(--space-3)}.invite-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:left;width:100%;transition:transform var(--dur-fast) var(--ease-spring)}.invite-row:active{transform:scale(.99)}.invite-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:17px;font-weight:620;letter-spacing:.06em;padding:8px 12px;border-radius:var(--radius-sm);background:rgb(var(--glass-tint) / .1);box-shadow:inset 0 1px rgb(var(--glass-tint) / .18);white-space:nowrap}.invite-meta{display:flex;flex-direction:column;flex:1;min-width:0}.invite-meta .who{font-size:16px;font-weight:600;letter-spacing:-.01em}.invite-meta .when{font-size:12.5px;color:var(--text-faint);margin-top:2px}.grant-room{padding:var(--space-3) 0}.grant-room+.grant-room{border-top:1px solid var(--hairline)}.grant-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.grant-head .nm{font-size:15px;font-weight:580;flex:1}.grant-groups{display:flex;flex-wrap:wrap;gap:6px;padding-left:0}.pill-check{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:560;color:var(--text-dim);background:rgb(var(--glass-tint) / .07);box-shadow:inset 0 0 0 1px rgb(var(--glass-tint) / .07);transition:all var(--dur-fast) var(--ease-out);cursor:pointer;user-select:none}.pill-check[data-on=true]{color:var(--text);background:hsl(var(--accent) / .26);box-shadow:inset 0 0 0 1px hsl(var(--accent) / .45)}.pill-check input{position:absolute;opacity:0;pointer-events:none}.pill-check .tick{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:rgb(var(--glass-tint) / .14);color:transparent}.pill-check[data-on=true] .tick{background:hsl(var(--accent) / .9);color:#2b1d12}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:460px){.two-col{grid-template-columns:1fr}}.audit-table{display:flex;flex-direction:column;font-size:13px}.audit-row{display:grid;grid-template-columns:118px 1fr auto;gap:var(--space-3);padding:9px 0;align-items:baseline;border-top:1px solid var(--hairline)}.audit-row:first-child{border-top:none}.audit-row .t{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.audit-row .d{min-width:0;overflow-wrap:anywhere;color:var(--text-dim)}.audit-row[data-denied=true] .d{color:hsl(var(--alert))}.code-display{text-align:center;padding:var(--space-5)}.code-display .big{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(30px,10vw,44px);font-weight:680;letter-spacing:.1em;margin:var(--space-3) 0}.editor-hint{margin:0 0 var(--space-3);font-size:12.5px;line-height:1.5;color:var(--text-faint)}.editor-hint strong{color:var(--text-dim);font-weight:620}.contact-edit{padding:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-2)}.contact-edit+.contact-edit{border-top:1px solid var(--line-soft)}.section-edit+.section-edit{border-top:1px solid var(--line-soft)}.section-head{display:flex;align-items:center;gap:var(--space-2);padding:8px 0}.section-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;font-size:15px;font-weight:560;color:var(--text)}.section-body{padding:0 0 var(--space-4) 46px}.section-body textarea{resize:vertical;line-height:1.5;font-family:inherit}@media(max-width:520px){.section-body{padding-left:0}}