:root{--ink:#f4f1e8;--muted:#9b9b94;--line:#30312e;--panel:#191a18;--green:#c7ff42;--green-dim:#748f35;--bg:#10110f;--danger:#ffcc66;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 12%,#243017 0,transparent 27%),linear-gradient(180deg,#11120f 0,#0c0d0b 100%)}button,input{font:inherit}.topbar{height:78px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#10110fd9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.2em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--green);border-radius:50%;color:var(--green);font-family:Georgia,serif;font-size:17px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:12px}.pill{border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:11px;color:var(--muted)}.icon-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:20px;cursor:pointer}.icon-button:hover{border-color:var(--green);color:var(--green)}main{width:min(1200px,90vw);margin:0 auto;padding:60px 0 32px}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--green);margin:0 0 16px}.lede{color:var(--muted);font-size:18px;line-height:1.6;max-width:640px}.setup{min-height:70vh;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.setup h1,.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(52px,8vw,108px);line-height:.9;letter-spacing:-.05em;margin:0}.setup-card,.panel{background:linear-gradient(145deg,#1d1e1b,#161714);border:1px solid var(--line);border-radius:4px;padding:32px}.setup-card h2,.panel h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:0 0 20px}.setup-card ol{padding-left:22px;color:var(--muted);line-height:1.8}.primary-button,.secondary-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border:0;text-decoration:none;cursor:pointer}.primary-button{margin-top:20px;width:100%;padding:16px 18px;background:var(--green);color:#111;font-weight:800}.secondary-button{padding:11px 14px;background:transparent;color:var(--ink);border:1px solid #565852}.secondary-button:hover{border-color:var(--green)}.notice{padding:13px 16px;border-left:2px solid var(--green);background:#20231b;color:#d9dccf;font-size:13px;margin:18px 0}.notice.warning{border-color:var(--danger);background:#282216}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;border-bottom:1px solid var(--line)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.status-dot.offline{background:#777;box-shadow:none}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:28px}.battery-visual{display:flex;align-items:center;justify-content:center;gap:48px}.battery-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--soc,78%),#2c2e29 0);position:relative}.battery-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#131411}.battery-ring div{z-index:1}.battery-ring strong{font:400 75px/1 Georgia,serif}.battery-ring span{color:var(--green);font-size:20px}.range{display:flex;flex-direction:column}.range strong{font:400 44px/1 Georgia,serif}.range span{font-size:10px;color:var(--muted);letter-spacing:.14em;margin-top:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0}.metric-card{background:var(--panel);padding:24px;min-height:150px}.metric-card.accent{background:var(--green);color:#111}.metric-card p{font-size:10px;letter-spacing:.14em;color:var(--muted);margin:0 0 30px}.metric-card.accent p,.metric-card.accent small{color:#39451d}.metric-card strong{display:block;font:400 31px/1.1 Georgia,serif;margin-bottom:9px}.metric-card small{color:var(--muted)}.lower-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:24px}.panel-heading{display:flex;justify-content:space-between;align-items:start}.total{font:400 30px Georgia,serif}.charging-list{border-top:1px solid var(--line)}.charge-row{display:grid;grid-template-columns:90px 1fr 90px 90px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.charge-row .site{font-weight:700}.charge-row .meta,.charge-row .energy{color:var(--muted)}.charge-row .cost{text-align:right}.empty{color:var(--muted);padding:30px 0}.permission{margin-top:22px;color:var(--muted);font-size:13px;line-height:1.5}.settings-panel>p:not(.eyebrow){color:var(--muted);line-height:1.55;font-size:14px}.settings-panel label{display:block;color:var(--muted);font-size:12px;margin:22px 0}.settings-panel label span{float:right}.settings-panel input{display:block;width:100%;margin-top:9px;background:#11120f;border:1px solid var(--line);color:var(--ink);padding:11px}.privacy-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;color:var(--green)}.privacy-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.privacy-note strong{color:var(--ink)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:28px 0}.text-button{border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer}@media(max-width:800px){main{padding-top:30px}.setup,.hero-grid,.lower-grid{grid-template-columns:1fr}.setup{gap:40px}.hero-grid{padding-bottom:40px}.battery-visual{justify-content:start;margin-top:32px}.battery-ring{width:160px;height:160px}.battery-ring strong{font-size:58px}.metric-grid{grid-template-columns:1fr 1fr}.charge-row{grid-template-columns:70px 1fr 70px}.charge-row .energy{display:none}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.battery-visual{gap:24px}.hero-meta{gap:12px}.topbar{padding:0 16px}.pill{display:none}.charge-row{grid-template-columns:60px 1fr 64px}.setup h1,.hero-copy h1{font-size:54px}}