:root{--color-primary: #213555;--color-primary-hover: #182B47;--color-primary-light: rgba(33, 53, 85, .08);--color-primary-dark: #152238;--color-accent: #D8C4B6;--color-accent-hover: #C9B1A0;--color-accent-light: rgba(216, 196, 182, .2);--color-navy-warm: #3E5879;--color-navy-muted: #4A6584;--color-success: #2D8A56;--color-success-light: rgba(45, 138, 86, .1);--color-danger: #C44536;--color-danger-light: rgba(196, 69, 54, .1);--color-warning: #B8860B;--color-warning-light: rgba(184, 134, 11, .1);--color-info: #3E5879;--color-info-light: rgba(62, 88, 121, .1);--color-bg-base: #F5EFE7;--color-bg-surface: rgba(255, 255, 255, .82);--color-bg-elevated: rgba(255, 255, 255, .92);--color-bg-overlay: rgba(13, 27, 42, .45);--color-bg-glass: rgba(255, 255, 255, .65);--color-text-primary: #1A1A2E;--color-text-secondary: #4A5568;--color-text-tertiary: #8896A6;--color-text-inverse: #F5EFE7;--color-border: rgba(33, 53, 85, .1);--color-border-light: rgba(33, 53, 85, .05);--color-divider: rgba(33, 53, 85, .07);--color-fill-hover: rgba(33, 53, 85, .04);--color-fill-pressed: rgba(33, 53, 85, .08);--color-fill-selected: rgba(216, 196, 182, .25);--color-focus-ring: rgba(33, 53, 85, .35);--shadow-xs: 0 1px 2px rgba(33, 53, 85, .06);--shadow-sm: 0 2px 8px rgba(33, 53, 85, .07), 0 1px 2px rgba(33, 53, 85, .04);--shadow-md: 0 4px 16px rgba(33, 53, 85, .08), 0 2px 4px rgba(33, 53, 85, .04);--shadow-lg: 0 8px 32px rgba(33, 53, 85, .1), 0 4px 8px rgba(33, 53, 85, .05);--shadow-xl: 0 16px 48px rgba(33, 53, 85, .12), 0 8px 16px rgba(33, 53, 85, .06);--shadow-float: 0 12px 40px rgba(33, 53, 85, .13), 0 4px 12px rgba(33, 53, 85, .07);--shadow-primary: 0 4px 12px rgba(33, 53, 85, .25);--shadow-glow: 0 0 20px rgba(216, 196, 182, .3);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-regular: 500;--font-weight-medium: 600;--font-weight-semibold: 700;--font-weight-bold: 800;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-price: -.03em;--z-index-base: 0;--z-index-map: 1;--z-index-above: 10;--z-index-controls: 20;--z-index-dropdown: 40;--z-index-sticky: 50;--z-index-overlay: 100;--z-index-modal: 200;--z-index-toast: 1000;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--transition-spring: .48s cubic-bezier(.34, 1.56, .64, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--grain-opacity: .025;--glass-blur: 20px;--glass-border: 1px solid rgba(255, 255, 255, .3)}[data-theme=dark],:root[data-theme=dark]{--color-primary: #D8C4B6;--color-primary-hover: #E0D0C2;--color-primary-light: rgba(216, 196, 182, .12);--color-primary-dark: #C4A994;--color-accent: #4A6584;--color-accent-hover: #5A7594;--color-accent-light: rgba(74, 101, 132, .15);--color-navy-warm: #6B8DB5;--color-navy-muted: #8896A6;--color-success: #4ADE80;--color-success-light: rgba(74, 222, 128, .12);--color-danger: #F87171;--color-danger-light: rgba(248, 113, 113, .12);--color-warning: #FBBF24;--color-warning-light: rgba(251, 191, 36, .12);--color-info: #6B8DB5;--color-info-light: rgba(107, 141, 181, .12);--color-bg-base: #0D1B2A;--color-bg-surface: rgba(27, 45, 69, .8);--color-bg-elevated: rgba(33, 53, 85, .85);--color-bg-overlay: rgba(5, 12, 20, .6);--color-bg-glass: rgba(27, 45, 69, .6);--color-text-primary: #E8E0D6;--color-text-secondary: #9AACBE;--color-text-tertiary: #607080;--color-text-inverse: #0D1B2A;--color-border: rgba(216, 196, 182, .1);--color-border-light: rgba(216, 196, 182, .05);--color-divider: rgba(216, 196, 182, .06);--color-fill-hover: rgba(216, 196, 182, .06);--color-fill-pressed: rgba(216, 196, 182, .1);--color-fill-selected: rgba(216, 196, 182, .12);--color-focus-ring: rgba(216, 196, 182, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .35);--shadow-float: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .35);--shadow-primary: 0 4px 12px rgba(216, 196, 182, .15);--shadow-glow: 0 0 30px rgba(216, 196, 182, .08);--grain-opacity: .04;--glass-border: 1px solid rgba(216, 196, 182, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #D8C4B6;--color-primary-hover: #E0D0C2;--color-primary-light: rgba(216, 196, 182, .12);--color-primary-dark: #C4A994;--color-accent: #4A6584;--color-accent-hover: #5A7594;--color-accent-light: rgba(74, 101, 132, .15);--color-navy-warm: #6B8DB5;--color-navy-muted: #8896A6;--color-success: #4ADE80;--color-success-light: rgba(74, 222, 128, .12);--color-danger: #F87171;--color-danger-light: rgba(248, 113, 113, .12);--color-warning: #FBBF24;--color-warning-light: rgba(251, 191, 36, .12);--color-info: #6B8DB5;--color-info-light: rgba(107, 141, 181, .12);--color-bg-base: #0D1B2A;--color-bg-surface: rgba(27, 45, 69, .8);--color-bg-elevated: rgba(33, 53, 85, .85);--color-bg-overlay: rgba(5, 12, 20, .6);--color-bg-glass: rgba(27, 45, 69, .6);--color-text-primary: #E8E0D6;--color-text-secondary: #9AACBE;--color-text-tertiary: #607080;--color-text-inverse: #0D1B2A;--color-border: rgba(216, 196, 182, .1);--color-border-light: rgba(216, 196, 182, .05);--color-divider: rgba(216, 196, 182, .06);--color-fill-hover: rgba(216, 196, 182, .06);--color-fill-pressed: rgba(216, 196, 182, .1);--color-fill-selected: rgba(216, 196, 182, .12);--color-focus-ring: rgba(216, 196, 182, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .35);--shadow-float: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .35);--shadow-primary: 0 4px 12px rgba(216, 196, 182, .15);--shadow-glow: 0 0 30px rgba(216, 196, 182, .08);--grain-opacity: .04;--glass-border: 1px solid rgba(216, 196, 182, .08)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{height:100%;width:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-base)}body{overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-accent-light);color:var(--color-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes appBarSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGlow{0%,to{box-shadow:var(--shadow-float),var(--shadow-glow)}50%{box-shadow:var(--shadow-float),0 0 30px var(--color-accent-light)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.leaflet-container{font-family:var(--font-family)!important;background:var(--color-bg-base)!important}.leaflet-control-zoom{border:none!important;border-radius:var(--radius-md)!important;overflow:hidden;box-shadow:var(--shadow-md)!important;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.leaflet-control-zoom a{background-color:var(--color-bg-glass)!important;color:var(--color-text-primary)!important;border:none!important;border-top:var(--glass-border)!important;width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;transition:background-color var(--transition-fast);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.leaflet-control-zoom a:hover{background-color:var(--color-fill-hover)!important}.leaflet-control-zoom a+a{border-top:var(--glass-border)!important}.leaflet-popup-content-wrapper{border-radius:var(--radius-lg)!important;background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-xl)!important;padding:0!important;overflow:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.leaflet-popup-content{margin:0!important;font-family:var(--font-family)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-normal)!important}.leaflet-popup-tip{background:var(--color-bg-elevated)!important;box-shadow:var(--shadow-md)!important}.leaflet-popup-close-button{color:var(--color-text-tertiary)!important;font-size:20px!important;padding:8px 10px 0 0!important;z-index:1}.leaflet-popup-close-button:hover{color:var(--color-text-secondary)!important}.custom-marker,.user-marker{background:none!important;border:none!important}.station-popup{display:flex;flex-direction:column;gap:0}.station-popup-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-primary-light);border-bottom:1px solid var(--color-divider)}.station-popup-logo{cursor:pointer;flex-shrink:0;line-height:0;border-radius:var(--radius-sm);transition:opacity var(--transition-fast)}.station-popup-logo:hover{opacity:.75}.station-popup-name{display:flex;align-items:center;gap:5px;overflow:hidden}.station-popup-name-text{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:var(--letter-spacing-tight);line-height:1.3}.station-popup-warning{color:var(--color-warning);display:flex;flex-shrink:0;align-items:center}.station-popup-meta{display:flex;align-items:center;gap:8px;padding:8px 12px 0;color:var(--color-text-tertiary);font-size:11px;font-weight:var(--font-weight-regular)}.station-popup-meta-item{display:flex;align-items:center;gap:4px}.station-popup-prices{padding:8px 12px;display:flex;flex-direction:column;gap:8px}.station-popup-flag-label{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.station-popup-price-list{display:flex;flex-direction:column;gap:4px}.station-popup-price-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:var(--radius-sm);background:var(--color-fill-hover);transition:background var(--transition-fast)}.station-popup-price-row:hover{background:var(--color-fill-pressed)}.station-popup-fuel-name{font-size:12px;color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.station-popup-empty{padding:12px;text-align:center;font-size:12px;color:var(--color-text-tertiary);font-style:italic}.station-popup-address{padding:0 12px;font-size:11px;color:var(--color-text-tertiary);line-height:1.45}.station-popup-nav-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);margin:10px 12px 12px;padding:9px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:13px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);letter-spacing:var(--letter-spacing-tight)}.station-popup-nav-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){html{font-size:16px}.leaflet-popup-close-button{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:24px!important}.leaflet-control-zoom a{width:40px!important;height:40px!important;line-height:40px!important}}@media(max-width:375px){html{font-size:15px}}