:root{color:#183e35;--green:#123e34;--muted:#647368;font-synthesis:none;background:#f8f9f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:8px;padding:10px 14px}a{color:var(--green)}button:focus-visible{outline:3px solid var(--green);outline-offset:3px}a:focus-visible{outline:3px solid var(--green);outline-offset:3px}input:focus-visible{outline:3px solid var(--green);outline-offset:3px}select:focus-visible{outline:3px solid var(--green);outline-offset:3px}.map-layout{display:grid;grid-template-columns:410px 1fr;grid-template-rows:auto minmax(0,1fr);height:100dvh}aside{overflow-y:auto;background:#f8f9f5;padding:0 20px}.map-controls{background:#f8f9f5;min-width:0;padding:12px 20px}.map-controls form{margin:0}#list-panel{grid-column:1;grid-row:2}#list-close{display:none}.eyebrow{letter-spacing:2px;color:#64764e;font-size:10px;font-weight:700}h1{letter-spacing:-1px;margin:14px 0;font-size:32px;line-height:1.2}h2{margin-top:30px}p{color:var(--muted);font-size:13px;line-height:1.6}form{margin:18px 0}label{display:block;margin:10px 0 6px;font-size:12px;font-weight:600}input,select{color:var(--green);background:#fff;border:1px solid #cbd5c6;border-radius:8px;max-width:100%;padding:10px}select{font-size:12px}.searchbox{display:flex;gap:5px}.search-input{position:relative;flex:1;min-width:0}.search-input input{width:100%;padding-right:36px}#search-clear{position:absolute;color:var(--green);background:0 0;padding:4px 8px;font-size:20px;line-height:1;top:50%;right:4px;transform:translateY(-50%)}#filters{display:flex;min-width:0;margin:0 0 12px}#fuel{display:flex;overflow-x:auto;scrollbar-width:none;border:0;gap:6px;min-width:0;margin:0;padding:3px}#fuel label{cursor:pointer;flex-shrink:0;margin:0}#fuel input{position:absolute;opacity:0;width:1px;height:1px;padding:0}#fuel span{display:block;white-space:nowrap;background:#fff;border:1px solid #cbd5c6;border-radius:30px;padding:7px 11px;font-size:12px}#fuel :checked+span{background:var(--green);color:#fff;border-color:var(--green)}#fuel :focus-visible+span{outline:3px solid var(--green);outline-offset:1px}.summary>select{max-width:55%;margin-left:auto;padding:7px}.summary>strong{white-space:nowrap}.summary .list-area-hint{width:100%}.summary{display:flex;position:relative;border-top:1px solid #dce3d7;flex-wrap:wrap;align-items: center;gap:8px;padding:17px 0 5px;font-size:14px}.station{display:flex;text-decoration:none;background:#fff;border:1px solid #dce3d7;border-radius:12px;align-items: center;gap:10px;margin-bottom:9px;padding:15px 12px}.station:hover{border-color:#7a9b68}.brand{display:grid;background:#eff3e8;border-radius:8px;flex-shrink:0;place-items: center;width:32px;height:32px;font-size:12px;font-weight:700}.info{flex:1;min-width:0}.info strong{display:block;font-size:12px}.address,.info small{display:block;color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5}.price{white-space:nowrap;font-size:21px;font-weight:750}.price small{display:block;color:var(--muted);text-align:right;margin-top:4px;font-size:10px;font-weight:400}.map-panel{grid-column:2;grid-row:1/-1;isolation:isolate;position:relative;overflow:hidden;background:#e8ece3}#map{isolation:isolate;height:100%;min-height:300px}#locate{position:absolute;z-index:600;top:20px;right:20px;box-shadow:0 2px 12px #0002}.leaflet-top.leaflet-left{top:10px}#mobile-toggle{display:none}#status.error{color:#97482f;background:#fff0e9;border-radius:8px;padding:10px}nav{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;font-size:13px}#connection{color:#654f14;background:#fff0c8;padding:10px 20px;font-size:13px}.detail-page{max-width:850px;margin:35px auto;padding:0 25px 50px}.detail-page>.eyebrow{margin-top:30px}.detail-prices{display:grid;gap:12px;margin:25px 0}.detail-prices>div{display:flex;border-bottom:1px solid #dce3d7;justify-content:space-between;gap:20px;padding-bottom:10px;font-size:14px}.navigate{display:block;background:var(--green);color:#fff;text-align:center;text-decoration:none;border-radius:10px;margin-top:20px;padding:14px}.navigation-links{display:flex;flex-wrap:wrap;gap:8px}.navigation-links .navigate{flex:1;min-width:130px}.detail-page form{display:flex;flex-wrap:wrap;align-items: end;gap:15px}.detail-page label{margin:0}.detail-page label select{display:block;margin-top:6px}.history-chart{display:block;background:#fff;border:1px solid #dce3d7;border-radius:10px;width:100%;max-height:250px}.history-chart text{fill:var(--muted);font-size:11px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #dce3d7;padding:10px}[hidden]{display:none!important}.station.is-selected{box-shadow:inset 0 0 0 2px #b28c24}.station-highlight-label{border:2px solid #b28c24;font-weight:600}#station-card-viewport{position:absolute;z-index:850;width:min(350px,100% - 36px);top:18px;left:18px}#station-card{display:flex;background:#fff;border:1px solid #dce3d7;border-radius:16px;flex-direction:column;max-height:calc(100dvh - 36px);padding:22px;box-shadow:0 6px 30px #0003}#station-card-title{margin:0 36px 10px 0;font-size:23px}#station-card-close{position:absolute;color:var(--green);background:0 0;padding:4px 10px;font-size:25px;top:10px;right:10px}#station-card-body{overflow-y:auto;overscroll-behavior:contain;min-height:0}#station-card h3{font-size:15px}.drawer-handle{display:none}@media (max-width:600px){#station-backdrop{position:fixed;z-index:1050;background:#0003;inset:0}#station-card-viewport{position:fixed;display:flex;z-index:1100;pointer-events:none;align-items: end;width:100%;inset:0}#station-card{position:relative;padding-bottom:calc(22px + env(safe-area-inset-bottom));pointer-events:auto;border-radius:20px 20px 0 0;width:100%;max-height:78dvh}.drawer-handle{display:block;background:#bac5b6;border-radius:4px;flex-shrink:0;width:42px;height:5px;margin:-8px auto 18px}.station-card-open #mobile-toggle{visibility:hidden}}@media (prefers-reduced-motion:reduce){#station-card,#station-backdrop{transition:none}}@media (max-width:800px){.map-layout{grid-template-columns:330px 1fr}aside{padding:22px 18px}#locate{top:70px;right:10px}}@media (max-width:600px){.map-layout{display:block;height:100dvh}.map-panel{display:none}.map-ready .map-panel{display:block;position:fixed;inset:0}.map-ready .map-controls{position:fixed;z-index:1000;padding-top:calc(10px + env(safe-area-inset-top));pointer-events:none;background:0 0;top:0;left:0;right:0}.map-ready .search-form{pointer-events:auto}.searchbox input,.searchbox select{box-shadow:0 2px 8px #0001}.leaflet-control-zoom{display:none}#search-status:not(:empty){background:#fff;border-radius:8px;padding:6px}.leaflet-top.leaflet-left{top:var(--map-controls-height,180px)}#locate{top:calc(var(--map-controls-height,180px) + 10px)}.map-ready:not(.list-open) #list-drawer:not([data-native-drawer]){display:none}.list-open #mobile-toggle{visibility:hidden}#mobile-toggle:not([hidden]){display:block;position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));z-index:800;white-space:nowrap;border-radius:25px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #0003}#mobile-toggle{color:var(--green);background:#fff;border:1px solid #c5d0be}#connection:not([hidden]){position:fixed;z-index:900;top:0;left:0;right:0}.detail-page{margin:25px auto}h1{font-size:29px}}.money{white-space:nowrap}.price-last{vertical-align:super;font-size:.68em;line-height:0}#list-area{position:absolute;pointer-events:none;z-index:450;border:2px solid #426a51aa;border-radius:3px;inset:25%}.list-area-hint{display:block;color:var(--muted);margin-top:5px;font-size:11px}#search-results{list-style:none;margin:8px 0;padding:0}#search-results button{text-align:left;color:var(--green);background:#fff;border:1px solid #dce3d7;width:100%;margin:3px 0;font-size:12px}#search-results button[aria-selected=true],#search-results button:hover{border-color:var(--green);background:#edf3e8}#search-results button{min-height:44px}#search-status{margin-top:8px;font-size:12px}#search-status:empty,#search-results:empty{display:none}.opening-hours{font-size:11px}.opening-hours ol{list-style:none;padding:0}.opening-hours li{display:grid;grid-template-columns:22px minmax(50px,1fr)minmax(82px,auto);align-items: center;gap:8px;padding:5px 0}.opening-hours .today{font-weight:700}.hours-axis{display:flex;color:var(--muted);justify-content:space-between;margin:0 100px 0 30px;font-size:9px}.hours-track{position:relative;overflow:hidden;background:#eef1eb;border-radius:4px;height:8px}.hours-track i{position:absolute;background:#779c5e;border-radius:4px;height:100%;top:0}.chart-note{font-size:11px}#station-card .history-chart{min-height:130px}#station-card .history-chart text{font-size:16px}@media (max-width:600px){#list-area,.list-area-hint{display:none}}#map.painting,#map.painting .leaflet-interactive{cursor:crosshair}#loading{position:absolute;border:2px solid #cbd5c6;border-top-color:var(--green);animation:.8s linear infinite spin;border-radius:50%;width:16px;height:16px;top:26px;right:-18px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#loading{animation:none}}