:root{--bg:#101b20;--ink:#e7f0ef;--muted:#a0b4b8;--line:#2d4148;--accent:#b9f46c;--white:#17272e;--radius:18px}
body{background:radial-gradient(ellipse at 85% 0,#234c493d,transparent 45%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{width:min(1420px,calc(100% - 72px))}header{padding:24px 0}.brand{letter-spacing:-.9px;font-size:24px}.brand-icon{background:var(--accent);color:#142321;transform:rotate(-8deg)}.brand-dot{color:var(--accent)}.private-label{border:1px solid var(--line);border-radius:100px;padding:9px 14px;letter-spacing:.5px}
.intro{grid-template-columns:1.6fr 1fr;padding:44px 0 32px;gap:40px}.intro h1{font-size:clamp(38px,4.4vw,62px);letter-spacing:-2.6px;line-height:1.05;margin:17px 0}.intro h1 em{font-family:inherit;color:var(--accent);font-style:normal;font-weight:650;letter-spacing:-2.6px}.eyebrow{color:#96b1b5;font-size:10px;letter-spacing:2px}.lead{font-size:14px}.location-card{background:linear-gradient(125deg,#203c40,#172a32);border:1px solid #35545a;padding:24px;position:relative;overflow:hidden}.location-card:after{content:'⌖';position:absolute;right:15px;top:-20px;color:#a9d4c810;font-size:160px;pointer-events:none}.location-card h2{font-size:24px}.primary{background:var(--accent);color:#142321;font-weight:750}.text-button{color:#b2c9cb}.controls{background:#17272ee6;border:1px solid var(--line);gap:22px;padding:14px}.fuel-switch{background:#0c171c}.fuel-switch button{color:#a9bcc0}.fuel-switch [aria-pressed=true]{background:var(--accent);color:#142321}.controls select,.list-filters select{background:#17272e;border-color:#35515b;color:var(--ink)}.controls input{border-color:#35515b}.outline{background:#243a42;color:var(--ink);border:1px solid #35515b}.status{margin:14px 0 20px}.status.error{color:#ffc28d}.stats{gap:14px}.stats article{background:#192b33;border:1px solid var(--line);padding:22px}.stats span{font-size:11px}.stats strong{font-size:36px;font-variant-numeric:tabular-nums;color:#edf6f3;margin:13px 0 8px}.stats .saving{background:var(--accent);border-color:var(--accent);color:#193221}.stats .saving strong{color:#193221}.stats .saving span,.stats .saving small{color:#335133}.stats small{white-space:normal;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;margin-top:32px;align-items:start}.results{min-width:0}.section-heading{margin:0 0 16px;display:block}.section-heading h2{font-size:22px}.list-filters{justify-content:space-between;margin-top:16px;padding:12px 0;border-top:1px solid var(--line)}.stations{grid-template-columns:1fr;gap:12px}.station{padding:20px;background:#192b33;border-color:#2f454e;border-radius:15px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0}.station.best{border-color:#80a650;background:linear-gradient(120deg,#223732,#192b33)}.station-top{grid-column:1/-1}.badge{background:#293f47;color:#b8d1d4;font-size:9px}.station.best .badge{color:#193221;background:var(--accent)}.open{color:#b9e8a6}.closed{color:#f4b29c}.station h3{grid-column:1;line-height:1.4;margin:14px 0 5px;font-size:15px}.station .address{grid-column:1;min-height:0;font-size:11px}.price-row{grid-column:2;grid-row:2/4;display:block;margin:15px 0 0;text-align:right}.price{font-size:30px;letter-spacing:-1.2px;display:block;white-space:nowrap}.price small{font-size:10px;display:block;margin:3px 0;color:var(--muted)}.distance{display:block;margin-top:7px}.timestamp{grid-column:1/-1;margin:12px 0;font-size:10px}.station button{grid-column:1;background:#2b444d;border-color:#35545e;color:#e0eeee;font-size:11px;text-align:left}.station .routes{grid-column:2;flex-direction:column;gap:8px;margin:0;align-self:center;white-space:nowrap;font-size:10px}.station .routes a{color:#b6ccd0}.station:hover{border-color:#53727b;box-shadow:none}.more{display:block;width:100%;margin:15px 0;background:#213841;color:#e7f0ef;border:1px solid var(--line);padding:14px;border-radius:12px;font-size:12px}.empty{background:#192b33}.history{position:sticky;top:20px;margin:0;background:#f1f3ed;color:#1b3430;border:0;padding:25px;min-width:0;--muted:#5b7069;--line:#d3ded7;--ink:#1b3430;--bg:#e6ece1}.history-heading{display:block}.history-heading h2{font-size:22px;line-height:1.35}.history-heading label{display:inline-block;margin-top:13px}.history-heading select{background:#fff;color:#1b3430;border-color:#c5d3cb}.chart-wrap{height:265px;background:linear-gradient(180deg,#fff5,transparent);border-radius:12px}.chart-summary{font-size:11px;gap:10px;line-height:1.6}.history details{font-size:11px}.history th,.history td{font-size:11px}.recommendation{background:#dce8ce;padding:18px;border:1px solid #c8d9b8}.recommendation h3{font-size:14px}.recommendation p{font-size:12px}.recommendation small{font-size:10px}.notes{padding-top:28px;border-top:1px solid var(--line);margin:36px 0;gap:30px}.notes article>span{color:var(--accent);font-family:inherit;font-size:12px;font-weight:750;border:1px solid #3a5547;padding:5px 8px;border-radius:6px}.notes h3{font-size:13px}.notes p{font-size:11px}footer{padding:24px 0 36px}footer a{color:#c3e4cd}button:hover{filter:brightness(1.08)}button:disabled{filter:none}.fuel-switch button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b9f46c}
@media(max-width:1050px){main{width:calc(100% - 40px)}.intro{gap:24px}.workspace{gap:18px;grid-template-columns:1fr 1fr}.price{font-size:26px}.history{padding:20px}.stats strong{font-size:30px}.controls{gap:12px}.station{padding:16px;column-gap:10px}.station .routes{font-size:9px}}
@media(max-width:760px){.intro{grid-template-columns:1fr}.intro h1{font-size:43px}.workspace{grid-template-columns:1fr}.history{position:static;grid-row:1}.chart-wrap{height:220px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .saving{grid-column:1/-1}.stats .saving strong{font-size:34px}.stats article{padding:18px}.notes{grid-template-columns:1fr}.stations{grid-template-columns:1fr}.private-label{display:none}.controls{gap:12px}.fuel-switch{width:100%;justify-content:space-between}.controls .outline{margin-left:0}}
@media(max-width:440px){main{width:calc(100% - 28px)}.intro{padding:26px 0 24px}.intro h1,.intro h1 em{font-size:37px;letter-spacing:-1.6px}.stats strong{font-size:26px}.station h3{font-size:14px}.price{font-size:25px}.controls label{font-size:10px}.fuel-switch button{padding:12px}.history{padding:18px}.location-card{padding:20px}.section-heading h2{font-size:21px}.station .routes{font-size:10px}.list-filters{gap:6px}}