:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf7ff;background:#071018;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 36% at 70% -10%,#13566955,transparent),radial-gradient(ellipse 80% 50% at 10% 100%,#11364866,transparent),#071018}
a{color:#73e3de;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;letter-spacing:-.055em;font-weight:700;margin-bottom:12px}h2{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:8px}.muted{color:#9cb6c5;line-height:1.55}.tiny{color:#849eae;font-size:.78rem;line-height:1.55}.eyebrow{color:#72e3dc;font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.top{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid #ffffff13;background:#08151fc9;backdrop-filter:blur(18px)}.brand{font-size:1.4rem;color:#89eee3;font-weight:800;display:inline-flex;align-items:center;gap:9px}.brand span{color:#eef7fb;font-size:.95rem;letter-spacing:.11em}.brand b{font-weight:450;color:#83cfcc}.top nav{display:flex;align-items:center;gap:22px}.top nav a,.link{font-size:.87rem;color:#a6becb}.top nav a[aria-current=page]{color:#83e8da}.top nav form{display:inline}.link{background:none;border:0;padding:0}
.container{max-width:1180px;padding:42px 22px 72px;margin:auto}.container.narrow{max-width:670px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.intro h1{margin-bottom:8px}.intro .muted{margin-bottom:0}.panel{background:linear-gradient(150deg,#142838df,#0b1a28ed 68%);border:1px solid #79d8e128;border-radius:24px;padding:24px;box-shadow:0 22px 48px #0004}.notice{border:1px solid #67d7d859;background:#15455055;border-radius:13px;padding:14px 16px;color:#c8f9f4}.notice.error{border-color:#ff929266;background:#61252666;color:#ffcdcb}.break{overflow-wrap:anywhere}
.button,.primary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #7ce9d4a0;border-radius:12px;background:#6ce2cf1a;color:#affbf0;padding:12px 17px;font-weight:700;white-space:nowrap}.button:hover,.primary:hover{background:#65e5d636}.primary{width:100%;margin-top:8px;background:#76ecda;color:#09222b;border-color:#76ecda}.primary span{margin-left:auto}
.hero{min-height:300px;display:grid;grid-template-columns:42% 58%;padding:35px 45px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 45%,#1a8a9b48,transparent 48%),linear-gradient(145deg,#183444,#071622)}.hero-copy{position:relative;z-index:1;align-self:center}.hero h2{font-size:clamp(2rem,4vw,3.3rem);max-width:370px;line-height:1.06;margin:0 0 14px}.hero p:not(.eyebrow){color:#aec8d3}.hero-pills{display:flex;gap:9px;margin-top:30px}.hero-pills span{border:1px solid #8ce8e04a;border-radius:30px;padding:6px 11px;color:#b2ece4;font-size:.65rem;letter-spacing:.12em}.car-art{position:relative;display:grid;place-items:center}.car-art img{width:min(110%,720px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 24px 28px #0009);animation:float 5s ease-in-out infinite}.orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #67d6dd37;border-radius:50%;box-shadow:0 0 70px #54c5cf24,inset 0 0 45px #69cbd31e;animation:glow 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}@keyframes glow{50%{box-shadow:0 0 110px #54c5cf48,inset 0 0 65px #69cbd338}}
.grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}.grid.lower{grid-template-columns:1fr 1fr}.section-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.section-head .eyebrow{margin-bottom:5px}.loading{color:#9cb6c5}.vehicle .section-head{align-items:center}.vehicle .muted{font-size:.82rem}.battery-ring{--charge:0%;height:110px;width:110px;flex:none;border-radius:50%;background:radial-gradient(closest-side,#102531 76%,transparent 78%),conic-gradient(#75eddb var(--charge),#365b63 0);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 30px #40e8d02b}.battery-ring strong{font-size:1.45rem}.battery-ring small{font-size:.56rem;letter-spacing:.15em;color:#92bdc2}.is-charging .battery-ring{animation:glow 2s ease-in-out infinite}.charge-track{height:7px;background:#23414b;border-radius:9px;overflow:hidden;margin:22px 0}.charge-track div{height:100%;background:linear-gradient(90deg,#369bb4,#87f4d6);box-shadow:0 0 15px #86ffe0}.is-charging .charge-track div{background:repeating-linear-gradient(110deg,#51d9ca 0 12px,#a3ffe9 12px 24px);background-size:200% 100%;animation:charge 2s linear infinite}@keyframes charge{to{background-position:200% 0}}.status-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.status-grid>div{border:1px solid #ffffff10;background:#ffffff06;padding:15px;border-radius:14px}.status-grid span,.metric span{display:block;color:#91aebc;font-size:.72rem}.status-grid strong{display:block;margin-top:6px;font-size:1.08rem}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.control{display:flex;gap:5px}.control button,.control select{border:1px solid #72e2d34d;background:#64d7ce17;color:#b7e9e5;border-radius:9px;padding:9px 12px;font-size:.78rem}.control option{background:#132934}.control button:hover{background:#65dbd841}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric{border:1px solid #72e4db23;border-radius:14px;padding:18px;background:#ffffff06}.metric strong{display:block;font-size:2.1rem;letter-spacing:-.04em;color:#a5f7e5}.metric span{margin-top:5px}.tabs{display:flex;gap:8px;margin:14px 0}.tabs button{background:#ffffff09;color:#afc4cf;border:1px solid #ffffff20;border-radius:30px;padding:7px 13px;font-size:.76rem}.tabs button.active{color:#b5fff3;background:#50cfc027;border-color:#62dbca6f}.station-list{display:grid;gap:8px}.station{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;background:#ffffff08;border:1px solid #ffffff15;border-radius:12px;color:#e9f6fa}.station:hover{border-color:#70dfd37a}.station b{font-size:.83rem}.station small{display:block;color:#8daab6;font-size:.65rem;margin-top:4px}.station strong{text-align:right;white-space:nowrap;color:#97f2da;font-size:.9rem}.station strong small{font-weight:400}.activity,.invite-panel{margin-top:18px}.job{display:flex;gap:14px;align-items:center;border-top:1px solid #ffffff16;padding:10px 0;font-size:.78rem}.job span:first-child{min-width:130px;text-transform:capitalize;color:#c8f6ea}.job small{color:#74919f;margin-left:auto;white-space:nowrap}.bad{color:#ffbbac}.invite-panel{display:flex;justify-content:space-between;align-items:center;gap:16px}.invite-panel p:last-child{margin-bottom:0}
.auth{display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);border:1px solid #72cddd50;border-radius:25px;padding:38px;background:linear-gradient(160deg,#142b3b,#091a27);box-shadow:0 25px 70px #0008}.auth-card .brand{margin-bottom:38px}.auth-card h1{font-size:2.3rem}.auth-card .tiny{margin:23px 0 0}form label{display:block;color:#c9dce3;font-size:.83rem;font-weight:600;margin:17px 0}form input:not([type=hidden]),form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #91c7d244;border-radius:10px;background:#081823;color:#effbfc;outline:0}form input:focus,form select:focus{border-color:#80ecda;box-shadow:0 0 0 3px #70e9d522}.narrow .panel{margin:20px 0}
@media(max-width:800px){.grid.lower{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr;min-height:400px;padding:28px}.hero-copy{align-self:start}.car-art{min-height:190px}.car-art img{width:min(95%,520px)}.orbit{width:55%}}
@media(max-width:540px){.top{height:65px;padding:0 18px}.top nav{gap:14px}.top nav a,.link{font-size:.76rem}.brand span{font-size:.75rem}.container{padding:27px 16px 50px}.intro{align-items:start;flex-direction:column}.panel{border-radius:19px;padding:18px}.hero{min-height:390px}.hero h2{font-size:2.1rem}.status-grid{grid-template-columns:repeat(2,1fr)}.vehicle .section-head{align-items:start}.battery-ring{width:88px;height:88px}.metric strong{font-size:1.6rem}.invite-panel{align-items:start;flex-direction:column}.job{display:grid;grid-template-columns:1fr auto;gap:3px}.job small{grid-column:1/-1;margin:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}