:root,[data-theme="light"]{--page-bg:#f6f7f4;--surface:#fff;--surface-secondary:#f1f4f0;--text:#1d2925;--text-secondary:#56645d;--text-muted:#7c8982;--border:#e3e9e3;--accent:#315d4d;--positive:#2f8364;--warning:#b87328;--negative:#b95151;--chart-grid:#e9eee8;--chart-muted:#96a39a;--focus:#499d7b;--hero:#e9f2e9;--sidebar:#fbfcfa;--shadow:0 7px 30px rgba(35,63,48,.035);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--card-padding:24px;--icon-size:20px;--duration:180ms;color-scheme:light}@media (prefers-color-scheme: dark){[data-theme="system"]{--page-bg:#121a18;--surface:#1c2723;--surface-secondary:#25332d;--text:#edf3ee;--text-secondary:#b5c4b9;--text-muted:#90a297;--border:#34453a;--accent:#94c9ac;--positive:#76c69d;--warning:#e5ab64;--negative:#ed8a87;--chart-grid:#34463a;--chart-muted:#83998a;--focus:#9dd7b5;--hero:#20382e;--sidebar:#17211d;--shadow:0 12px 35px rgba(0,0,0,.12);color-scheme:dark}}[data-theme="dark"]{--page-bg:#121a18;--surface:#1c2723;--surface-secondary:#25332d;--text:#edf3ee;--text-secondary:#b5c4b9;--text-muted:#90a297;--border:#34453a;--accent:#94c9ac;--positive:#76c69d;--warning:#e5ab64;--negative:#ed8a87;--chart-grid:#34463a;--chart-muted:#83998a;--focus:#9dd7b5;--hero:#20382e;--sidebar:#17211d;--shadow:0 12px 35px rgba(0,0,0,.12);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page-bg);color:var(--text);font:14px/1.55 'DM Sans',sans-serif;transition:background var(--duration),color var(--duration)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:-60px;left:12px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:240px minmax(0, 1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);padding:28px 15px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:2px 14px 43px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.065em;color:var(--text)}.brand:hover{color:var(--text)}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--surface);display:grid;place-items:center;font-size:14px}.brand-light{font-weight:500}.brand small{display:block;font:700 8px/1.8 'DM Sans',sans-serif;letter-spacing:.19em;color:var(--text-muted)}.nav-label{padding:0 15px 12px;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.secondary-label{margin-top:35px}.side-nav{display:grid;gap:4px}.side-nav a,.nav-disabled{display:flex;align-items:center;gap:13px;min-height:42px;padding:0 15px;border-radius:10px;font-weight:600;color:var(--text-secondary);transition:background var(--duration),color var(--duration)}.side-nav a:hover{background:var(--surface-secondary);color:var(--text)}.side-nav a[aria-current=page]{background:var(--surface-secondary);color:var(--accent);font-weight:800}.side-nav a[aria-current=page]::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.side-nav i,.nav-disabled i{font-size:17px;width:18px;text-align:center}.nav-disabled{opacity:.55}.nav-disabled small{font-size:8px;margin-left:auto;border:1px solid var(--border);border-radius:4px;padding:1px 4px}.sidebar-bottom{margin-top:auto;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;background:var(--surface)}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{color:var(--text-muted);font-size:11px}.demo-dot,.live-dot,.state-dot{display:inline-block;width:7px;height:7px;background:var(--positive);border-radius:50%;flex:none}.sidebar-bottom .demo-dot{margin-top:5px}.main-column{min-width:0}.topbar{height:66px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--surface)}.topbar-path{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--text-muted)}.topbar-path span{padding:0 10px;color:var(--border)}.topbar-path strong{color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:15px}.demo-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--text-secondary)}.theme-select-label{color:var(--text-secondary);font-size:16px}.topbar select{border:0;background:transparent;color:var(--text-secondary);font-size:12px;max-width:85px}.avatar{width:30px;height:30px;border-radius:50%;background:#d8e8da;color:#315d4d;display:grid;place-items:center;font-size:10px;font-weight:800}.page-content{max-width:1550px;margin:auto;padding:35px 40px 80px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--positive)}.eyebrow-line{display:inline-block;width:16px;height:1px;background:var(--positive);vertical-align:middle;margin-right:5px}.page-heading h1{font-size:clamp(30px, 3vw, 42px);font-weight:800;line-height:1.12;margin:11px 0 8px}.heading-period{color:var(--positive)}.page-heading p{color:var(--text-secondary);margin:0;font-size:13px}.updated{font-size:11px;color:var(--text-muted);white-space:nowrap;padding-bottom:5px}.updated i,.updated .live-dot{margin-right:6px}.hero-panel{min-height:260px;background:var(--hero);border:1px solid var(--border);border-radius:var(--radius-lg);padding:33px 42px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:1;max-width:650px}.hero-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--positive)}.hero-kicker i{font-size:15px;margin-right:5px}.hero-panel h2{font-size:clamp(28px, 3vw, 39px);line-height:1.2;font-weight:800;margin:18px 0 10px}.hero-panel h2 em{font-style:normal;color:var(--positive)}.hero-panel p{max-width:560px;color:var(--text-secondary);font-size:13px;margin-bottom:21px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span{border:1px solid var(--border);border-radius:7px;background:var(--surface);padding:5px 10px;font-size:10px;font-weight:700;color:var(--text-secondary)}.hero-tags i{color:var(--positive);margin-right:5px}.hero-orbit{width:270px;height:230px;position:relative;flex:none;margin:-9px 5px -30px 0}.orbit{position:absolute;border:1px solid rgba(80,145,107,0.22);border-radius:50%;inset:0 20px}.orbit.inner{inset:40px 60px}.orbit-center{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;background:var(--accent);color:var(--surface);border-radius:16px;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 30px rgba(28,75,48,0.18)}.orbit-icon{position:absolute;width:42px;height:42px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);border-radius:13px;color:var(--positive);font-size:18px;box-shadow:var(--shadow)}.orbit-heart{top:20px;left:55px}.orbit-bolt{right:4px;top:85px}.orbit-house{bottom:12px;left:57px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:32px 0 15px}.section-heading h2{font-size:19px;font-weight:800;margin:5px 0 0}.section-note{font-size:11px;color:var(--text-muted)}.domain-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:15px}.domain-panel,.content-card,.metric-card,.room-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.domain-panel{padding:19px 20px 15px;display:flex;flex-direction:column;min-height:255px}.domain-header,.domain-title,.metric-top,.room-top,.card-heading{display:flex;align-items:center}.domain-header,.room-top,.card-heading{justify-content:space-between}.domain-title{gap:11px}.domain-icon,.icon-box,.card-heading-icon,.room-icon,.control-icon{background:var(--surface-secondary);border-radius:10px;display:grid;place-items:center;color:var(--accent)}.domain-icon{width:35px;height:35px;font-size:16px}.domain-title h3{font-size:14px;font-weight:800;margin:0}.domain-title small{display:block;font-size:10px;color:var(--text-muted)}.domain-header>a{font-size:13px;color:var(--text-muted);padding:5px}.domain-metrics{margin:15px 0 12px;border-top:1px solid var(--border)}.domain-metric{padding:9px 0;display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--border)}.domain-metric>span{font-size:11px;color:var(--text-secondary)}.domain-metric strong{font:800 15px Manrope,sans-serif;white-space:nowrap}.domain-metric small{font-size:10px;color:var(--text-muted)}.domain-link{font-size:10px;font-weight:800;color:var(--accent);margin-top:auto}.domain-link i{margin-left:3px}.below-grid,.dashboard-grid,.showcase-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px}.content-card{padding:var(--card-padding);min-width:0}.card-heading{align-items:start;gap:12px}.card-heading h2{font-size:19px;font-weight:800;margin:5px 0 4px}.card-heading p{font-size:11px;color:var(--text-muted);margin:0}.card-heading-icon{width:32px;height:32px;flex:none}.timeline{list-style:none;padding:0;margin:20px 0 0}.timeline li{display:grid;grid-template-columns:45px 30px 1fr;gap:9px;align-items:start;position:relative;min-height:47px}.timeline li:not(:last-child):before{content:'';position:absolute;left:68px;top:28px;bottom:-2px;border-left:1px solid var(--border)}.timeline time{font-size:10px;font-weight:700;color:var(--text-muted);padding-top:7px}.timeline-icon{width:25px;height:25px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--accent);font-size:12px;background:var(--surface);z-index:1}.timeline strong,.timeline small{display:block}.timeline strong{font-size:11px;font-weight:700;line-height:1.3;padding-top:4px}.timeline small{font-size:10px;color:var(--text-muted);margin-top:2px}.insight-card{background:var(--hero);position:relative;overflow:hidden}.insight-art{width:56px;height:56px;border-radius:17px;background:var(--surface);display:grid;place-items:center;font-size:27px;color:var(--positive);margin:30px 0 20px}.insight-card h2{font-size:24px;font-weight:800;margin-bottom:10px}.insight-card p{font-size:12px;line-height:1.7;color:var(--text-secondary);max-width:340px}.insight-card p strong{color:var(--text)}.insight-foot{display:block;border-top:1px solid var(--border);margin-top:24px;padding-top:14px;color:var(--text-muted);font-size:10px}.insight-foot i{color:var(--positive);margin-right:5px}.metric-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:15px}.metric-card{padding:18px 19px;min-height:148px;transition:transform var(--duration),border-color var(--duration)}.metric-card:hover{transform:translateY(-2px);border-color:var(--chart-muted)}.metric-top{gap:9px;color:var(--text-secondary)}.icon-box{width:30px;height:30px;font-size:14px}.metric-label{font-size:11px;font-weight:700}.metric-value{font:800 clamp(22px, 2.2vw, 31px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:14px 0 6px}.metric-unit{font-size:13px;letter-spacing:0;color:var(--text-secondary);margin-left:4px;font-weight:600}.metric-detail{font-size:10px;color:var(--text-muted)}.text-good{color:var(--positive) !important}.text-warning{color:var(--warning) !important}.dashboard-grid{grid-template-columns:1.55fr 1fr;margin-top:16px}.chart-card{min-height:315px}.chart-key{font-size:10px;color:var(--text-muted);white-space:nowrap}.key-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--positive);margin:0 5px 0 12px}.key-line{display:inline-block;width:16px;border-top:2px dashed var(--text-muted);vertical-align:middle;margin:0 5px 3px 12px}.chart-wrap{height:205px;margin-top:22px}.chart-wrap.small-chart{height:150px}.chart-caption{font-size:10px;color:var(--text-muted);margin:10px 0 0}.sleep-card{background:var(--hero)}.sleep-symbol{font-size:28px;color:var(--positive);margin:19px 0 10px}.sleep-card h2{font-size:17px;font-weight:800}.sleep-total{font:800 34px Manrope,sans-serif;letter-spacing:-.05em;margin:11px 0 18px}.sleep-total span{font-size:14px;color:var(--text-muted);letter-spacing:0}.sleep-row{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:8px 0;font-size:11px;color:var(--text-secondary)}.sleep-row strong{color:var(--text)}.workout-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin:30px 0}.workout-stats strong,.workout-stats span{display:block}.workout-stats strong{font:800 24px Manrope,sans-serif}.workout-stats small{font-size:12px;color:var(--text-muted)}.workout-stats span{font-size:10px;color:var(--text-muted)}.subtle-note{background:var(--surface-secondary);border-radius:8px;padding:10px;font-size:10px;color:var(--text-secondary)}.subtle-note i{margin-right:5px}.energy-summary{display:flex;justify-content:space-between;gap:25px;background:var(--hero);border:1px solid var(--border);border-radius:var(--radius-lg);padding:25px 30px}.energy-summary h2{font-size:25px;font-weight:800;margin:8px 0}.energy-summary p{color:var(--text-secondary);font-size:12px;margin:0}.energy-summary p strong{color:var(--text)}.price-pill{border-left:1px solid var(--border);padding-left:28px;min-width:220px}.price-pill span,.price-pill em{display:block;font-size:10px;font-style:normal;font-weight:700;color:var(--text-muted)}.price-pill strong{display:block;font:800 26px Manrope,sans-serif;margin:4px 0}.price-pill small{font-size:11px;color:var(--text-muted)}.price-pill em{color:var(--positive)}.energy-chart-card{margin-top:16px}.energy-chart-wrap{height:300px;margin:25px 0 15px}.price-key{border-style:solid;border-color:var(--accent)}.chart-annotations{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:13px}.chart-annotations i{font-size:7px;margin-right:5px;color:var(--accent)}.finding-card{position:relative;overflow:hidden;min-height:210px}.finding-icon{width:32px;height:32px;background:var(--surface-secondary);color:var(--positive);display:grid;place-items:center;border-radius:10px;margin-bottom:15px}.finding-card h2{font-size:19px;font-weight:800;margin:8px 0}.finding-card p{font-size:11px;color:var(--text-secondary);max-width:430px}.finding-card.attention .finding-icon{color:var(--warning)}.progress-track{height:6px;border-radius:6px;background:var(--surface-secondary);margin-top:20px}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--positive)}.finding-card>small{font-size:10px;color:var(--text-muted)}.room-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.room-card{padding:20px}.room-icon{width:34px;height:34px}.room-state{font-size:10px;color:var(--text-muted)}.room-state .state-dot{width:6px;height:6px;margin-right:5px}.room-card h3{font-size:14px;font-weight:800;margin:24px 0 5px}.room-temp{font:800 25px Manrope,sans-serif}.room-card p{font-size:10px;color:var(--text-muted);margin:3px 0 0}.control-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.control-card{display:flex;align-items:center;gap:11px;min-height:83px;padding:16px}.control-icon{width:34px;height:34px;flex:none}.control-card>div{min-width:0;flex:1}.control-card h3{font-size:11px;font-weight:800;margin:0}.control-card p{font-size:10px;color:var(--text-muted);margin:2px 0 0}.toggle{border:0;width:37px;height:22px;border-radius:20px;background:var(--chart-muted);padding:3px;flex:none;transition:background var(--duration)}.toggle span{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--duration)}.toggle[aria-checked=true]{background:var(--positive)}.toggle[aria-checked=true] span{transform:translateX(15px)}.scene-button{border:1px solid var(--border);background:var(--surface-secondary);border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700;color:var(--accent);white-space:nowrap}.scene-button[data-active=true]{background:var(--positive);color:var(--surface)}.showcase-section{margin-top:32px}.showcase-section .showcase-columns{margin-top:0}.type-sample h1{font-size:28px;font-weight:800;margin:13px 0}.type-sample h2{font-size:19px;font-weight:800}.type-sample h3{font-size:14px;font-weight:700}.type-sample p{font-size:12px;color:var(--text-secondary)}.type-sample small{font-size:9px;letter-spacing:.12em;color:var(--text-muted)}.swatches{display:grid;grid-template-columns:repeat(5, 1fr);gap:7px;margin-top:18px}.swatches strong,.swatches small{display:block;font-size:9px}.swatches small{color:var(--text-muted)}.swatch{display:block;height:44px;border-radius:8px;margin-bottom:8px}.swatch-accent{background:var(--accent)}.swatch-good{background:var(--positive)}.swatch-warning{background:var(--warning)}.swatch-danger{background:var(--negative)}.swatch-muted{background:var(--chart-muted)}.button-row,.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.button{border-radius:8px;border:1px solid var(--border);padding:8px 11px;font-size:10px;font-weight:800;background:var(--surface);color:var(--text)}.button.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.button.secondary{background:var(--surface-secondary)}.button.ghost{border-color:transparent}.field-label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.sample-input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px}.status-badge{font-size:9px;font-weight:700;border-radius:6px;padding:4px 7px}.status-badge.good{color:var(--positive);background:var(--surface-secondary)}.status-badge.warning{color:var(--warning);background:var(--surface-secondary)}.status-badge.danger{color:var(--negative);background:var(--surface-secondary)}.status-badge.neutral{color:var(--text-muted);background:var(--surface-secondary)}.showcase-control{padding:15px 0;margin:15px 0;border-bottom:1px solid var(--border)}.edge-grid{grid-template-columns:repeat(4, 1fr)}.edge-state{min-height:185px}.edge-icon{width:32px;height:32px;border-radius:9px;background:var(--surface-secondary);display:grid;place-items:center;color:var(--accent);margin-bottom:18px}.edge-icon.warning{color:var(--warning)}.edge-icon.danger{color:var(--negative)}.edge-state h3{font-size:12px;font-weight:800}.edge-state p{font-size:10px;color:var(--text-muted)}.edge-state .button{margin-top:4px}.skeleton{height:7px;border-radius:4px;background:var(--surface-secondary);margin-top:9px}.skeleton.short{width:65%}.mobile-nav{display:none}@media (max-width: 1100px){.app-shell{grid-template-columns:205px minmax(0, 1fr)}.page-content{padding:28px 26px 80px}.topbar{padding:0 26px}.hero-orbit{width:200px}.domain-grid,.metric-grid{grid-template-columns:repeat(2, 1fr)}.control-grid{grid-template-columns:repeat(2, 1fr)}.domain-grid .domain-panel:last-child{grid-column:span 2}.edge-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:56px;padding:0 17px}.topbar-path{font-size:9px}.demo-chip{display:none}.page-content{padding:22px 16px 100px}.page-heading{align-items:start}.page-heading h1{font-size:32px}.updated{display:none}.hero-panel{padding:25px;min-height:auto}.hero-panel h2{font-size:29px}.hero-orbit{display:none}.domain-grid,.room-grid{grid-template-columns:1fr}.domain-grid .domain-panel:last-child{grid-column:auto}.domain-panel{min-height:auto}.below-grid,.dashboard-grid,.showcase-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.control-grid{grid-template-columns:1fr}.energy-summary{display:block}.price-pill{border-left:0;border-top:1px solid var(--border);padding:15px 0 0;margin-top:17px;min-width:0}.section-note{display:none}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5, 1fr);height:67px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 22px rgba(0,0,0,0.04)}.mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:700;color:var(--text-muted);min-height:58px}.mobile-nav a i{font-size:19px}.mobile-nav a[aria-current=page]{color:var(--accent)}.mobile-nav a[aria-current=page] span{border-bottom:2px solid var(--accent)}.energy-chart-wrap{height:270px}.chart-key{display:none}}@media (max-width: 480px){.metric-grid{gap:9px}.metric-card{padding:14px;min-height:136px}.metric-label{font-size:10px}.metric-value{font-size:23px}.metric-unit{font-size:11px}.hero-tags{gap:6px}.hero-tags span{font-size:9px}.room-grid{gap:10px}.showcase-columns.edge-grid{grid-template-columns:1fr 1fr}.edge-state{padding:15px}.swatches{grid-template-columns:repeat(3, 1fr)}.topbar-actions{gap:7px}.chart-annotations{gap:6px 12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}