.loc-picker{margin:1rem 0}.loc-picker .mode-group{margin:.4rem 0}.loc-map{border:1px solid var(--border);background:var(--surface-2,#7f7f7f14);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;max-width:100%;margin-top:.5rem;position:relative;overflow:hidden}.loc-map:active{cursor:grabbing}.loc-map img{pointer-events:none;display:block;position:absolute}.loc-crosshair{color:var(--err,#c0392b);text-shadow:0 0 3px #fff,0 0 6px #fff;pointer-events:none;font-size:1.6rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loc-zoom{flex-direction:column;gap:.25rem;display:flex;position:absolute;top:.4rem;right:.4rem}.loc-zoom button{width:2rem;height:2rem;padding:0;font-size:1.1rem;line-height:1}.loc-attrib{margin-top:.25rem;font-size:.72rem;display:block}.loc-coords{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.loc-coords label{flex-direction:column;flex:8rem;gap:.2rem;font-size:.85rem;display:flex}.loc-coords input{box-sizing:border-box;width:100%}.hw-panel h4{margin:.9rem 0 .35rem;font-size:.9rem}.hw-ident{align-items:center;gap:.7rem;display:flex}.hw-photo{border:1px solid var(--border,#7f7f7f40);background:var(--surface-2,#7f7f7f0f);border-radius:8px;flex:none;place-items:center;width:3.2rem;height:3.2rem;font-size:1.6rem;display:grid}.hw-ident-text{min-width:0}.hw-ident-text a{margin-top:.15rem;display:inline-block}.hw-periphs,.hw-pins,.hw-intents{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.hw-periphs li,.hw-pins li,.hw-intents li{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;font-size:.9rem;display:flex}.hw-chip{border:1px solid var(--border,#7f7f7f4d);opacity:.85;border-radius:999px;flex:none;padding:.05rem .4rem;font-size:.72rem}.hw-gpio{opacity:.8;flex:none;min-width:5.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.hw-name{overflow-wrap:anywhere;font-weight:600}.hw-quirk{color:var(--warn,#b8860b);overflow-wrap:anywhere;flex:none;font-size:.72rem}.hw-intents label{align-items:center;gap:.35rem;font-weight:600;display:flex}.hw-led{flex-direction:column;gap:.3rem;margin:.3rem 0 .4rem;padding:0;list-style:none;display:flex}.hw-led li{align-items:baseline;gap:.6rem;display:flex}.hw-led-dots{font-family:var(--mono,monospace);letter-spacing:.12em;opacity:.85;flex:0 0 3.4rem;font-size:.85rem}.disp-layout{flex-wrap:wrap;gap:1rem;margin:.6rem 0;display:flex}.disp-rows{flex:16rem;min-width:0}.disp-preview{border:2px solid var(--border);background:#000;border-radius:6px;flex-direction:column;margin:.25rem 0;display:flex;overflow:hidden}.disp-preview-slot{color:#fff;text-align:center;border-bottom:1px solid #ffffff2e;justify-content:center;align-items:center;min-height:0;padding:0 .2rem;font-size:.7rem;display:flex;overflow:hidden}.disp-preview-slot:last-child{border-bottom:none}.disp-preview-slot span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.disp-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.5rem 0;display:flex}.disp-row:last-of-type{border-bottom:none}.disp-row label{flex-direction:column;flex:8rem;gap:.2rem;min-width:0;display:flex}.disp-row select,.disp-row input{box-sizing:border-box;width:100%}.disp-row-actions{align-items:center;gap:.3rem;display:flex}.disp-row-actions button{padding:.2rem .5rem}.disp-rotation{flex-direction:column;gap:.2rem;max-width:12rem;margin-top:.6rem;display:flex}.disp-quarters{align-items:center;gap:.4rem;margin:-.2rem 0 .2rem;display:flex}.disp-quarters input{margin:0}.disp-page-of{font-family:var(--mono,monospace);opacity:.6;margin-top:.2rem;font-size:.7rem}.disp-preview-slot{flex-direction:column;justify-content:center;align-items:center;display:flex}.bd-editor{border-top:1px dashed var(--border);flex:100%;margin-top:.4rem;padding-top:.6rem}.bd-editor h3,.bd-editor h4{margin:.2rem 0;font-size:.95rem}.bd-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.bd-preview{border:1px solid var(--border);background:#000;border-radius:4px;flex:none;overflow:hidden}.bd-empty{justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.bd-chip{color:#fff;white-space:nowrap;touch-action:none;background:#0000008c;border:1px solid #ffffff80;border-radius:3px;padding:.1rem .35rem;font-size:.65rem}.bd-chip:active{cursor:grabbing}.bd-controls{flex-direction:column;flex:14rem;gap:.5rem;min-width:0;display:flex}.bd-controls label{flex-direction:column;gap:.2rem;display:flex}.bd-file input[type=file]{display:none}.bd-file span{border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.3rem .6rem;display:inline-block}.bd-fields{flex-direction:column;gap:.4rem;margin:.3rem 0;padding:0;list-style:none;display:flex}.bd-fields li{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.bd-fields label{flex-direction:column;flex:7rem;gap:.2rem;min-width:0;display:flex}.bd-fields select{box-sizing:border-box;width:100%}.bd-check{align-items:center;flex-direction:row!important;gap:.3rem!important}.bd-check input{margin:0}:root{--bg:#f4f6fb;--panel:#fff;--text:#1a2436;--muted:#5b6b85;--klipsk:#12c3a6;--blixt:#ffd23f;--accent:#0a7362;--accent-btn:#0a7362;--font-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:"Familjen Grotesk", var(--font-body);--font-mono:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--border:#dbe2ee;--surface:#1423460d;--surface-2:#14234607;--ok:#1f8a4c;--ok-solid:#1f8a4c;--ok-border:#1f8a4c66;--err:#c8342f;--err-border:#c8342f66;--warn:#a6710a;--warn-border:#a6710a66;--banner-bg:#fdf0d3;--banner-fg:#7a5a12;--on:#37b26b;--off:#e0645f;--shadow:#141e322e;--accent-soft:#12c3a61f;--accent-soft-2:#12c3a633;--price-sat:65%;--price-light:82%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a1322;--panel:#0e1b33;--text:#e8eef7;--muted:#93a4bd;--accent:#12c3a6;--accent-btn:#0a7362;--border:#24344f;--surface:#ffffff0f;--surface-2:#ffffff05;--ok:#6ee7a8;--ok-solid:#2f8f5b;--ok-border:#6ee7a873;--err:#ff8080;--err-border:#6b2a2a;--warn:#ffcf6e;--warn-border:#6b5a2a;--banner-bg:#4a3a12;--banner-fg:#ffd27a;--on:#6ee7a8;--off:#ff8080;--shadow:#00000059;--accent-soft:#12c3a624;--accent-soft-2:#12c3a63d;--price-sat:55%;--price-light:22%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-head)}code,pre,kbd,samp,.mono{font-family:var(--font-mono)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;border:1px solid var(--border);background:var(--accent-btn);color:#fff;cursor:pointer;border-radius:8px;padding:.5rem .9rem}button:disabled{opacity:.6;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;width:100%;padding:.55rem .7rem}textarea{resize:vertical}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:.6rem 1rem;padding-top:max(.6rem, env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:.5rem;font-weight:800;display:inline-flex}.brand span{white-space:nowrap}.brand-lockup{letter-spacing:.01em;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:1.6rem;font-weight:800;display:flex}.nav{flex:1;gap:.25rem;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:.4rem .7rem}.nav a.active{color:var(--text);background:var(--bg)}.user{align-items:center;gap:.6rem;margin-left:auto;display:flex}.user-link{color:var(--muted);align-items:center;gap:.4rem;display:inline-flex}.user-icon{font-size:1.1rem}.user button{color:var(--muted);background:0 0}.theme-toggle{border:1px solid var(--border);color:var(--text);background:0 0;padding:.3rem .5rem;font-size:1.05rem;line-height:1}.theme-toggle:hover{background:var(--surface)}.topbar-icon{border-radius:8px;justify-content:center;align-items:center;padding:.25rem .35rem;font-size:1.15rem;line-height:1;text-decoration:none;display:inline-flex;position:relative}.topbar-icon:hover{background:var(--surface);text-decoration:none}.topbar-icon.active{background:var(--surface)}.topbar-badge{border:1.5px solid var(--panel);margin:0;position:absolute;top:-1px;right:-1px}.content{box-sizing:border-box;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:1.25rem}.bottom-nav{display:none}.bottom-link{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:.68rem;text-decoration:none;display:flex}.bottom-link .bn-icon{font-size:1.3rem;line-height:1}.bottom-link.active{color:var(--accent)}@media (width<=640px){.nav-desktop,.user-email{display:none}.content{padding:1rem;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.bottom-nav{background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:480px;min-height:100dvh;margin:0 auto;padding:2rem 1.25rem;display:flex}.landing-hero{flex-direction:column;align-items:center;gap:.4rem;display:flex}.landing-hero h1{margin:.5rem 0 0;font-size:2.1rem}.landing-tagline{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.4}.landing-install{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;padding:1.25rem}.landing-install p{margin:0 0 .75rem}.landing-steps{text-align:left;color:var(--muted);margin:.5rem 0 0;padding-left:1.2rem;line-height:1.7}.tariff-preview{border-left:3px solid var(--accent,#e6b800);background:color-mix(in srgb, currentColor 5%, transparent);border-radius:0 6px 6px 0;margin-top:.75rem;padding:.6rem .75rem}.tariff-preview p{margin:0}.tariff-preview ul{margin:.35rem 0;padding-left:1.1rem}.tariff-preview li{font-variant-numeric:tabular-nums;margin-bottom:.15rem}.tariff-preview strong{font-size:1.05em}.acc-switch{position:relative}.acc-trigger{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.8rem;display:inline-flex}.acc-who{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.acc-menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:15rem;max-width:min(22rem,90vw);padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 8px 24px #0000002e}.acc-head{margin:.2rem .5rem .35rem;font-size:.75rem}.acc-item{cursor:pointer;text-align:left;width:100%;color:var(--fg);background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .5rem;font-size:.85rem;display:flex}.acc-item:hover{background:var(--border)}.acc-item.active{font-weight:600}.acc-mail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acc-add{border-top:1px solid var(--border);color:var(--muted);border-radius:0 0 7px 7px;margin-top:.3rem}.landing-points{text-align:left;color:var(--muted);max-width:34rem;margin:.25rem 0 .5rem;padding-left:1.1rem;line-height:1.6}.landing-points li{margin-bottom:.5rem}.landing-closed{margin:0}.landing-signin{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.cta{border-radius:12px;width:100%;padding:.85rem 1rem;font-size:1.05rem;font-weight:700}.cta-secondary{color:var(--accent);border:1px solid var(--border);background:0 0}.view h1{margin-top:0}.view h2{margin-top:2rem}.stub{color:var(--muted)}.success{color:var(--ok);margin:0}.stacked-form{flex-direction:column;gap:1rem;max-width:360px;margin-top:1rem;display:flex}.stacked-form label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.profile-info{grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:1rem 0 0;display:grid}.profile-info dt{color:var(--muted)}.profile-info dd{margin:0}.view h1 small{color:var(--muted);font-size:.7em;font-weight:400}.price-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0 1.25rem;display:grid}.summary-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.25rem;padding:.75rem .9rem;display:flex}.summary-card span{color:var(--muted);font-size:.85rem}.price-now-card .price-now-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.price-now-card span{color:var(--text);opacity:.85}.cheapest-card{border-color:var(--ok-border)}.cheapest-card .cheapest-best{color:var(--ok);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.table-scroll{border:1px solid var(--border);border-radius:10px;max-height:65vh;overflow:auto}.price-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.price-table th,.price-table td{text-align:right;white-space:nowrap;padding:.35rem .75rem}.price-table th:first-child,.price-table td:first-child{text-align:left}.price-table thead th{background:var(--panel);border-bottom:1px solid var(--border);z-index:1;position:sticky;top:0}.price-table tbody tr:nth-child(odd) td:first-child{background:var(--surface-2)}.price-table tr.current{outline:2px solid var(--accent);outline-offset:-2px}.price-table tr.current td:first-child{color:var(--text);font-weight:700}.opt-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.opt-table th,.opt-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:.4rem .75rem}.opt-table th:first-child,.opt-table td:first-child,.opt-table th:last-child,.opt-table td:last-child{text-align:left}.opt-table thead th{background:var(--panel);z-index:1;position:sticky;top:0}.mode-group{gap:.25rem;display:inline-flex}.mode-group label{border:1px solid var(--border);cursor:pointer;width:2rem;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:.2rem 0;display:inline-flex}.mode-group label.sel{background:var(--accent-btn);color:#fff;border-color:#0000}.mode-group input{opacity:0;width:0;height:0;position:absolute}.save-bar{align-items:center;gap:1rem;margin-top:1rem;display:flex}.dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.4rem;display:inline-block}.dot.on{background:var(--on)}.dot.off{background:var(--muted)}.offline-banner{background:var(--banner-bg);color:var(--banner-fg);text-align:center;padding:.4rem 1rem;font-size:.85rem}.app-footer{text-align:center;color:var(--muted);padding:1.5rem 1rem;font-size:.75rem}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;max-width:360px;margin:10vh auto;padding:2rem}.auth-card form{flex-direction:column;gap:1rem;margin:1.25rem 0;display:flex}.auth-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.error{color:var(--err);margin:0}.install-prompt{background:var(--panel);border:1px solid var(--border);max-width:520px;box-shadow:0 8px 30px var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;padding:.9rem 1rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem}.install-body{flex-direction:column;flex:1;gap:.15rem;font-size:.9rem;display:flex}.install-body span{color:var(--muted)}.install-actions{gap:.5rem;display:flex}.install-actions .ghost{color:var(--muted);background:0 0}.update-prompt{left:1rem;right:1rem;top:calc(env(safe-area-inset-top) + 3.25rem);background:var(--accent-btn);color:#fff;max-width:480px;box-shadow:0 8px 30px var(--shadow);z-index:30;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1rem;display:flex;position:fixed}.update-actions{gap:.5rem;display:flex}.update-prompt button{background:#ffffff26;border-color:#0000}.update-prompt .ghost{background:0 0}.crash-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:2rem;display:flex}.mono{font-family:var(--font-mono);font-size:.85em}.status-offline{color:var(--err);white-space:nowrap;background:#e24b4a24;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:.8rem;font-weight:500;display:inline-flex}.status-offline .dot.off{background:var(--err)}.status-ago{opacity:.85}.msg-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.msg-link{color:var(--accent);font-weight:500;text-decoration:none}.msg-link:hover{text-decoration:underline}.opt-table tr.row-click,.opt-table tr.row-selected{cursor:pointer}.opt-table tr.row-click:hover td{background:var(--accent-soft)}.opt-table tr.row-selected td{background:var(--accent-soft-2)}.badge-ota{color:var(--warn);border:1px solid var(--warn-border);white-space:nowrap;border-radius:6px;margin-left:.5rem;padding:.05rem .35rem;font-size:.7em}.dev-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-top:1.25rem;padding:1rem 1.25rem 1.25rem}.dev-panel-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dev-panel-head h2{margin:.25rem 0}.dev-panel-head .ghost{color:var(--muted);background:0 0;padding:.25rem .6rem}.dev-health{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem 1.25rem;margin:.75rem 0 1.25rem;display:grid}.dev-health div{flex-direction:column;gap:.15rem;display:flex}.dev-health dt{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.dev-health dd{margin:0}.dev-form{flex-direction:column;gap:1rem;display:flex}.dev-form>label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.dev-form input,.dev-form select{max-width:460px}.dev-ota{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;margin:0;padding:.75rem 1rem 1rem;display:flex}.dev-ota legend{color:var(--muted);padding:0 .4rem;font-size:.8rem}.dev-ota label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.ota-status{color:var(--muted);margin:0;font-size:.9rem}.ota-status.pending{color:var(--warn)}.hint{color:var(--muted);font-size:.78rem}.dev-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}button.primary{background:var(--accent-btn)}button.danger{color:var(--err);border-color:var(--err-border);background:0 0}.dev-actions .ok{color:var(--ok);font-size:.9rem}.dev-relays{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;margin-top:1rem;padding:.75rem 1rem 1rem;display:flex}.dev-relays legend{color:var(--muted);padding:0 .4rem;font-size:.8rem}.relay-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.relay-index{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.relay-index input{width:5rem}.dev-relays .ok{color:var(--ok);margin:0;font-size:.9rem}.relay-label{align-items:center;gap:.45rem;min-width:130px;display:inline-flex}.relay-state{color:var(--muted);font-size:.78rem;font-style:normal}.facility-devices{margin-top:2rem}.facility-devices h2{margin-bottom:.4rem;font-size:1.1rem}.facility-devices h2 small{color:var(--muted);font-weight:400}.facility-devices .dev-panel{margin-top:1rem}.facility-devices h3{margin:0;font-size:1rem}.dev-online{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.acct-switch{max-width:22rem;color:var(--muted);flex-direction:column;gap:.3rem;margin-bottom:.8rem;font-size:.9rem;display:flex}.acct-head{margin:.2rem 0 .8rem}.row-actions{text-align:right;white-space:nowrap}.invite-link{margin-top:.6rem}.invite-link input{width:100%;font-family:var(--font-mono);font-size:.8rem}.group-card{border:1px solid var(--border);border-radius:8px;margin-top:.6rem;padding:.6rem .75rem}.group-head{align-items:center;gap:.5rem;display:flex}.group-head button{margin-left:auto}.group-members{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.82rem;display:inline-flex}.chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.staff-cards{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.staff-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.staff-card.accent{border-color:var(--ok-solid)}.staff-card-value{font-size:1.7rem;font-weight:700;line-height:1}.staff-card-label{color:var(--muted);font-size:.82rem}.staff-tabs{gap:.5rem;margin-bottom:.8rem;display:flex}.claim-code{letter-spacing:.05em;margin-top:.2rem;font-size:.95rem;font-weight:700}.add-device{margin-bottom:.8rem}.add-device summary{color:var(--muted);cursor:pointer;font-size:.9rem}.add-device .relay-row{margin-top:.5rem}.setup-progress{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.setup-progress li{color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.setup-progress li .dot{background:var(--border);border-radius:50%;width:.6rem;height:.6rem}.setup-progress li.active{color:var(--text);font-weight:600}.setup-progress li.active .dot{background:var(--accent)}.setup-progress li.done .dot{background:var(--ok-solid)}.setup-progress li:not(:last-child):after{content:"›";color:var(--muted);margin-left:.4rem}.setup-card{border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem}.setup-card p{margin:0 0 .7rem}.setup-list{margin:0 0 .6rem;padding-left:1.2rem}.setup-list li{margin:.4rem 0}.door-pin{letter-spacing:.15em;width:7rem}.keypad{max-width:280px}.keypad-dots{justify-content:center;align-items:center;gap:.55rem;min-height:2.1rem;margin-bottom:.7rem;display:flex}.keypad-dot{background:currentColor;border-radius:50%;width:.72rem;height:.72rem}.keypad-placeholder{color:var(--muted);font-size:.9rem}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.keypad-key{border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;padding:1rem 0;font-size:1.3rem;font-weight:600;transition:transform 50ms,background .1s}.keypad-key:active{transform:scale(.94)}.keypad-key:disabled{opacity:.45;cursor:default}.keypad-key.open{background:var(--ok-solid);border-color:var(--ok-solid);color:#fff;font-size:1rem}.keypad-key.ghost{color:var(--muted);font-size:1.15rem}.door-admin{margin-top:.2rem}.door-admin summary{color:var(--muted);cursor:pointer;font-size:.82rem}.door-admin .relay-row{margin-top:.5rem}.planned-schedule{flex-direction:column;gap:.6rem;display:flex}.sched-bar{border:1px solid var(--border);border-radius:8px;width:100%;height:30px;display:flex;overflow:hidden}.sched-seg{min-width:2px;height:100%}.sched-seg.on{background:var(--on)}.sched-seg.off{background:var(--off)}.sched-axis{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex}.sched-legend{color:var(--muted);gap:1.2rem;font-size:.85rem;display:flex}.sched-legend span{align-items:center;gap:.35rem;display:inline-flex}.dot.off-red{background:var(--off)}.sched-off{color:var(--text);margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.6}.sched-off strong{color:var(--text)}.price-allin{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.tariff-note{margin-top:-.25rem}.opt-settings-form{flex-direction:column;gap:.9rem;display:flex}.opt-settings-form label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.opt-settings-form label strong{color:var(--text)}.opt-settings-form input[type=range]{width:100%;accent-color:var(--accent)}.facility-tariff{border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}.facility-tariff legend{color:var(--muted);padding:0 .4rem;font-size:.8rem}.facility-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem 1rem;display:grid}.facility-grid label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.fac-switch{margin-bottom:1rem}.fac-switch label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.fac-switch select{max-width:22rem}.fac-switch .hint{margin-top:.35rem}.room-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin:1rem 0 1.25rem;padding:0;display:grid}.settings-group{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:.4rem 0 1.5rem;display:grid}.settings-link{color:var(--text);text-decoration:none}.settings-link:hover{border-color:var(--accent);text-decoration:none}.settings-link strong{margin-bottom:.15rem;display:block}.settings-link span{color:var(--muted);font-size:.85rem}.device-card{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.device-card .dev-online{white-space:nowrap;flex:none}.net-badge{font-size:.85rem;font-style:normal}.net-badge.same{color:var(--ok,#2e7d32)}.net-badge.remote{color:var(--muted)}.home-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.home-customize{color:var(--muted);font-size:.85rem}.home-garage{margin-bottom:.9rem}.customize-list{flex-direction:column;gap:.4rem;margin:.4rem 0 1.25rem;padding:0;list-style:none;display:flex}.customize-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.customize-actions{gap:.35rem;display:flex}.customize-row .ghost{color:var(--muted);background:0 0;padding:.25rem .55rem}.inbox-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.msg-card{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin:.5rem 0;overflow:hidden}.msg-card.unread{border-color:var(--accent)}.msg-head{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.msg-icon{font-size:1.1rem}.msg-title{flex:1;font-weight:600}.msg-dot{background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem}.msg-date{color:var(--muted);white-space:nowrap;font-size:.78rem}.msg-body{padding:0 .9rem .8rem}.msg-body p{white-space:pre-line;margin:0 0 .6rem}.msg-why{margin:.2rem 0 .6rem}.msg-why summary{cursor:pointer;color:var(--muted);font-size:.85rem}.msg-why p{margin:.5rem 0 0}.nav-badge{color:#fff;background:var(--err);vertical-align:middle;border-radius:9px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.bottom-link .bn-icon{position:relative}.bn-badge{border:1.5px solid var(--panel);margin-left:3px;position:absolute;top:-4px;left:50%}.price-chart-svg{width:100%;height:auto;margin:.5rem 0 .25rem;display:block}.chart-swatch{vertical-align:middle;border-radius:3px;width:.8rem;height:.8rem;display:inline-block}.chart-swatch.now{border-left:2px dashed var(--text);border-radius:0;width:0;height:.9rem}.door-state{border-left:4px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.35rem 0 .35rem .6rem;display:flex}.door-state strong{font-size:1.05rem}.door-state-closed{border-left-color:var(--ok,#12c3a6)}.door-state-halfclosed,.door-state-notclosed{border-left-color:var(--warn,#ffd23f)}.door-state-unknown{border-left-color:var(--muted)}.door-state-unknown strong{color:var(--muted)}.door-state-fault{color:var(--danger,#d33);font-size:.8rem}.door-state-none{font-size:.8rem}.door-pin-list{margin-top:.8rem}.door-pin-list ul{flex-direction:column;gap:.35rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.door-pin-list li{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.door-pin-list li>span{font-weight:500}.door-pin-list li>button{margin-left:auto}.door-pin-list li.revoked>span{color:var(--muted);text-decoration:line-through}.door-mine{flex-wrap:wrap;margin-top:.8rem}