*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;text-rendering:optimizeSpeed}img,picture{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{border:0}a{color:inherit}:root{color-scheme:light;--bg: #f3f6f4;--surface: #ffffff;--surface-subtle: #eef4f0;--text: #16201b;--muted: #66736c;--border: #dce5df;--brand: #0b5d3b;--brand-strong: #07452c;--brand-soft: #dff3e8;--warning: #8a5b00;--danger: #a52a2a;--shadow: 0 12px 36px rgba(16, 55, 35, .08);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--content-max: 1440px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid rgba(11,93,59,.35);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(1.35rem,2vw,1.8rem)}h2{font-size:clamp(1.15rem,1.8vw,1.45rem)}p{color:var(--muted)}.eyebrow{color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.supporting-text{margin-top:.75rem;font-size:.86rem}.text-link{color:var(--brand);font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:1.1rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-header svg{color:var(--brand)}.measurement{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.measurement:last-child{border-bottom:0}.measurement>span{color:var(--muted)}.measurement strong{text-align:right}.measurement small{color:var(--muted);font-size:.75em}.measurement .unavailable{color:var(--warning);font-size:.9rem}.state-badge,.quiet-badge,.connection-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;font-size:.8rem;font-weight:800;padding:.45rem .7rem}.state-badge.on{background:var(--brand-soft);color:var(--brand-strong)}.state-badge.off,.quiet-badge{background:var(--surface-subtle);color:var(--muted)}.connection-pill{background:#fff4d6;color:#745000}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.settings-list{display:grid;gap:.75rem}.settings-list>div{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.settings-list dt{color:var(--muted)}.settings-list dd{overflow-wrap:anywhere;font-weight:700}.code-block{display:block;overflow-x:auto;padding:.9rem;border-radius:var(--radius-sm);background:#122019;color:#dff3e8}.empty-state{display:grid;place-items:center;min-height:220px;text-align:center;gap:.45rem;padding:1rem}.app-shell{min-height:100vh}.side-nav{display:none}.main-column{min-width:0}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-container{width:min(100%,var(--content-max));margin:0 auto;padding:1rem 1rem 6.5rem}.page-stack{display:grid;gap:1rem}.page-heading{display:grid;gap:.35rem}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .2rem;color:var(--muted);font-size:.68rem;text-decoration:none}.bottom-nav a.active{color:var(--brand)}.hero-panel{display:grid;gap:1rem;background:linear-gradient(135deg,var(--brand-strong),var(--brand));color:#fff;border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow)}.hero-panel p{color:#fffc}.hero-panel .eyebrow{color:#bfe8d1}.mode-panel{align-self:end;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#ffffff1a}.mode-panel strong{font-size:1.35rem}.summary-grid,.socket-grid{display:grid;gap:1rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem}.socket-card{min-width:0}.socket-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1rem;color:var(--muted);font-size:.82rem}.socket-footer button{border-radius:999px;background:var(--brand);color:#fff;padding:.45rem .8rem;font-weight:800}.fault-text{color:var(--danger);display:inline-flex;align-items:center;gap:.35rem}@media(min-width:680px){.hero-panel{grid-template-columns:1.7fr .8fr;align-items:stretch}.summary-grid,.socket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr)}.side-nav{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:1rem;background:#0e2017;color:#fff}.brand{display:flex;align-items:center;gap:.75rem;padding:.7rem;text-decoration:none}.brand small{display:block;color:#9cb5a7;font-size:.72rem}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand)}.side-nav nav{display:grid;gap:.35rem;margin-top:1.5rem}.side-nav nav a{display:flex;align-items:center;gap:.75rem;padding:.8rem;border-radius:12px;color:#b9cabf;text-decoration:none}.side-nav nav a.active{background:#ffffff1a;color:#fff}.bottom-nav{display:none}.page-container{padding:1.5rem 1.5rem 3rem}.top-bar{padding:1.2rem 1.5rem}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.socket-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports (padding: max(0px)){.top-bar{padding-top:max(1rem,env(safe-area-inset-top))}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.side-nav{padding-left:max(1rem,env(safe-area-inset-left))}}