:root{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;color:#0b1c2d;background:#eef4fa;font-synthesis:none;--surface: rgba(255, 255, 255, .78);--solid: #fff;--text: #0b1c2d;--muted: #60758a;--line: rgba(30, 80, 130, .11);--green: #0a84ff;--green-light: #64d2ff;--shadow: 0 16px 48px rgba(20, 70, 120, .11)}@media(prefers-color-scheme:dark){:root{color:#f1f8ff;background:#06111d;--surface: rgba(15, 34, 53, .84);--solid: #0d2135;--text: #f1f8ff;--muted: #91a9bf;--line: rgba(200, 230, 255, .1);--shadow: 0 16px 48px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html{min-height:100%;background:inherit;overscroll-behavior:none}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none;background:radial-gradient(circle at 50% -10%,rgba(10,132,255,.16),transparent 36%),inherit}#root{min-height:100dvh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(10,132,255,.35);outline-offset:2px}.app-shell{width:min(100%,820px);margin:auto;min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom))}.topbar,.section-title,.settings-header{display:flex;align-items:center;justify-content:space-between}h1,h2,h3,p{margin:0}.topbar h1{font-size:clamp(1.8rem,8vw,2.5rem);letter-spacing:-.045em}.top-brand{margin:0;font-size:.82rem}.eyebrow{color:var(--green);text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.14em;margin-bottom:4px}.muted{color:var(--muted)}.icon-button{width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--solid);cursor:pointer}.icon-button.glass{box-shadow:var(--shadow);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.connection{width:fit-content;display:flex;align-items:center;gap:6px;margin:17px 0 12px;color:var(--green);background:#0a84ff1a;border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:600}.connection.warning{color:#d88616;background:#d886161f}.energy-scene{margin-bottom:14px;padding:9px;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.energy-scene-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:8px}.energy-scene-heading h2{font-size:clamp(1.2rem,5vw,1.65rem);letter-spacing:-.04em}.scene-live-value{flex:0 0 auto;text-align:right;color:var(--green)}.scene-live-value strong{display:block;font-size:clamp(1.55rem,6vw,2.15rem);line-height:1;letter-spacing:-.06em}.scene-live-value span{color:var(--muted);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.scene-visual{position:relative;overflow:hidden;border:1px solid rgba(80,125,160,.12);border-radius:23px;background:#eaf5fc}.scene-media{position:relative;width:128%}.scene-media>img{display:block;width:100%;height:auto}.scene-flow-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-power-readout{position:absolute;top:13px;right:13px;min-width:76px;padding:9px 12px;display:flex;align-items:baseline;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.78);border-radius:16px;color:#60788b;background:#f8fcffe0;box-shadow:0 8px 24px #14466e1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scene-power-readout strong{font-size:1.35rem;line-height:1;letter-spacing:-.05em}.scene-power-readout span{font-size:.7rem;font-weight:800}.scene-power-readout.active{color:#0074dc}.scene-flow-badge{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#61788b;background:#f8fcffd6;box-shadow:0 8px 24px #14466e1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.69rem;font-weight:700}.scene-flow-badge.active{color:#006acb;background:#def4ffe6}.flow-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:14px 4px 0;color:var(--muted);font-size:.67rem;font-weight:700}.flow-steps span{display:flex;align-items:center;gap:5px;white-space:nowrap}.flow-steps i{height:2px;border-radius:2px;background:linear-gradient(90deg,#0a84ff33,#0a84ffb3)}.energy-scene-art{display:block;width:calc(100% + 20px);height:auto;margin:0 -10px;overflow:visible}.energy-cable-base{stroke:#7692a8;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:0}.energy-cable-flow{stroke:#29b6ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:5 15;opacity:0}.energy-scene.is-feeding .energy-cable-base{opacity:.34}.energy-scene.is-feeding .energy-cable-flow{opacity:1;animation:energyFlow .85s linear infinite}.energy-scene.is-feeding .scene-power-node{animation:nodePulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.scene-sun-rays{transform-box:fill-box;transform-origin:center;animation:sunTurn 18s linear infinite}.scene-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:35px;margin-top:-3px;color:var(--muted);font-size:.75rem;text-align:center}.scene-status-icon{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;color:#8b6500;background:#ffd85c3d}.lifetime-summary{margin-bottom:14px;padding:23px;border-radius:27px;color:#f5faff;background:linear-gradient(135deg,#0b3154,#095aa9 65%,#0a84ff);box-shadow:0 18px 48px #095aa93d}.lifetime-summary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16)}.lifetime-summary-heading .eyebrow{color:#8ed8ff}.lifetime-summary-heading h2{font-size:clamp(1.2rem,5vw,1.55rem);letter-spacing:-.04em}.lifetime-summary-heading>span{padding:7px 10px;border-radius:999px;color:#c9eaff;background:#ffffff1c;font-size:.68rem;white-space:nowrap}.lifetime-summary-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}.lifetime-summary-values>div{min-width:0}.lifetime-summary-values>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.16)}.lifetime-summary-values span,.lifetime-summary-values small{display:block;color:#b8d8ec;font-size:.7rem}.lifetime-summary-values strong{display:inline-block;max-width:100%;margin:5px 5px 1px 0;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.75rem,8vw,2.7rem);line-height:1.05;letter-spacing:-.06em}.lifetime-summary-values .lifetime-revenue strong{color:#86ddff}.hero-card{position:relative;overflow:hidden;min-height:266px;padding:35px 24px 24px;display:flex;flex-direction:column;align-items:center;color:#f4f9ff;border-radius:32px;background:linear-gradient(145deg,#0b3154,#06182a);box-shadow:0 22px 60px #03182e4d}.hero-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-100px;top:-110px;box-shadow:0 0 0 38px #ffffff06,0 0 0 78px #ffffff05}.hero-card .orb{width:56px;height:56px;display:grid;place-items:center;border-radius:19px;color:#07130e;background:linear-gradient(145deg,#f9df78,#f1b52b);margin-bottom:18px;box-shadow:0 9px 28px #f9d65c47}.hero-card p{color:#a9c5b6;font-size:.9rem}.hero-card strong{font-size:clamp(4.1rem,18vw,6.4rem);line-height:.95;letter-spacing:-.08em;margin-top:5px}.hero-card>span{color:#64d2ff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;margin:7px 0 17px}.hero-card small{color:#78998a}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin:18px 0;border-radius:15px;background:#5a78691c}.segmented button{min-height:39px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.segmented button.active{color:var(--text);background:var(--solid);box-shadow:0 3px 12px #14322314}.period-navigation{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:0 0 12px}.period-navigation strong{text-align:center;font-size:1rem;text-transform:capitalize}.period-navigation .icon-button{background:var(--surface);border:1px solid var(--line)}.period-navigation .icon-button:disabled{opacity:.3;cursor:default}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metrics article{min-width:0;padding:17px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.metrics article>span,.metrics small{display:block;color:var(--muted);font-size:.69rem}.metrics strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.25rem,5vw,1.9rem);letter-spacing:-.05em;margin-top:7px}.metrics .revenue{background:linear-gradient(150deg,rgba(10,132,255,.16),var(--surface))}.metrics .revenue strong{color:var(--green)}.metrics article:last-child{grid-column:1 / -1}.chart-card{margin-top:12px;padding:21px 8px 10px;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-title{padding:0 14px 12px}.section-title h2{font-size:1.3rem;letter-spacing:-.03em}.chart{width:100%;height:265px;font-size:.7rem;color:var(--muted)}.chart-loading{height:100%;display:grid;place-items:center;color:var(--muted)}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{border:1px solid var(--line)!important;border-radius:12px;background:var(--solid)!important;box-shadow:var(--shadow)}.spinning svg{animation:spin .8s linear infinite}footer{padding:25px 5px 5px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:.72rem}footer button{display:flex;align-items:center;gap:6px;padding:8px;border:0;background:transparent;color:var(--muted);cursor:pointer}footer .copyright{grid-column:2;white-space:nowrap}.login-shell,.launch{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-shell{height:100dvh;overflow-y:auto;overscroll-behavior:none}.launch svg{color:var(--green);width:50px;height:50px;animation:pulse 1.4s ease-in-out infinite}.login-card{width:min(100%,420px);padding:32px;display:grid;gap:18px;border-radius:30px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-mark{width:64px;height:64px;display:grid;place-items:center;color:#142417;background:#f9d65c;border-radius:21px}.login-card h1{font-size:2rem;letter-spacing:-.05em}label{display:grid;gap:7px;color:var(--muted);font-size:.78rem;font-weight:600}input,select{min-width:0;width:100%;height:47px;border:1px solid var(--line);border-radius:13px;padding:0 13px;color:var(--text);background:var(--solid);font-size:16px}input[type=date]{width:100%;max-width:100%;min-width:0;-webkit-appearance:none;appearance:none}input[type=date]::-webkit-date-and-time-value{height:100%;margin:0;padding:0;display:flex;align-items:center;text-align:left}input[type=date]::-webkit-datetime-edit{padding:0}.primary,.secondary{min-height:48px;border:0;border-radius:14px;padding:0 18px;font-weight:700;cursor:pointer}.primary{color:#fff;background:var(--green)}.secondary{color:var(--green);background:#0a84ff1f}.secondary.wide{width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.error{color:#d94747;font-size:.8rem}.success{padding:10px 13px;border-radius:12px;color:var(--green);background:#0a84ff1a;font-size:.8rem}.settings-overlay{position:fixed;z-index:20;inset:0;display:flex;justify-content:flex-end;background:#03101d33}.settings-screen{width:100%;height:100dvh;overflow:auto;overscroll-behavior:contain;color:var(--text);background:#f3f6f9;box-shadow:-18px 0 60px #04192d2e;animation:settingsSlideIn .5s cubic-bezier(.22,.8,.24,1)}.settings-screen.is-closing{pointer-events:none;animation:settingsSlideOut .5s cubic-bezier(.55,.05,.67,.19) forwards}.settings-header{position:sticky;z-index:3;top:0;min-height:calc(70px + env(safe-area-inset-top));padding:max(14px,env(safe-area-inset-top)) 18px 10px;background:#f3f6f9e6;border-bottom:1px solid rgba(30,80,130,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-header h2{position:absolute;left:50%;transform:translate(-50%);max-width:calc(100% - 140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.18rem;letter-spacing:-.025em}.settings-header .icon-button{background:#ffffffe6;box-shadow:0 5px 18px #14467814}.settings-header-spacer{width:44px;height:44px}.settings-content{width:min(100%,720px);min-height:calc(100dvh - 71px);margin:0 auto;padding:18px 18px max(35px,env(safe-area-inset-bottom));animation:settingsPageIn .4s cubic-bezier(.22,.8,.24,1)}.settings-content.is-menu{animation:none}.settings-content.is-exiting{pointer-events:none;animation:settingsPageOut .4s cubic-bezier(.55,.05,.67,.19) forwards}.settings-banner{position:relative;min-height:158px;margin-bottom:20px;overflow:hidden;padding:22px 132px 20px 22px;display:flex;align-items:center;border-radius:24px;color:#f7fbff;background:linear-gradient(125deg,#08345c,#0877c9 62%,#38c9ea);box-shadow:0 16px 34px #085aa038}.settings-banner:before,.settings-banner:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.settings-banner:before{width:210px;height:210px;right:-70px;top:-95px}.settings-banner:after{width:145px;height:145px;right:-12px;bottom:-100px}.settings-banner>div:first-child{position:relative;z-index:1}.settings-banner span{display:block;margin-bottom:6px;color:#8be8ff;font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.settings-banner strong{display:block;max-width:330px;font-size:clamp(1.12rem,4.8vw,1.48rem);line-height:1.12;letter-spacing:-.035em}.settings-banner p{max-width:360px;margin-top:8px;color:#d1eafb;font-size:.72rem;line-height:1.35}.settings-banner b{display:flex;align-items:center;gap:2px;margin-top:12px;color:#fff;font-size:.72rem}.banner-sun{position:absolute;right:27px;top:50%;width:78px;height:78px;transform:translateY(-50%) rotate(-8deg);display:grid;place-items:center;border-radius:25px;color:#18405d;background:linear-gradient(145deg,#fff2a5,#ffd34d);box-shadow:0 14px 35px #01234142,0 0 0 10px #ffffff1a}.settings-menu{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 10px 32px #143c5f12}.settings-menu button{width:100%;min-height:72px;padding:0 17px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:0;background:transparent;color:#31465a;text-align:left;font-size:.98rem;cursor:pointer}.settings-menu button+button{border-top:1px solid #edf1f4}.settings-menu button:active{background:#f5f8fa}.settings-menu-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#09a9cf;background:#eafaff}.settings-chevron{color:#a1acb5}.settings-logout{width:100%;min-height:58px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:18px;color:#d94747;background:#fff;box-shadow:0 10px 32px #143c5f0f;font-weight:700;cursor:pointer}.settings-loading{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:.85rem}.settings-block{padding:20px 0;border-top:1px solid var(--line)}.settings-block h3{margin-bottom:13px}.settings-block.detail-block{min-width:0;max-width:100%;padding:7px 2px 20px;border:0}.setting-help{margin:-4px 0 14px;color:var(--muted);font-size:.8rem;line-height:1.5}.inline-form{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inline-form label{width:100%;min-width:0;max-width:100%}.inline-form input,.inline-form select{display:block;max-width:100%}.inline-form button{grid-column:1 / -1}.notification-form{margin-top:16px}.install-block{max-width:480px;margin:20px auto 0;padding:30px 24px!important;border-radius:24px;background:#fff;box-shadow:0 10px 32px #143c5f12;text-align:center}.install-block .setting-help{margin:5px 0 22px}.install-icon{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;border-radius:22px;color:#078bb8;background:#e7f9ff}.chips{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:15px}.chips span{min-height:50px;padding:0 15px;display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--solid);box-shadow:0 7px 20px #143c5f0d;font-size:.86rem;font-weight:600}.rule-list{display:grid;gap:8px;margin-top:12px}.rule-list>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding-left:13px;border-radius:13px;background:var(--surface);font-size:.8rem}.danger{color:#d94747;background:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.9);opacity:.55}}@keyframes settingsSlideIn{0%{transform:translate(100%)}}@keyframes settingsSlideOut{to{transform:translate(100%)}}@keyframes settingsPageIn{0%{transform:translate(100%)}}@keyframes settingsPageOut{to{transform:translate(100%);opacity:.3}}@keyframes energyFlow{to{stroke-dashoffset:-40}}@keyframes nodePulse{50%{transform:scale(1.13)}}@keyframes sunTurn{to{transform:rotate(360deg)}}@media(min-width:650px){.app-shell{padding-left:30px;padding-right:30px}.hero-card{min-height:300px;justify-content:center}.metrics{grid-template-columns:repeat(3,1fr)}.metrics article,.metrics article:last-child{grid-column:auto}.settings-screen{width:min(100%,820px)}}@media(max-width:430px){.energy-scene{padding:7px}.energy-scene-heading{align-items:center}.energy-scene-heading h2{max-width:220px}.scene-visual{border-radius:22px}.scene-power-readout{top:8px;right:8px;padding:7px 9px;border-radius:13px}.scene-flow-badge{right:8px;bottom:8px;padding:7px 9px}.flow-steps{gap:5px;font-size:.59rem}.lifetime-summary{padding:20px}.lifetime-summary-values{gap:12px}.lifetime-summary-values>div+div{padding-left:12px}.settings-banner{min-height:150px;padding-right:112px}.banner-sun{right:22px;width:65px;height:65px;border-radius:21px}.settings-content{padding-left:14px;padding-right:14px}}@media(max-width:560px){.inline-form{grid-template-columns:minmax(0,1fr)}.inline-form button{grid-column:1}}@supports (-webkit-touch-callout: none){input[type=date]{width:-webkit-fill-available}}@media(prefers-color-scheme:dark){.settings-screen{background:#081624}.settings-header{background:#081624e6;border-bottom-color:#c8e6ff12}.settings-header .icon-button,.settings-menu,.settings-logout,.install-block{background:#0d2135}.settings-menu button{color:#e7f3fc}.settings-menu button+button{border-top-color:#c8e6ff14}.settings-menu button:active{background:#10283e}.settings-menu-icon{color:#64d2ff;background:#64d2ff1a}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.energy-scene-art animateMotion{display:none}}