:root{--font-sans:"Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "IBM Plex Mono", monospace;--paper:#eef2f0;--surface:#fbfcfc;--ink:#141c19;--muted:#5a6862;--line:#cfd8d3;--accent:#014c9a;--accent-soft:#d6e5f4;--danger:#b42318;--success:#176b3a;--warning:#8a5a32}*{box-sizing:border-box}html{background:var(--paper);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-root{background:var(--paper);min-height:100dvh}.app-frame{flex-direction:column;width:min(100%,36rem);min-height:100dvh;margin:0 auto;display:flex}.home-select-frame{flex-direction:column;width:min(100%,38rem);display:flex}.platform-frame{flex-direction:column;width:min(100%,72rem);display:flex}.home-select-frame .topbar-inner,.home-select-main{width:min(100%,38rem)}.platform-frame .topbar-inner,.platform-main{width:min(100%,72rem)}.home-select-main,.platform-main{margin-inline:auto}.app-main{flex:1;padding:1.25rem 1rem 7rem}.topbar{z-index:20;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,36rem);margin:0 auto;padding:.75rem 1rem;display:flex}.topbar-actions{align-items:center;display:flex}.brand-link,.brand-lockup{letter-spacing:0;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--accent);width:2.25rem;height:2.25rem;color:var(--surface);border-radius:.5rem;place-items:center;font-weight:800;display:inline-grid}.brand-mark-image,.topbar-brand-mark{object-fit:contain;width:2.25rem;height:2.25rem}.brand-lockup-image{object-fit:contain;object-position:center;width:auto;max-width:100%;height:3rem}.icon-button{width:2.75rem;height:2.75rem;color:var(--muted);background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.icon-button.danger-icon{color:var(--danger)}.icon-button.danger-icon:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.create-button{background:var(--accent);width:2.75rem;height:2.75rem;color:var(--surface);border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.bottom-nav{inset-inline:0;z-index:20;border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;bottom:0}.bottom-nav-grid{width:min(100%,36rem);padding:.25rem .25rem max(.35rem, env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid}.bottom-nav a{min-height:3.5rem;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-size:.6875rem;font-weight:800;display:flex}.bottom-nav .nav-icon{border-radius:.5rem;place-items:center;width:2rem;height:2rem;display:grid}.bottom-nav a[aria-current=page]{color:var(--accent)}.bottom-nav a[aria-current=page] .nav-icon{background:var(--accent-soft)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.page-header>div:first-child{min-width:min(100%,16rem)}.page-title{letter-spacing:0;margin:0;font-size:1.75rem;font-weight:800;line-height:1.15}.page-description{max-width:34ch;color:var(--muted);margin:.375rem 0 0;font-size:.875rem;line-height:1.55}.room-detail-header{margin-bottom:1.25rem}.room-detail-title-block{min-width:0}.room-detail-title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.room-detail-title-row .page-title{overflow-wrap:anywhere;min-width:0}.room-detail-title-row .row-actions{padding-top:.125rem}.gateway-detail-header{margin-bottom:1.25rem}.gateway-detail-title-block{min-width:0}.gateway-detail-title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.gateway-detail-title-row .page-title{overflow-wrap:anywhere;min-width:0}.gateway-detail-title-row .row-actions{padding-top:.125rem}.detail-badge-row{margin-top:.5rem}.section{margin-top:1.75rem}.first-section{margin-top:0}.section-heading{color:var(--muted);letter-spacing:0;margin:0 0 .5rem;font-size:.8125rem;font-weight:800}.card,.list-card{border:1px solid var(--line);background:var(--surface);border-radius:.5rem}.card{padding:1rem}.list-card{overflow:hidden}.list-card>*+*{border-top:1px solid var(--line)}.list-row{border-top:1px solid var(--line);min-height:4rem;padding:.875rem 1rem;display:block}.list-row:first-child{border-top:0}.row-title{font-weight:800;display:block}.row-meta{color:var(--muted);margin-top:.125rem;font-size:.875rem;display:block}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.back-link{min-height:2.75rem;color:var(--muted);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.875rem;font-weight:800;display:inline-flex}.list-link{align-items:flex-start;gap:.75rem;min-height:4rem;padding:.875rem 1rem;display:flex}.list-link:hover{background:var(--accent-soft)}.list-link.static:hover{background:0 0}.list-link-body{flex:1;min-width:0}.list-link-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.375rem;font-size:.875rem;display:flex}.list-link-chevron{color:var(--muted);flex:none;margin-top:.125rem}.detail-list{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;overflow:hidden}.detail-item{border-top:1px solid var(--line);padding:.875rem 1rem}.detail-item:first-child{border-top:0}.detail-item p{color:var(--muted);margin:0;font-size:.75rem;font-weight:800}.detail-item div{overflow-wrap:anywhere;margin-top:.125rem;font-weight:700}.detail-edit-row{border:0;border-top:1px solid var(--line);width:100%;min-height:4.25rem;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.detail-edit-row:first-child{border-top:0}.detail-edit-row:hover{background:var(--accent-soft)}.detail-edit-row.standalone{border:1px solid var(--line);border-radius:.5rem}.detail-edit-row:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:-3px}.detail-edit-row>span{gap:.125rem;min-width:0;display:grid}.detail-edit-row svg{color:var(--muted);flex:none}.detail-edit-label{color:var(--muted);font-size:.75rem;font-weight:800}.detail-edit-value{overflow-wrap:anywhere;font-weight:700}.detail-helper{color:var(--muted);margin-top:.125rem;font-size:.8125rem;font-weight:600;line-height:1.35;display:block}.detail-action-row{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.detail-action-row>span{overflow-wrap:anywhere;min-width:0}.row-actions{flex:none;align-items:center;gap:.125rem;display:flex}.danger-section .section-heading{color:var(--danger)}.card-heading-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.card-heading-row>:first-child{min-width:0}.grid{gap:.75rem;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-hint{color:var(--muted);margin-top:.25rem;font-size:.8125rem;font-weight:600;line-height:1.35}.metric{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;min-height:5rem;padding:.875rem 1rem}.status-summary{margin-bottom:1.75rem}.metric strong{font-size:1.5rem;line-height:1.1;display:block}.metric span{color:var(--muted);font-size:.8125rem;font-weight:700}.badge{background:var(--accent-soft);min-height:1.75rem;color:var(--accent);border-radius:.5rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge.neutral{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.badge.success{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.badge.warning{background:color-mix(in srgb, var(--warning) 13%, transparent);color:var(--warning)}.badge.danger{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.button,.button-secondary,.button-danger{border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .875rem;font-size:.875rem;font-weight:800;display:inline-flex}.button{background:var(--accent);color:var(--surface)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button-danger{border-color:color-mix(in srgb, var(--danger) 25%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.compact-action{white-space:nowrap;min-height:2.25rem}.field{color:var(--ink);font-size:.875rem;font-weight:800;display:block}.input,.select,.textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:3rem;color:var(--ink);border-radius:.5rem;outline:none;margin-top:.375rem;padding:.625rem .75rem}.textarea{resize:vertical;min-height:6rem}.form-grid{gap:.875rem;display:grid}.compact-card{padding:.875rem}.empty-state{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:.5rem;padding:2rem 1rem}.empty-state.compact{padding:1.25rem 1rem}.empty-state p{max-width:36ch;color:var(--muted);margin:.25rem auto 0;font-size:.875rem}.muted{color:var(--muted)}.inline-copy{margin:0;font-size:.875rem}.empty-home-onboarding .page-header{margin-bottom:1.125rem}.empty-home-onboarding .page-description{margin-top:.25rem;line-height:1.45}.empty-home-onboarding .section{margin-top:1.25rem}.empty-home-onboarding .section-heading{margin-bottom:.5rem;font-size:.875rem}.setup-steps{gap:.625rem;display:grid}.setup-step{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem 1rem;display:grid}.setup-step h3{margin:0;font-size:1rem;line-height:1.25}.setup-step p{color:var(--muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.45}.empty-home-onboarding .compact-action{min-height:2.75rem;padding-inline:.875rem}.mono{font-family:var(--font-mono)}.provisioning-code{overflow-wrap:anywhere;word-break:break-word;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, var(--surface));-webkit-user-select:all;user-select:all;white-space:normal;border-radius:.5rem;max-width:100%;margin:0;padding:.75rem;font-size:.875rem;font-weight:800;line-height:1.5}.expiry-copy{gap:.125rem;display:grid}.expiry-copy p{margin:0;font-size:.875rem;font-weight:800}.expiry-copy span{color:var(--muted);font-size:.8125rem}.expiry-copy.expired p{color:var(--danger)}.device-control{gap:.5rem;margin-top:.75rem;display:grid}.device-card{min-width:0}.control-row{background:color-mix(in srgb, var(--paper) 70%, var(--surface));border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:3rem;padding:.5rem .625rem;display:flex}.control-row>div{min-width:0}.control-row form{flex:none}.switch-button{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-width:4.25rem;min-height:2.25rem;font-size:.8125rem;font-weight:800}.switch-button.on{border-color:var(--accent);background:var(--accent);color:var(--surface)}.tab-row{scroll-snap-type:x proximity;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.chip{scroll-snap-align:start;min-height:2.75rem;color:var(--muted);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:.5rem;flex:none;padding:.75rem .875rem;font-size:.875rem;font-weight:800}.chip.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.home-card,.room-card{display:block}.home-card-summary{color:var(--muted);gap:.25rem;margin-top:.875rem;font-size:.875rem;font-weight:700;display:grid}.room-card-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.room-card{padding:.875rem}.login-shell{min-height:100dvh;padding:3rem 1rem max(2.5rem, env(safe-area-inset-bottom));align-items:flex-end;display:flex}.login-panel{width:min(100%,24rem);margin:0 auto}.login-brand{justify-content:center;margin-bottom:2rem;display:flex}.login-brand-image{object-fit:contain;object-position:center;width:auto;max-width:min(16rem,100%);height:7rem}.alert{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem}.modal-root{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay{background:color-mix(in srgb, var(--ink) 45%, transparent);position:absolute;inset:0}.modal-panel{z-index:1;border:1px solid var(--line);background:var(--surface);border-radius:1rem 1rem 0 0;flex-direction:column;width:100%;max-width:28rem;max-height:min(85dvh,36rem);padding:1.25rem;display:flex;position:relative}.modal-header{flex:none;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.modal-header h2{margin:0;font-size:1.125rem;line-height:1.2}.modal-header p{color:var(--muted);margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.modal-body{flex:1;min-height:0;overflow-y:auto}.modal-footer{flex:none;margin-top:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.gateway-connection{gap:.75rem;display:grid}.connection-alert{border:1px solid color-mix(in srgb, var(--warning) 25%, var(--line));background:color-mix(in srgb, var(--warning) 8%, var(--surface));border-radius:.5rem;padding:.875rem 1rem}.connection-alert p{color:var(--muted);margin:.25rem 0 .75rem;font-size:.875rem}.admin-table-card{padding:0;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:52rem}.admin-table th,.admin-table td{text-align:left;vertical-align:top;padding:.75rem}.admin-table tbody tr{border-top:1px solid var(--line)}.admin-table td:first-child,.admin-table td:last-child{min-width:14rem}.skeleton{background:linear-gradient(90deg, var(--line), var(--surface), var(--line));background-size:200% 100%;border-radius:.35rem;min-height:1rem;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:52rem){.platform-frame{width:min(100%,72rem);display:flex}.home-select-frame{width:min(100%,38rem);display:flex}.platform-frame .topbar-inner{width:min(100%,72rem)}.home-select-frame .topbar-inner{width:min(100%,38rem)}.grid.desktop-three,.room-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{align-items:center}.modal-root{align-items:center;padding:1.5rem}.modal-panel{border-radius:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}