:root{--carbon-black: #f5f5f0;--carbon-dark: #eeeee8;--carbon-mid: #e4e4de;--carbon-light: #d8d8d2;--electric-blue: #0099cc;--electric-blue-glow: rgba(0, 153, 204, .2);--electric-cyan: #0088b3;--thermal-orange: #e05a2b;--thermal-orange-glow: rgba(224, 90, 43, .2);--chrome-silver: #5a5a68;--chrome-bright: #1a1a2e;--chrome-dim: #5c5c72;--success-green: #00a854;--warning-amber: #e09500;--danger-red: #d43030;--error-red: #d43030;--eco-green: #00a854;--gradient-dark: linear-gradient(180deg, var(--carbon-dark) 0%, var(--carbon-black) 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, var(--carbon-dark) 100%);--gradient-electric: linear-gradient(135deg, var(--electric-blue) 0%, var(--electric-cyan) 100%);--gradient-thermal: linear-gradient(135deg, var(--thermal-orange) 0%, #e87a55 100%);--gradient-hybrid: linear-gradient(135deg, var(--warning-amber) 0%, #d4a017 100%);--gradient-chrome: linear-gradient(145deg, var(--chrome-bright) 0%, var(--chrome-silver) 100%);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .1);--glass-blur: blur(20px);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono: "Fira Code", "Consolas", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow-blue: 0 0 30px var(--electric-blue-glow);--shadow-glow-orange: 0 0 30px var(--thermal-orange-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-primary);background:var(--carbon-black);color:var(--chrome-bright);min-height:100vh;line-height:1.6;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;overflow-x:hidden;font-variant-numeric:proportional-nums;font-kerning:normal}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem;margin-top:0}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 768px){.container{padding:0 6px}}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#ffffff;padding:var(--spacing-xs) 0;position:relative;border-bottom:1px solid var(--glass-border);box-shadow:0 1px 4px #0000000f}.header-content{display:flex;align-items:center;justify-content:space-between}@keyframes spin{to{transform:rotate(360deg)}}.form-top-row .form-update-info{flex:1}.config-btn--desktop{font-size:13px!important;flex-shrink:0}.config-btn--mobile{display:none!important}.geo-btn-wrap--mobile,.prix-mobile-total{display:none}.stat-travel-cost{font-size:12px;color:var(--chrome-dim);margin-left:6px}.show-mobile-only{display:none}.config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px}.config-modal{background:#fff;border-radius:16px;padding:24px;max-width:600px;width:100%;box-shadow:0 8px 32px #00000040}.config-fuel-grid{display:flex;flex-wrap:nowrap;gap:6px;margin:8px 0 12px;overflow-x:auto}.config-input{width:100%;padding:10px 12px;border:1.5px solid #d0d7de;border-radius:8px;font-size:15px;margin-top:6px;box-sizing:border-box}.config-close-btn{display:block;width:100%;margin-top:20px;padding:12px;background:#1976d2;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.fuel-btn{padding:10px 16px;font-size:14px}.fuel-label-short{display:none}.results-table th,.results-table td{border:none!important}.results-table tr{border-bottom:1px solid rgba(0,0,0,.06)}.open-badge{display:none}.results-count{font-size:28px}.prix-cell-inner{padding:6px 14px;text-align:center;line-height:1.3}.prix-content{text-align:center}.seo-section{margin:40px 0;color:var(--chrome-dim);line-height:1.7;font-size:17px}.seo-section h2{color:var(--chrome-bright);font-size:1.5rem;margin-bottom:12px}.seo-section p+p{margin-top:12px}.faq-section{margin-bottom:40px}.faq-section h2{color:var(--chrome-bright);font-size:1.5rem;margin-bottom:16px}.faq-item{margin-bottom:12px;border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;background:var(--glass-bg);transition:box-shadow .2s}.faq-item[open]{box-shadow:0 2px 12px #0000000f}.faq-item summary{cursor:pointer;font-weight:600;color:var(--chrome-bright);font-size:15px;line-height:1.5;list-style:none;display:flex;align-items:center;gap:10px}.faq-item summary:before{content:"▶";font-size:10px;color:var(--electric-blue);transition:transform .2s;flex-shrink:0}.faq-item[open] summary:before{transform:rotate(90deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:12px;color:var(--chrome-dim);line-height:1.8;font-size:14px;padding-left:20px}.station-tooltip{background:#fff!important;border:1px solid #ccc!important;border-radius:8px!important;padding:4px 8px!important;box-shadow:0 2px 8px #00000026!important;white-space:nowrap!important}.station-tooltip:before{border-top-color:#ccc!important}.station-tooltip--cheapest{background:#e8f5e9!important;border:2px solid #4caf50!important;border-radius:8px!important;padding:4px 8px!important;box-shadow:0 2px 12px #4caf5059!important;white-space:nowrap!important;z-index:1000!important}.station-tooltip--cheapest:before{border-top-color:#4caf50!important}.station-tooltip--closest{background:#e3f2fd!important;border:2px solid #2196f3!important;border-radius:8px!important;padding:4px 8px!important;box-shadow:0 2px 12px #2196f359!important;white-space:nowrap!important;z-index:999!important}.station-tooltip--closest:before{border-top-color:#2196f3!important}.station-row-address{margin-top:0;margin-bottom:0;padding-top:3px;border-top:1px solid #e8e8e8;font-size:18px!important;line-height:1.3}.user-tooltip{background:#fff!important;border:2px solid #ff5722!important;border-radius:8px!important;padding:4px 10px!important;font-weight:700!important;font-size:13px!important;color:#ff5722!important;box-shadow:0 2px 8px #ff57224d!important;z-index:2000!important}.user-tooltip:before{border-top-color:#ff5722!important}.itineraire-waze,.waze-mobile-only{display:none!important}@media (max-width: 768px){.itineraire-waze,.waze-mobile-only{display:flex!important}}.invisible{display:none!important}.results-table .fav-col,.results-table .prix-cell,.results-table .logo-col,.results-table .ouverture-col,.results-table .dist-cell,.results-table .trajet-cell,.results-table .dist-ar-cell,.results-table .trajet-ar-cell,.results-table .itineraire-col{white-space:nowrap;width:1px}.station-cell{overflow:hidden}.results-table .logo-col .station-logo{width:120px!important;height:120px!important}.station-cell a{overflow:hidden}.table-extra-unit{font-size:.7em;font-weight:400;opacity:.7}.radius-value{font-size:48px;font-weight:700;white-space:nowrap;min-width:70px;text-align:right}.radius-value--rayon{color:#1976d2}.radius-value--surcharge{color:#e65100}.radius-value--duree{color:#4a148c}@media (max-width: 768px){.config-fuel-grid{flex-wrap:wrap!important}.hide-mobile{display:none!important}.show-mobile-only{display:inline!important}.hero-section{padding:0!important;margin-bottom:2px!important;overflow:hidden!important}.hero-logo{width:100%!important;height:auto!important;display:block!important}.hero-section h1{font-size:1rem!important;margin:0!important}.station-cp{display:none!important}.form-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px!important;margin-top:0!important}.form-top-row .form-update-info{text-align:left;margin-bottom:0;font-size:11px;flex:1}.form-top-row .geo-btn-wrap--mobile{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px;flex-shrink:0}.form-top-row .geo-btn{padding:6px 10px!important;font-size:12px!important;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.config-btn--desktop{display:none!important}.config-btn--mobile{display:inline-flex!important;padding:6px 8px!important;font-size:14px!important}.search-row>.geo-btn-wrap:not(.geo-btn-wrap--mobile){display:none!important}.search-row{flex-wrap:wrap;gap:4px!important}.search-input-wrap{flex:1 1 100%!important;height:30px!important}.dest-field{margin-top:4px!important}.fuel-btn{padding:8px 6px;font-size:10px}.fuel-label-full{display:none}.fuel-label-short{display:inline}.table-wrapper{overflow-x:hidden!important;width:100%!important}.results-table{width:100%!important;table-layout:fixed!important}.results-table td,.results-table th{word-break:break-word!important;overflow:hidden!important}.fav-col,.logo-col,.total-col,.ouverture-col,.itineraire-col{display:none!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;border:none!important;overflow:hidden!important}.stat-travel-cost{font-size:10px!important;margin-left:4px!important;display:block!important;margin-top:2px!important}.prix-cell-inner{text-align:center;line-height:1.3;padding:4px 2px}.fav-inline{display:block!important;position:absolute;top:1px;left:1px;z-index:1;cursor:pointer;font-size:22px!important}.prix-content{text-align:center}.prix-cell{padding:0!important;position:relative!important}.station-logo-inline{display:inline-block!important;width:24px!important;height:24px!important;border-radius:4px;object-fit:contain;margin-right:6px;vertical-align:middle}.station-logo-fallback-inline{display:none!important}.station-cell{padding:0!important;font-size:12px!important;overflow:hidden!important}.station-cell>a{display:block!important;padding:6px!important}.station-cell .station-row-top{display:flex!important;align-items:center!important;gap:6px!important}.station-cell .station-row-top>div{font-size:10px!important}.station-row-top{display:flex;align-items:center;gap:6px;flex:1}.station-row-address{margin-top:0;margin-bottom:2px;padding-top:10px;padding-bottom:0;border-top:1px solid #e8e8e8;font-size:11px!important;line-height:1.2}.station-inline-extras{display:flex!important}.open-badge{display:block!important;position:absolute;top:2px;right:2px;left:auto;font-size:12px;line-height:1;z-index:1}.prix-col{width:100px!important;min-width:100px!important;max-width:120px!important;white-space:nowrap!important}.prix-cell{padding:4px!important;position:relative!important;vertical-align:middle!important}.station-col{width:auto!important;min-width:0!important;overflow:hidden!important}.dist-col,.trajet-col,.dist-cell,.trajet-cell{display:none!important}.dist-ar-col,.trajet-ar-col,.dist-ar-cell,.trajet-ar-cell{display:table-cell!important}.results-table .dist-cell>div,.results-table .trajet-cell>div{font-size:14px!important}.results-table .dist-cell>.table-extra-km,.results-table .trajet-cell>.table-extra-min{font-size:14px!important}.closest-rank-badge{display:none!important}.nav-inline-waze,.nav-inline-maps{display:flex!important}.nav-inline-waze img,.nav-inline-maps img{width:44px!important;height:44px!important}.results-table th{padding:6px 2px!important;font-size:14px!important;white-space:nowrap!important}.results-table,.results-table th,.results-table td{border:none!important}.prix-cell{padding:1px 2px!important}.prix-mobile-total{display:block!important}.prix-mobile-total__total{font-weight:800;font-size:4px;color:var(--chrome-bright);line-height:1.2}.prix-mobile-total__surcharge{font-weight:700;font-size:18px;line-height:1.2}.prix-mobile-total__trajet{font-size:9px!important}.prix-litre{font-size:11px!important;margin-top:2px!important}.prix-plein-line,.trophy-badge{display:none!important}.station-logo{width:28px!important;height:28px!important}.station-logo-fallback{font-size:36px!important}.stats-section{margin-bottom:2px!important;padding-bottom:0!important}.stats-section+section{padding-top:0!important;margin-top:0!important}.tabs-nav{margin-bottom:2px!important;padding:2px!important}.results-count{font-size:18px!important;margin:0 0 4px!important;padding:0!important;font-weight:700}.seo-section{font-size:15px!important}.seo-section h2,.faq-section h2{font-size:1.2rem!important}.faq-item summary{font-size:14px!important}.faq-item p{font-size:14px!important}}.form-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:12px 28px 24px;margin-bottom:20px}.form-update-info{text-align:center;margin-bottom:12px;font-size:12px;color:var(--chrome-dim);line-height:1.5}.form-update-info strong{color:#e53935}.search-wrapper{position:relative}.dest-field{margin-top:8px}.search-row{display:flex;gap:8px}.search-input-wrap{position:relative;flex:1;height:38px}.search-icon{position:absolute;left:14px;top:0;bottom:0;height:38px;font-size:18px;pointer-events:none;opacity:.6;line-height:38px}.search-input{width:100%;height:44px;padding:0 14px 0 38px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg);color:var(--chrome-bright);font-size:22px;box-sizing:border-box}.geo-btn-wrap{display:flex;flex-direction:column;align-items:center;margin-left:auto;flex-shrink:0}.geo-btn{padding:10px 14px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--chrome-bright);font-weight:600;font-size:18px;white-space:nowrap;transition:all .2s}.geo-btn:disabled{cursor:wait;opacity:.6}.geo-error{color:#f59e0b;font-size:14px;text-align:center;margin:4px 0 0}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:9999;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-top:4px;max-height:300px;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.suggestion-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);color:var(--chrome-bright);font-size:15px;transition:background .15s}.suggestion-item:hover{background:rgba(0,191,255,.1)}.suggestion-item__context{font-size:11px;color:var(--chrome-dim)}.suggestion-separator{padding:4px 16px;font-size:11px;color:var(--chrome-dim);background:rgba(255,255,255,.03)}.suggestion-commune{padding:10px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);color:var(--chrome-bright);font-size:15px;transition:background .15s}.suggestion-commune:hover{background:rgba(0,153,204,.1)}.suggestion-commune--group{background:rgba(0,191,255,.06);font-weight:600}.suggestion-commune--group:hover{background:rgba(0,153,204,.1)}.min-chars-msg{color:var(--chrome-dim);font-size:14px;margin-top:8px;text-align:center}.volume-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.volume-label{color:var(--chrome-dim)}.volume-input{width:70px;padding:4px 8px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg);color:var(--chrome-bright);font-size:18px;text-align:center;font-weight:600}.volume-unit{color:var(--chrome-dim);font-size:22px}.radius-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.radius-label{color:var(--chrome-dim);font-size:18px;white-space:nowrap;min-width:70px}.radius-slider{flex:1;max-width:600px;min-width:80px;accent-color:#2196f3}.radius-value{color:var(--chrome-bright);font-size:18px;font-weight:600;white-space:nowrap}.filters-fieldset{border:1.5px solid var(--glass-border);border-radius:12px;padding:0 16px 8px;margin:8px 0 4px}.filters-surcharge-duree{display:flex;gap:16px}@media (max-width: 600px){.filters-surcharge-duree{flex-direction:column;gap:0px}}.fuel-buttons{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;margin-top:18px}@media (max-width: 768px){.fuel-buttons{flex-wrap:wrap}}.fuel-btn{padding:4px 6px}@media (min-width: 769px){.fuel-btn{padding:10px 18px;font-size:17px}}.filters-legend{padding:2px 12px;font-size:18px;font-weight:700;color:var(--chrome-bright);letter-spacing:.5px}.geo-btn-wrap--mobile{display:none}.form-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}@media (max-width: 768px){.form-section{padding:0 10px!important;margin-bottom:18px}.search-input{width:100%;height:30px;padding:2px 14px 0 38px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg);color:var(--chrome-bright);font-size:14px;box-sizing:border-box}.search-row{flex-wrap:wrap;gap:4px!important}.search-input-wrap{flex:1 1 100%!important}.geo-btn{white-space:normal!important;max-width:80px;text-align:center;padding:8px 10px!important;font-size:13px!important}.form-top-row .geo-btn{white-space:nowrap!important;max-width:none}.volume-label,.volume-unit,.radius-label{font-size:12px!important}.volume-row{margin-top:2px!important}.radius-value{font-size:16px!important;font-weight:700!important;min-width:60px!important}.volume-input{width:60px!important;font-size:12px!important;padding:0 8px!important}.fuel-buttons{gap:4px!important;margin-top:6px!important}.filters-legend{font-size:12px!important;padding:1px 0!important}.filters-fieldset{padding:0 8px 6px!important;margin:6px 0 4px!important}.filters-surcharge-duree .radius-row{margin-top:2px!important}.radius-row:first-of-type{margin-top:0!important}}.stats-section{display:flex;gap:12px;margin-bottom:24px;align-items:stretch}.stat-tile{flex:1;background:var(--glass-bg);border-radius:12px;padding:14px 16px 6px;text-align:center;position:relative;display:flex;flex-direction:column}.stat-tile--closest{border:2px solid #2196f3}.stat-tile--cheapest{border:2px solid #4caf50}.stat-tile--both{flex:2;border:2px solid;border-image:linear-gradient(90deg,#2196f3,#4caf50) 1;border-radius:12px}.stat-tile--both~.stat-tile--info{flex:1;min-width:0;max-width:none}.stat-tile--info{flex:0 0 auto;min-width:180px;max-width:220px;border:1px solid var(--glass-border);padding:10px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:18px}.stat-badge{position:absolute;top:-14px;left:12px;color:#fff;font-weight:800;font-size:22px;text-transform:uppercase;padding:4px 14px;border-radius:8px;letter-spacing:.5px}.stat-badge--closest{background:#2196f3}.stat-badge--cheapest{background:#4caf50}.stat-badge--right{left:auto;right:12px}.stat-badge--info{background:#607d8b;top:-12px;left:50%;transform:translate(-50%);font-size:13px;white-space:nowrap}.stat-surcharge{color:#fff;font-weight:800;font-size:26px;padding:2px 10px;border-radius:6px;letter-spacing:.5px;white-space:nowrap;margin-left:auto}.stat-surcharge--positive{background:#e53935}.stat-surcharge--zero{background:#4caf50}.stat-headline{font-size:26px;font-weight:700;margin-top:16px}.stat-headline--closest{color:#2196f3}.stat-headline--cheapest{color:#4caf50}.stat-headline--both{color:#2196f3}.stat-headline__sub{font-weight:600;font-size:18px}.stat-plein{display:flex;align-items:center;margin-top:auto;padding:4px 0 0;font-size:22px;font-weight:800;text-align:left}.stat-plein--closest{border-top:1px solid rgba(33,150,243,.25);color:#2196f3}.stat-plein--both{border-top:1px solid rgba(33,150,243,.25);color:#4caf50}.stat-plein--cheapest{border-top:1px solid rgba(76,175,80,.25);color:#4caf50}.stat-detour-extra{font-size:22px;color:#e53935;font-weight:700;margin-left:auto;padding-left:12px;white-space:nowrap}.stat-extra-info{font-size:25px;font-weight:600;color:#e53935;margin-top:3px}.stat-extra-info__unit{font-size:14px;font-weight:500;opacity:.75}.table-extra-km,.table-extra-min{font-size:25px;font-weight:600;color:#e53935;margin-top:2px}.station-block{display:flex;align-items:center;gap:10px;margin-top:0;text-align:left}.station-block__logo-wrap{flex-shrink:0;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.station-block__logo{width:96px;height:96px;border-radius:8px;object-fit:contain;background:#fff;padding:2px}.station-block__info{flex:1;font-size:23px;color:var(--chrome-dim);line-height:1.4;min-width:0}.station-block__name{font-weight:700;color:var(--chrome-bright);font-size:24px}.station-block__address{font-size:15px;color:var(--chrome-dim);opacity:.7}.station-block__nav{display:flex;flex-direction:row;gap:4px;flex-shrink:0}.station-block__nav-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s}.station-block__nav-link--waze{background:rgba(51,183,255,.1);display:none}.station-block__nav-link--waze:hover{background:rgba(51,183,255,.22)}@media (max-width: 768px){.station-block__nav-link--waze{display:flex}}.station-block__nav-link--maps{background:rgba(76,175,80,.1)}.station-block__nav-link--maps:hover{background:rgba(76,175,80,.22)}.stat-info__row{display:flex;justify-content:space-between;align-items:baseline}.stat-info__label{color:var(--chrome-dim)}.stat-info__value--avg{font-weight:700;color:#ffc107}.stat-info__value--max{font-weight:700;color:#e53935}.stat-info__value--count{font-weight:700;color:var(--chrome-bright)}@media (max-width: 768px){.stats-section{flex-direction:column!important;gap:18px!important}.stat-tile{padding:0 10px!important}.stat-badge{font-size:13px!important;padding:3px 10px!important}.stat-headline{font-size:21px!important}.stat-headline__sub{font-size:13px!important}.stat-plein{font-size:14px!important;padding:2px 0 0!important;margin-top:2px!important;margin-bottom:0!important;border-top:1px solid rgba(0,0,0,.06)}.stat-detour-extra{font-size:16px!important;padding-left:8px!important}.stat-extra-info{font-size:20px!important;margin-top:2px!important}.stat-extra-info__unit{font-size:12px!important;font-weight:500!important}.stat-surcharge{font-size:20px!important;padding:2px 10px!important;line-height:1.2!important}.stat-tile--info{display:none!important}.station-block__logo-wrap,.station-block__logo{width:64px!important;height:64px!important}.station-block__info,.station-block__name{font-size:16px!important}.nav-icon{width:72px!important;height:72px!important}}