:root{--color-primary: #c70c6f;--color-primary-dark: #a50a5c;--color-primary-light: #fce8f1;--color-primary-rgb: 199, 12, 111;--color-accent: #3d7015;--color-accent-dark: #2f5811;--color-accent-light: #edf7e1;--color-accent-rgb: 61, 112, 21;--color-success: #4d8a1a;--color-success-bg: #edf7e1;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-info: #3b82f6;--color-info-bg: #eff6ff;--color-cheap-bg: #dcfce7;--color-cheap-text: #166534;--color-cheap-border: #16a34a;--color-medium-bg: #fef9c3;--color-medium-text: #854d0e;--color-medium-border: #ca8a04;--color-expensive-bg: #fecaca;--color-expensive-text: #b91c1c;--color-expensive-border: #dc2626;--color-e5: #4d8a1a;--color-e10: #3b82f6;--color-diesel: #f59e0b;--color-bg: #f5f5f7;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e2e5;--color-border-light: #f0f0f2;--color-text: #1a1a2e;--color-text-secondary: #52525b;--color-text-muted: #4a5260;--color-bg-hover: rgba(0, 0, 0, .04);--color-bg-alt: #f0f0f2;--color-bg-elevated: #ffffff;--color-surface-alt: #fafbfc;--header-height: 64px;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--line-height: 1.6;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .14);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 1;--z-header: 50;--z-scroll-top: 80;--z-map-legend: 90;--z-map-sidebar: 95;--z-dropdown: 100;--z-mobile-toggle: 110;--z-modal: 2000;--z-modal-stacked: 2010;--z-admin-overlay: 2100;--z-admin-modal: 2150;--z-cookie-banner: 10000;--z-skip-link: 10001;--container-max: 1200px;--container-narrow: 800px}:root[data-theme=dark]{--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-surface-raised: #22223a;--color-border: #2e2e48;--color-border-light: #252540;--color-text: #e8e8f0;--color-text-secondary: #b0b0c0;--color-text-muted: #9898b0;--color-bg-hover: rgba(255, 255, 255, .06);--color-bg-alt: #1a1a2e;--color-bg-elevated: #22223a;--color-surface-alt: #252540;--color-primary-light: rgba(199, 12, 111, .15);--color-accent-light: rgba(77, 138, 26, .15);--color-success-bg: rgba(77, 138, 26, .1);--color-danger-bg: rgba(239, 68, 68, .1);--color-warning-bg: rgba(245, 158, 11, .1);--color-info-bg: rgba(59, 130, 246, .1);--color-info-text: #93c5fd;--color-cheap-bg: rgba(22, 163, 74, .15);--color-cheap-text: #86efac;--color-cheap-border: #22c55e;--color-medium-bg: rgba(202, 138, 4, .15);--color-medium-text: #fde047;--color-medium-border: #eab308;--color-expensive-bg: rgba(220, 38, 38, .15);--color-expensive-text: #fca5a5;--color-expensive-border: #f87171;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-surface-raised: #22223a;--color-border: #2e2e48;--color-border-light: #252540;--color-text: #e8e8f0;--color-text-secondary: #b0b0c0;--color-text-muted: #9898b0;--color-bg-hover: rgba(255, 255, 255, .06);--color-bg-alt: #1a1a2e;--color-bg-elevated: #22223a;--color-surface-alt: #252540;--color-primary-light: rgba(199, 12, 111, .15);--color-accent-light: rgba(77, 138, 26, .15);--color-success-bg: rgba(77, 138, 26, .1);--color-danger-bg: rgba(239, 68, 68, .1);--color-warning-bg: rgba(245, 158, 11, .1);--color-info-bg: rgba(59, 130, 246, .1);--color-info-text: #93c5fd;--color-cheap-bg: rgba(22, 163, 74, .15);--color-cheap-text: #86efac;--color-cheap-border: #22c55e;--color-medium-bg: rgba(202, 138, 4, .15);--color-medium-text: #fde047;--color-medium-border: #eab308;--color-expensive-bg: rgba(220, 38, 38, .15);--color-expensive-text: #fca5a5;--color-expensive-border: #f87171;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5)}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-spin{animation:spin 1s linear infinite}@keyframes subtlePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes heroMesh{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:var(--z-skip-link);padding:.75rem 1.5rem;background:var(--color-primary, #c70c6f);color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 .5rem}.skip-link:focus{position:fixed;left:0;top:0;width:auto;height:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height);min-height:100vh;min-height:100dvh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible,.station-card:focus-visible,.nearby-item:focus-visible,.favorite-btn:focus-visible,.header__nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.25;color:var(--color-text);letter-spacing:-.02em}h1{font-size:clamp(1.75rem,4vw,var(--text-4xl));font-weight:800;letter-spacing:-.03em}h2{font-size:var(--text-2xl);font-weight:700}h3{font-size:var(--text-xl);font-weight:600}.h1-keyword{color:var(--color-primary)}.hero__title .h1-keyword{background:var(--color-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(forced-colors:active){.h1-keyword{color:Highlight}.hero__title .h1-keyword{-webkit-text-fill-color:unset;background:none;color:Highlight}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.page{padding:var(--space-xl) 0}.layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.layout__main{flex:1}.fav-ticker{display:none}@media(min-width:1025px){.fav-ticker{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-lg);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-light);font-size:var(--text-xs);overflow:hidden}.fav-ticker__icon{color:var(--color-primary);flex-shrink:0}.fav-ticker__items{display:flex;gap:var(--space-lg);overflow-x:auto;scrollbar-width:none}.fav-ticker__items::-webkit-scrollbar{display:none}.fav-ticker__item{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast)}.fav-ticker__item:hover{color:var(--color-primary)}.fav-ticker__name{font-weight:500}.fav-ticker__price{font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}}.header{border-bottom:none;padding:0;position:sticky;top:0;z-index:var(--z-header);box-shadow:0 1px 0 var(--color-border),var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe0}:root[data-theme=dark] .header{background:#1a1a2eeb;box-shadow:0 1px 0 var(--color-border),var(--shadow-md)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .header{background:#1a1a2eeb;box-shadow:0 1px 0 var(--color-border),var(--shadow-md)}}.header__container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--space-md)}@media(min-width:481px){.header__container{padding:var(--space-md) var(--space-lg)}min-height: 72px}.header__logo{text-decoration:none;display:inline-flex;align-items:center;flex-shrink:0;outline:none;position:relative}.header__logo:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#8bc13166,#fcc20b66,#e2156866,#8bc13166);opacity:0;filter:blur(10px);transition:opacity .4s ease;z-index:-1;pointer-events:none}.header__logo:hover:after{opacity:1;animation:logo-glow-spin 3s linear infinite}@keyframes logo-glow-spin{to{transform:rotate(360deg)}}.header__logo:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.header__logo:hover{text-decoration:none}.header__logo:hover .header__logo-img{transform:scale(1.15) rotate(-4deg);filter:drop-shadow(0 6px 16px rgba(139,193,49,.5)) drop-shadow(0 0 24px rgba(226,21,104,.2))}.header__logo:active .header__logo-img{transform:scale(.95) rotate(0);transition-duration:.12s;filter:drop-shadow(0 2px 6px rgba(139,193,49,.3))}.header__logo-img{height:52px;width:auto;display:block;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s ease;will-change:transform}@media(min-width:769px){.header__logo-img{height:64px}}@media(prefers-reduced-motion:reduce){.header__logo-img{transition:none}.header__logo:after{display:none}.header__logo:hover .header__logo-img{transform:scale(1.05);filter:none}}.header__nav{display:flex;align-items:center;gap:var(--space-xs)}.header__nav-link{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.header__nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.header__nav-link.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.header__nav-link--icon{display:inline-flex;align-items:center;gap:var(--space-xs)}.header__dropdown{position:relative}.header__nav-link--dropdown{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;border:none;background:none;font-family:inherit}.header__nav-link--dropdown-open{color:var(--color-primary);background:var(--color-primary-light)}.header__dropdown-chevron{transition:transform var(--transition-fast);flex-shrink:0}.header__dropdown-chevron--open{transform:rotate(180deg)}.header__dropdown-menu{position:absolute;top:calc(100% + var(--space-xs));left:50%;transform:translate(-50%);min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:var(--z-dropdown);animation:searchDropIn .15s ease-out}.header__dropdown-menu--right{left:auto;right:0;transform:none}.header__dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);border:none;background:none;width:100%;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.header__dropdown-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.header__dropdown-item.active{color:var(--color-primary);font-weight:600;background:var(--color-primary-light)}.header__dropdown-item--danger:hover{color:var(--color-danger);background:var(--color-danger-bg)}.header__dropdown-item--accent{color:var(--color-accent);font-weight:600}.header__dropdown-item--accent:hover{background:var(--color-accent-light)}.header__dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.header__user-btn{display:flex;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);min-height:44px;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header__user-btn:hover,.header__user-btn--open{border-color:var(--color-primary);color:var(--color-primary)}.header__auth{display:flex;align-items:center;gap:var(--space-sm)}.header__theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.header__theme-toggle:hover{background:var(--color-primary-light);color:var(--color-primary)}.header__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:var(--space-sm);border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.header__hamburger:hover{background:var(--color-primary-light)}.header__hamburger-line{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}@media(prefers-reduced-motion:reduce){.header__hamburger-line{transition:none}}.header__hamburger--open .header__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__hamburger--open .header__hamburger-line:nth-child(2){opacity:0}.header__hamburger--open .header__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;inset:0;background:var(--color-surface);z-index:var(--z-modal);flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(8px);transition:opacity .25s ease-out,transform .25s ease-out;pointer-events:none}.mobile-menu--open{opacity:1;transform:translateY(0);pointer-events:auto}@media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);min-height:64px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.mobile-menu__logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text);outline:none}.mobile-menu__logo:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.mobile-menu__logo-text{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent}.mobile-menu__close:hover,.mobile-menu__close:active{background:var(--color-primary-light)}.mobile-menu__close-line{display:block;position:absolute;width:20px;height:2px;background:var(--color-text);border-radius:2px}.mobile-menu__close-line:first-child{transform:rotate(45deg)}.mobile-menu__close-line:last-child{transform:rotate(-45deg)}.mobile-menu__fuels{padding:var(--space-lg) var(--space-lg) var(--space-sm)}.mobile-menu__section-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-sm);padding-left:var(--space-xs)}.mobile-menu__fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.mobile-menu__fuel-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);min-height:72px;border-radius:var(--radius-lg);background:var(--color-bg);border:1.5px solid var(--color-border-light);text-decoration:none;color:var(--color-text);font-size:var(--text-sm);font-weight:600;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform .15s ease;-webkit-tap-highlight-color:transparent}.mobile-menu__fuel-card:hover,.mobile-menu__fuel-card:active{border-color:var(--color-primary);background:var(--color-primary-light);transform:scale(.97)}.mobile-menu__fuel-card.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.mobile-menu__fuel-card svg{color:var(--color-primary)}.mobile-menu__fuel-price{font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);line-height:1}.mobile-menu__nav{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-lg);gap:var(--space-xs)}.mobile-menu__link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);min-height:52px;font-size:var(--text-base);font-weight:500;color:var(--color-text);text-decoration:none;border-radius:var(--radius-lg);border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:color var(--transition-fast),background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-menu__link:hover,.mobile-menu__link:active{background:var(--color-primary-light)}.mobile-menu__link.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.mobile-menu__link svg{flex-shrink:0;color:var(--color-text-muted)}.mobile-menu__link.active svg{color:var(--color-primary)}.mobile-menu__user{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-menu__auth-buttons{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0}.mobile-menu__footer{margin-top:auto;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.mobile-menu__footer-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:44px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);-webkit-tap-highlight-color:transparent;white-space:nowrap}.mobile-menu__footer-btn:hover,.mobile-menu__footer-btn:active{color:var(--color-text);background:var(--color-primary-light);border-color:var(--color-primary)}.mobile-menu__footer-btn--danger{color:var(--color-error);border-color:transparent}.mobile-menu__footer-btn--danger:hover,.mobile-menu__footer-btn--danger:active{color:var(--color-error);background:#ef444414;border-color:var(--color-error)}.btn--block{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;text-align:center}.body--menu-open{overflow:hidden}.header__nav--desktop,.header__auth--desktop{display:none}@media(min-width:1025px){.header__hamburger{display:none}.header__nav--desktop,.header__auth--desktop{display:flex}.mobile-menu{display:none}}.footer{background:linear-gradient(180deg,#1a1a2e,#0f0f1a);color:#e8e8f0;padding:var(--space-3xl) 0 var(--space-lg);margin-top:auto;border-top:none;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-primary))}.footer__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.footer__columns{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.footer__heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-md)}.footer__nav{display:flex;flex-direction:column;gap:var(--space-xs)}.footer__link{display:flex;align-items:center;font-size:var(--text-sm);color:#ffffffd1;padding:var(--space-sm) 0;min-height:44px;transition:color var(--transition-fast);text-decoration:none}.footer__link:hover{color:#fff}.footer a:hover{text-decoration:underline;text-underline-offset:2px}.footer__text{font-size:var(--text-sm);color:#ffffffc7;line-height:1.7}.footer__ticker{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--text-xs);color:#ffffffb3;flex-wrap:wrap}.footer__ticker-label{font-weight:600;color:#ffffffd9}.footer__ticker-prices{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.footer__ticker-sep{color:#ffffff4d}.footer__bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1)}.footer__copyright{font-size:var(--text-xs);color:#ffffffbf;text-align:center}.footer__brand{display:flex;flex-direction:column;gap:var(--space-md);grid-column:1 / -1}.footer__logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:#fff;font-weight:700;font-size:var(--text-lg)}.footer__logo-img{width:36px;height:30px}@media(min-width:481px){.footer__columns{grid-template-columns:1fr 1fr}}@media(min-width:769px){.footer__columns{grid-template-columns:1.5fr repeat(3,1fr)}.footer__brand{grid-column:revert}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px var(--space-lg);font-size:var(--text-sm);font-weight:600;border:1px solid transparent;border-radius:var(--radius-lg);white-space:nowrap;text-decoration:none;color:var(--color-text-secondary);background:var(--color-surface);border-color:var(--color-border);transition:all var(--transition-fast)}.btn:hover{background:var(--color-bg);border-color:var(--color-text-muted);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);box-shadow:none;transition-duration:80ms}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#8a084d 100%);border-color:var(--color-primary-dark);color:#fff;box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.35);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.25);transition-duration:80ms}.btn--accent{background:var(--color-accent-dark);color:#fff;border-color:var(--color-accent-dark)}.btn--accent:hover{background:color-mix(in srgb,var(--color-accent-dark) 80%,black);border-color:color-mix(in srgb,var(--color-accent-dark) 80%,black);color:#fff}.btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-light)}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover{background:color-mix(in srgb,var(--color-danger) 85%,black);border-color:color-mix(in srgb,var(--color-danger) 85%,black);color:#fff}.btn--sm{padding:6px var(--space-md);font-size:var(--text-xs);min-height:36px;position:relative}.btn--sm:after{content:"";position:absolute;inset:-6px;min-width:44px;min-height:44px}.btn--xs{padding:2px var(--space-sm);font-size:var(--text-xs);min-height:24px;position:relative}.btn--xs:after{content:"";position:absolute;inset:-10px;min-width:44px;min-height:44px}.btn--lg{padding:14px var(--space-xl);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:10px var(--space-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-alt)}.form-error{display:block;font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--space-xs)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2xs)}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{outline-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441f}.form-input--success{border-color:var(--color-success)}.form-input--success:focus{outline-color:var(--color-success);box-shadow:0 0 0 3px #4d8a1a1f}@keyframes formShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.form-group--error{animation:formShake .4s ease}.form-group--error .form-input{border-color:var(--color-danger)}.form-group--error .form-label{color:var(--color-danger)}.form-toggle{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.form-toggle__input{position:absolute;opacity:0;width:0;height:0}.form-toggle__track{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.form-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.form-toggle:hover .form-toggle__track{background:var(--color-text-muted)}.form-toggle:hover .form-toggle__input:checked+.form-toggle__track{background:var(--color-accent-dark)}.form-toggle__input:focus-visible+.form-toggle__track{outline:2px solid var(--color-primary);outline-offset:2px}.form-toggle__input:checked+.form-toggle__track{background:var(--color-accent)}.form-toggle__input:checked+.form-toggle__track:after{transform:translate(20px);box-shadow:0 1px 4px #00000040}.form-toggle__input:disabled+.form-toggle__track{opacity:.5;cursor:not-allowed}.form-toggle__input:disabled~.form-toggle__label{opacity:.5;cursor:not-allowed}.form-toggle:active .form-toggle__track:after{width:24px}.form-toggle:active .form-toggle__input:checked+.form-toggle__track:after{transform:translate(16px)}.form-toggle__track:before{content:"";position:absolute;inset:-10px;min-width:44px;min-height:44px}.form-toggle__label{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.form-toggle--primary .form-toggle__input:checked+.form-toggle__track{background:var(--color-primary)}.form-toggle--primary:hover .form-toggle__input:checked+.form-toggle__track{background:var(--color-primary-dark)}.form-toggle--danger .form-toggle__input:checked+.form-toggle__track{background:var(--color-danger)}.form-checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.form-checkbox__input{position:absolute;opacity:0;width:0;height:0}.form-checkbox__box{position:relative;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-checkbox__box:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);transform-origin:bottom right;transition:transform var(--transition-fast)}.form-checkbox:hover .form-checkbox__box{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.form-checkbox__input:focus-visible+.form-checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.form-checkbox__input:checked+.form-checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox__input:checked+.form-checkbox__box:after{transform:rotate(45deg) scale(1)}.form-checkbox__input:disabled+.form-checkbox__box{opacity:.5;cursor:not-allowed;background:var(--color-bg-alt)}.form-checkbox__input:disabled~.form-checkbox__label{opacity:.5;cursor:not-allowed}.form-checkbox__box:before{content:"";position:absolute;inset:-12px;min-width:44px;min-height:44px}.form-checkbox__label{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.form-checkbox--success .form-checkbox__input:checked+.form-checkbox__box{background:var(--color-success);border-color:var(--color-success)}.form-checkbox__input:indeterminate+.form-checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox__input:indeterminate+.form-checkbox__box:after{top:7px;left:3px;width:10px;height:0;border:1px solid #fff;transform:none}.plan-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-lg);padding:var(--space-sm) 0}@media(max-width:480px){.plan-features-grid{grid-template-columns:1fr}}.form-radio{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.form-radio__input{position:absolute;opacity:0;width:0;height:0}.form-radio__circle{position:relative;width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface);flex-shrink:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-radio__circle:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--color-primary);transform:translate(-50%,-50%) scale(0);transition:transform var(--transition-fast)}.form-radio:hover .form-radio__circle{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.form-radio__input:focus-visible+.form-radio__circle{outline:2px solid var(--color-primary);outline-offset:2px}.form-radio__input:checked+.form-radio__circle{border-color:var(--color-primary)}.form-radio__input:checked+.form-radio__circle:after{transform:translate(-50%,-50%) scale(1)}.form-radio__input:disabled+.form-radio__circle{opacity:.5;cursor:not-allowed;background:var(--color-bg-alt)}.form-radio__input:disabled~.form-radio__label{opacity:.5;cursor:not-allowed}.form-radio__circle:before{content:"";position:absolute;inset:-12px;min-width:44px;min-height:44px}.form-radio__label{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.form-radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}@media(prefers-reduced-motion:reduce){.form-toggle__track,.form-toggle__track:after,.form-checkbox__box,.form-checkbox__box:after,.form-radio__circle,.form-radio__circle:after{transition:none}.form-group--error{animation:none}}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2352525b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-xs)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--highlight,.card--highlighted,.card--current-plan{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 197, 12, 111),.15),var(--shadow-xs);position:relative}.dashboard-page__stats .card:hover,.tank-history-page__stats .card:hover{box-shadow:var(--shadow-xs);transform:none;cursor:default}.card--flat{border:none;box-shadow:var(--shadow-sm)}.card--flat:hover{box-shadow:var(--shadow-lg)}.card--link{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:var(--color-text);font-weight:600;min-height:64px;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.card--link:hover{color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.35);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.1),var(--shadow-md);transform:translateY(-2px);text-decoration:none}.card--link:active{transform:translateY(0);box-shadow:var(--shadow-sm);transition-duration:80ms}.card--link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.station-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);overflow:hidden}@media(hover:hover){.station-card:hover{box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.1),0 2px 8px #0000000f;border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-3px);text-decoration:none}}.station-card:active{transform:translateY(-1px);box-shadow:var(--shadow-sm);transition-duration:80ms}.station-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg) 0;padding-right:44px}.station-card__brand{font-weight:800;font-size:var(--text-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.station-card__status{font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase}.station-card__status--open{background:var(--color-success-bg);color:var(--color-success)}.station-card__status--closed{background:var(--color-danger-bg);color:var(--color-danger)}.station-card__status--temp-closed{background:#fffbeb;color:#92400e}.color-picker{position:relative;display:inline-block}.color-picker__trigger{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:6px 10px;background:var(--color-bg, #fff);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 4px);cursor:pointer;font-family:inherit;font-size:var(--text-sm);transition:border-color .15s ease}.color-picker__trigger:hover:not(:disabled),.color-picker__trigger:focus-visible{border-color:var(--color-accent, #2563eb);outline:none}.color-picker__trigger:disabled{opacity:.6;cursor:not-allowed}.color-picker__swatch{display:inline-block;width:28px;height:28px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border, #d1d5db);flex-shrink:0;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.color-picker__value{font-family:var(--font-mono, ui-monospace, monospace);font-size:.85em;color:var(--color-text-secondary, #6b7280)}.color-picker__popover{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:var(--color-bg, #fff);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, 6px);box-shadow:0 8px 24px #0000001f;padding:var(--space-sm, 8px);min-width:240px}.color-picker__palette{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:var(--space-sm, 8px)}.color-picker__chip{position:relative;width:100%;aspect-ratio:1 / 1;min-width:24px;border-radius:var(--radius-sm, 4px);border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .1s ease,border-color .15s ease}.color-picker__chip:hover,.color-picker__chip:focus-visible{transform:scale(1.08);outline:none}.color-picker__chip--active{border-color:var(--color-text, #111827);box-shadow:0 0 0 2px var(--color-bg, #fff)}.color-picker__hex{border-top:1px solid var(--color-border-light, #e5e7eb);padding-top:var(--space-sm, 8px)}.color-picker__hex-label{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em}.color-picker__hex-input{font-family:var(--font-mono, ui-monospace, monospace);font-size:.85rem;flex:1;min-height:36px}.station-card__body{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex:1;min-width:0;padding:var(--space-sm) var(--space-lg) var(--space-md)}.station-card__info{min-width:0;flex:1}.station-card__name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2xs);color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.station-card__address{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.station-card__distance{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-sm);font-weight:600;padding:3px 10px 3px 6px;background:var(--color-bg);border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast)}.station-card:hover .station-card__distance{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg));color:var(--color-primary)}.station-card__frequency{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px;font-weight:500}.frequency-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.frequency-dot--high{background:var(--color-success)}.frequency-dot--medium{background:var(--color-warning)}.frequency-dot--low{background:var(--color-text-muted)}.station-card__price-value{display:flex;align-items:baseline;gap:4px;padding:8px 0;font-family:var(--font-display);font-size:clamp(1.625rem,5vw,2.25rem);font-weight:800;color:var(--color-accent);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.station-card__price-value sup{font-size:var(--text-base);vertical-align:super;font-weight:700}.station-card__price-unit{font-size:var(--text-xs, .75rem);font-weight:600;color:var(--color-text-muted);line-height:1;align-self:flex-end;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.mtks-badge{display:inline-block;opacity:.4;transition:opacity var(--transition-fast);vertical-align:middle}.mtks-badge:hover{opacity:1}.station-card__price-block .mtks-badge{align-self:flex-end}.detail-prices__source{display:flex;justify-content:flex-end;padding-top:var(--space-xs);border-top:1px solid var(--color-border-light);margin-top:var(--space-xs)}.station-card__price-na{font-size:var(--text-lg);color:var(--color-text-muted)}.station-card__all-prices{display:flex;gap:0;margin-top:auto;padding-top:0;border-top:1px solid var(--color-border-light);flex-direction:column}.station-card__fuel{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:var(--space-sm) var(--space-xs);border-radius:0;font-size:var(--text-sm);background:var(--color-bg);transition:background var(--transition-fast);min-width:0;border-right:none;min-height:44px;justify-content:center;border-bottom:1px solid var(--color-border-light)}.station-card__fuel:last-child{border-right:none;border-bottom:none}.station-card__fuel:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg))}.station-card__fuel--active{background:var(--color-primary-dark);color:#fff;box-shadow:inset 0 2px 6px #00000026}.station-card__fuel--active .station-card__fuel-type,.station-card__fuel--active .price-change,.station-card__fuel--active .price-change__diff{color:#ffffffd9}.station-card__fuel--active:hover{background:linear-gradient(135deg,var(--color-primary-dark),#8a084d)}.station-card__fuel-type{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:1px}.station-card__fuel-price{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.station-card__fuel-price .price-change{font-size:.6875rem;justify-content:center}.station-map{width:100%;height:min(400px,60vh);min-height:250px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}@media(min-width:769px){.station-map{height:min(500px,65vh)}}.station-marker__bubble{background:var(--color-primary);color:#fff;padding:6px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;text-align:center;white-space:nowrap;box-shadow:0 3px 8px #0003;border:2px solid white;min-height:36px;display:flex;align-items:center;justify-content:center;position:relative}.station-marker__bubble:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid white}.station-marker__bubble--cheap:after{border-top-color:var(--color-cheap-border)}.station-marker__bubble--medium:after{border-top-color:var(--color-medium-border)}.station-marker__bubble--expensive:after{border-top-color:var(--color-expensive-border)}.station-marker__bubble sup{font-size:.7em;vertical-align:super;line-height:0}.station-marker__bubble--closed{background:var(--color-text-muted);opacity:.7}.station-marker__bubble--closed:after{border-top-color:var(--color-text-muted)}.station-marker__price--closed{text-decoration:line-through}.station-marker__bubble--cheap{background:var(--color-cheap-bg)!important;color:var(--color-cheap-text)!important;border-color:var(--color-cheap-border)!important}.station-marker__bubble--medium{background:var(--color-medium-bg)!important;color:var(--color-medium-text)!important;border-color:var(--color-medium-border)!important}.station-marker__bubble--expensive{background:var(--color-expensive-bg)!important;color:var(--color-expensive-text)!important;border-color:var(--color-expensive-border)!important}.station-cluster-icon{background:none!important;border:none!important}.station-cluster{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:44px;border-radius:22px;background:var(--color-bg-elevated, #fff);border:2px solid var(--color-border, #e5e7eb);box-shadow:0 2px 8px #00000026;font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .15s ease}.station-cluster:hover{transform:scale(1.1)}.station-cluster__count{font-size:13px;font-weight:700;line-height:1}.station-cluster__price{font-size:.75rem;opacity:.7;line-height:1}.station-cluster--cheap{background:var(--color-cheap-bg);border-color:var(--color-cheap-border);color:var(--color-cheap-text)}.station-cluster--medium{background:var(--color-medium-bg);border-color:var(--color-medium-border);color:var(--color-medium-text)}.station-cluster--expensive{background:var(--color-expensive-bg);border-color:var(--color-expensive-border);color:var(--color-expensive-text)}.station-cluster--neutral{background:var(--color-bg-alt);border-color:var(--color-text-muted);color:var(--color-text-secondary)}.leaflet-tooltip{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);max-width:200px;white-space:normal}.leaflet-popup-content{font-size:var(--text-sm);min-width:180px}@media(min-width:769px){.leaflet-tooltip{font-size:revert;padding:revert;max-width:revert;white-space:revert}.leaflet-popup-content{font-size:revert;min-width:revert}}.station-popup-wrapper .leaflet-popup-content{margin:0;min-width:180px}.station-popup-wrapper .leaflet-popup-content-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:0}.station-popup{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.station-popup__name{font-weight:700;font-size:var(--text-base, 16px);color:var(--color-text);line-height:1.3}.station-popup__brand{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.station-popup__price-row{margin:var(--space-xs) 0}.station-popup__price{font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.01em}.station-popup__price sup{font-size:.6em;vertical-align:super}.station-popup__price-na{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.station-popup__status{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full, 9999px);width:fit-content}.station-popup__status--open{background:var(--color-success-bg);color:var(--color-success)}.station-popup__status--closed{background:var(--color-danger-bg);color:var(--color-danger)}.station-popup__details-btn{display:block;width:100%;padding:var(--space-sm);min-height:44px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;text-align:center;transition:opacity .15s ease;margin-top:var(--space-xs)}.station-popup__details-btn:hover{opacity:.9}.search-bar{position:relative;z-index:calc(var(--z-header) - 1);max-width:720px;margin:0 auto}.search-bar__input-group{position:relative}.search-bar__input{width:100%;padding:14px var(--space-md);padding-right:40px;font-size:var(--text-base);border:2px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.search-bar__input:hover:not(:focus){border-color:rgba(var(--color-primary-rgb),.35);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb),.08),var(--shadow-md)}.search-bar__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.12),0 0 24px rgba(var(--color-primary-rgb),.06),var(--shadow-lg)}.search-bar__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__filters{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);justify-content:center;flex-wrap:wrap}.search-bar__suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);max-height:360px;overflow-y:auto;animation:searchDropIn .2s ease-out}@keyframes searchDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar__suggestion-group{padding:var(--space-xs) 0}.search-bar__suggestion-group+.search-bar__suggestion-group{border-top:1px solid var(--color-border-light)}.search-bar__suggestion{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);min-height:44px;border:none;background:none;text-align:left;font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border-radius:0}.search-bar__suggestion:hover,.search-bar__suggestion--active{background:var(--color-primary-light);color:var(--color-primary);padding-left:calc(var(--space-lg) + 4px)}.search-bar__suggestion:first-child{border-radius:0}.search-bar__suggestion:last-child{border-radius:0}.search-bar__suggestion-label{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.search-bar__suggestion-label--with-action{display:flex;align-items:center;justify-content:space-between}.search-bar__clear-recent{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;padding:var(--space-sm) var(--space-md);min-height:44px;border-radius:var(--radius-sm);transition:color var(--transition-fast);text-transform:none;letter-spacing:normal;font-weight:400}.search-bar__clear-recent:hover{color:var(--color-danger)}.search-bar__suggestion--recent{gap:var(--space-sm)}.search-bar__suggestion-icon{flex-shrink:0;color:var(--color-text-muted)}.search-bar__suggestion-meta{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.search-bar__suggestion--empty{color:var(--color-text-muted);font-style:italic;cursor:default;padding:10px var(--space-lg)}.search-bar__suggestion--empty:hover{background:none;color:var(--color-text-muted);padding-left:var(--space-lg)}.search-bar__highlight{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);font-weight:600;border-radius:2px;padding:0 1px}.search-bar__spinner{animation:spin .8s linear infinite;flex-shrink:0}.search-bar__suggestion--loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);cursor:default}.search-bar__suggestion--loading:hover{background:none;color:var(--color-text-muted);padding-left:var(--space-lg)}.hero{text-align:center;padding:var(--space-2xl) var(--space-md) var(--space-xl);background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(var(--color-primary-rgb),.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(var(--color-accent-rgb),.08) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 100%,rgba(var(--color-primary-rgb),.04) 0%,transparent 50%),var(--color-bg);background-size:200% 200%,200% 200%,100% 100%,100% 100%;animation:heroMesh 20s ease-in-out infinite;position:relative;overflow-x:clip;overflow-y:visible}.hero:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:min(700px,100vw);height:min(700px,100vw);background:radial-gradient(circle,rgba(var(--color-primary-rgb),.06) 0%,transparent 60%);pointer-events:none;animation:subtlePulse 8s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-primary-rgb),.2) 50%,transparent 100%)}.hero__title{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.25rem);font-weight:800;margin-bottom:var(--space-md);letter-spacing:-.035em;line-height:1.1;color:var(--color-text);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out both}:root[data-theme=dark] .hero__title{background:linear-gradient(135deg,#e8e8f0,#e87ab5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero__title{background:linear-gradient(135deg,#e8e8f0,#e87ab5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@media(forced-colors:active){.hero__title{-webkit-text-fill-color:unset;background:none}}.hero__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-xl);line-height:1.7;animation:fadeInUp .8s ease-out .1s both}.hero .search-bar{animation:fadeInUp .8s ease-out .2s both}@media(prefers-reduced-motion:reduce){.hero__nearby-btn{animation:none}}@media(min-width:641px){.hero{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.hero__subtitle{font-size:var(--text-lg)}}.hero__tank-nudge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);margin:var(--space-md) auto 0;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;line-height:1.4;text-align:center;animation:fadeIn .5s ease-out}.hero__tank-nudge--good{background:var(--color-success-bg);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 20%,transparent)}.hero__tank-nudge--neutral{background:var(--color-info-bg);color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 20%,transparent)}.hero__quick-actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center}.hero__nearby-btn{display:inline-flex;align-items:center;gap:var(--space-xs);animation:fadeIn .6s ease-out both}.hero__last-search{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);line-height:1.4;animation:fadeIn .8s ease-out .4s both;min-height:44px}.hero__last-search:hover,.hero__last-search:focus-visible{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.12)}.hero__last-search:active{transform:translateY(0);box-shadow:none}.home-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);max-width:var(--container-md, 960px);margin:0 auto}.home-badges__badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;line-height:1.4;animation:fadeIn .5s ease-out}.home-badges__badge--good{background:var(--color-success-bg);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 20%,transparent)}.home-badges__badge--bad{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);border:1px solid color-mix(in srgb,var(--color-danger, #dc2626) 20%,transparent)}.home-badges__badge--neutral{background:var(--color-info-bg);color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 20%,transparent)}.price-trend__fuel-toggle{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap}.price-trend__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.price-trend__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.price-trend__card-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.price-trend__card-price{font-size:var(--text-2xl, 1.5rem);font-weight:700;color:var(--color-text)}.price-trend__card-trend{font-size:var(--text-xs);font-weight:500}.price-trend__card-trend--down{color:var(--color-success)}.price-trend__card-trend--up{color:var(--color-danger, #dc2626)}.price-trend__card-trend--stable{color:var(--color-text-secondary)}.section__subtitle{font-size:var(--text-base, 1rem);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-md);border:1px solid transparent}.alert--success{background:var(--color-success-bg);color:var(--color-success);border-color:rgba(var(--color-accent-rgb),.2)}.alert--error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444433}.alert--info{background:var(--color-info-bg);color:var(--color-info);border-color:#3b82f633}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f59e0b33}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.loading-spinner__circle{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.price-trend-badge{display:inline-flex;align-items:center;gap:var(--space-sm)}.price-trend-badge__price{font-size:var(--text-2xl);font-weight:800}.price-trend-badge__price sup{font-size:var(--text-sm);vertical-align:super}.price-trend-badge__trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-sm);font-weight:600}.price-trend-badge__trend--up{color:var(--color-danger)}.price-trend-badge__trend--down{color:var(--color-success)}.price-trend-badge__trend--stable{color:var(--color-text-muted)}.price-trend-badge__arrow{font-size:var(--text-lg)}.price-sparkline{width:120px;height:40px}.price-sparkline--loading,.price-sparkline--empty{display:inline-block;font-size:var(--text-xs);color:var(--color-text-muted)}.price-range-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-md, 8px);transition:transform .15s ease,box-shadow .15s ease}.price-range-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1))}.price-range-bar{padding:var(--space-sm) 0}.price-range-bar__labels{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-xs)}.price-range-bar__fuel{font-weight:700}.price-range-bar__track{position:relative;height:8px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-border-light)}.price-range-bar__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-accent),var(--color-warning),var(--color-danger));border-radius:var(--radius-full)}.price-range-bar__marker{position:absolute;top:-4px;width:4px;height:16px;background:var(--color-text);border-radius:2px;transform:translate(-50%);box-shadow:var(--shadow-sm)}.price-range-bar__avg-label{position:relative;margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:600;transform:translate(-50%)}.price-range-bar__spread{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-md);text-align:center}.price-gauge{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.price-gauge__circle{width:140px;height:140px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.price-gauge__number{background:var(--color-surface);width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:800}.price-gauge__label{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.price-gauge__comparisons{text-align:left;max-width:320px;width:100%}.price-gauge__row{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-sm)}.price-gauge__row--good strong{color:var(--color-success)}.price-gauge__row--bad strong{color:var(--color-danger)}.price-history-chart__controls{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.price-history-chart__period{padding:6px var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.price-history-chart__period:hover{border-color:var(--color-primary);color:var(--color-primary)}.price-history-chart__period.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.price-history-chart__period:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.weekday-heatmap__grid{display:grid;grid-template-columns:32px repeat(24,minmax(24px,1fr));gap:1px;min-width:640px}.weekday-heatmap__row{display:contents}.weekday-heatmap__day-label{font-size:.75rem;font-weight:600;display:flex;align-items:center}.weekday-heatmap__hour-label{font-size:var(--text-xs);text-align:center;color:var(--color-text-muted)}.weekday-heatmap__cell{aspect-ratio:auto;border-radius:3px;min-height:24px;cursor:default;transition:outline var(--transition-fast);min-width:0}.weekday-heatmap__cell:hover{outline:2px solid var(--color-text);outline-offset:-1px;z-index:1}.weekday-heatmap__cell--now{outline:2px solid var(--color-primary);outline-offset:-1px;z-index:2}.weekday-heatmap__legend{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--text-xs)}.weekday-heatmap__legend-bar{flex:1;height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,#43a047,#fdd835,#e53935)}.weekday-heatmap__recommendation{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.weekday-heatmap{overflow-x:auto;-webkit-overflow-scrolling:touch}.weekday-heatmap__hour-label:nth-child(odd){visibility:hidden}@media(min-width:769px){.weekday-heatmap{overflow-x:visible;-webkit-overflow-scrolling:revert}.weekday-heatmap__grid{grid-template-columns:40px repeat(24,1fr);gap:2px;min-width:revert}.weekday-heatmap__cell{min-width:revert;min-height:16px;aspect-ratio:1}.weekday-heatmap__hour-label{font-size:.75rem}.weekday-heatmap__hour-label:nth-child(odd){visibility:visible}.weekday-heatmap__day-label{font-size:var(--text-xs)}}.brand-compare{padding:var(--space-md) 0}.brand-compare__scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}.brand-compare__row{display:grid;grid-template-columns:1fr;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.brand-compare__row:hover{background:var(--color-border-light)}.brand-compare__label{font-size:var(--text-sm);font-weight:600}.brand-compare__count{font-size:var(--text-xs);color:var(--color-text-muted)}.brand-compare__box{position:relative;height:20px}.brand-compare__whisker{position:absolute;top:7px;height:2px;background:var(--color-text-muted)}.brand-compare__iqr{position:absolute;top:2px;height:12px;background:color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:3px}.brand-compare__median{position:absolute;top:0;width:3px;height:16px;background:var(--color-primary);border-radius:1px}.brand-compare__value{font-size:var(--text-xs);text-align:left;color:var(--color-text-secondary);font-weight:500}.brand-compare__count-total{font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);margin-left:var(--space-sm)}.brand-compare__toggle{text-align:center;margin-top:var(--space-lg)}@media(min-width:641px){.brand-compare__row{grid-template-columns:120px 1fr 80px;gap:var(--space-sm)}.brand-compare__box{height:16px}.brand-compare__value{text-align:right;font-size:var(--text-sm)}}.state-ranking-chart{padding:var(--space-md) 0}.state-ranking-chart h3{font-size:var(--text-lg);font-weight:700}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-md) 0;max-width:var(--container-max);margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.breadcrumbs__item{display:inline-flex;align-items:center}.breadcrumbs__separator{display:inline-flex;align-items:center;margin:0 var(--space-sm);color:var(--color-text-muted);font-size:var(--text-xs);opacity:.5}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none;padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.breadcrumbs__link:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.breadcrumbs__current{color:var(--color-text);font-weight:600;padding:2px var(--space-xs)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xl) 0}.pagination__btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);min-height:44px;min-width:44px;cursor:pointer;transition:all var(--transition-fast)}@media(min-width:769px){.pagination__btn{min-width:36px;min-height:36px}}.pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;color:var(--color-text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}.grid--2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}table{border-collapse:collapse}th{font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)!important}.text-accent{color:var(--color-accent)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-muted{color:var(--color-text-muted)!important}.bg-primary-light{background:var(--color-primary-light)}.bg-accent-light{background:var(--color-accent-light)}.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.mt-xl{margin-top:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fuel-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.fuel-badge--e5{background:#71b62c1f;color:var(--color-e5)}.fuel-badge--e10{background:#3b82f61f;color:var(--color-e10)}.fuel-badge--diesel{background:#f59e0b1f;color:var(--color-diesel)}.fuel-badge--active{background:var(--color-primary);color:#fff}.fuel-badge--no-data{background:var(--color-border);color:var(--color-text-muted);opacity:.7}.section--alt{background:var(--color-surface)}.section--alt:nth-child(2n){background:var(--color-bg)}section.container,section.price-overview,section.fuel-trend,section.city-ranking{max-width:var(--container-max);margin:0 auto;padding:var(--space-lg) var(--space-md)}section h2{margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-sm)}section h2:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.leaflet-container{font-family:var(--font-family)!important}.leaflet-popup-content-wrapper{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.search-bar__row{display:flex;gap:var(--space-sm);align-items:stretch;flex-direction:column}.search-bar__input-wrapper{position:relative;flex:1;min-width:100%}.search-bar__row>select.form-input{min-width:0;width:100%;padding:10px 36px 10px var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--color-border);font-weight:600;font-size:var(--text-base);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2352525b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-fast);cursor:pointer}.search-bar__row>select.form-input:hover{border-color:var(--color-primary)}.search-bar__row>select.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.search-bar__radius{min-width:0}@media(min-width:641px){.search-bar__radius{min-width:100px}.search-bar__row>select.form-input{width:auto}}.search-bar__locate-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-full, 50%);background:var(--color-accent-light);color:var(--color-accent-dark);cursor:pointer;transition:all var(--transition-fast);z-index:1}.search-bar__locate-icon:hover{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}.search-bar__locate-icon:hover svg{stroke:#fff}.search-bar__locate-icon svg{stroke:currentColor;transition:stroke var(--transition-fast);flex-shrink:0}.search-bar__locate-icon--loading{opacity:.7;cursor:wait}.search-bar__locate-icon--loading svg{animation:spin 1s linear infinite}.search-bar__locate-icon--auto{background:var(--color-accent);color:#fff}.search-bar__locate-icon--auto:hover{background:var(--color-accent-dark)}.search-bar__locate-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--color-success, #22c55e);border:1.5px solid var(--color-surface);pointer-events:none}.search-bar__locate-toast{position:absolute;right:0;top:calc(100% + var(--space-xs, 4px));background:var(--color-text);color:var(--color-surface);font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-md);white-space:nowrap;z-index:calc(var(--z-dropdown) + 1);animation:fade-in-out 2s ease-in-out;pointer-events:none}@keyframes fade-in-out{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.search-bar__row>button{width:100%;justify-content:center}@media(min-width:641px){.search-bar__row{flex-direction:revert}.search-bar__input-wrapper{min-width:200px}.search-bar__row>button{width:revert;justify-content:revert}}.station-browse__header{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md)}.station-browse__header h1{margin-bottom:0}.station-browse__count{color:var(--color-text-muted);font-size:var(--text-sm)}.station-browse__toolbar{display:flex;gap:var(--space-sm);align-items:stretch;flex-wrap:wrap;margin-bottom:var(--space-md);flex-direction:column}.station-browse__search{position:relative;flex:1;min-width:200px}.station-browse__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.station-browse__search-input{width:100%;padding:10px 36px 10px 40px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);transition:border-color .2s}.station-browse__search-input:focus{outline:none;border-color:var(--color-accent)}.station-browse__search-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.station-browse__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex}.station-browse__search-clear:hover{color:var(--color-text);background:var(--color-bg-hover)}.station-browse__fuel-tabs{display:flex;gap:2px;background:var(--color-bg-hover);border-radius:var(--radius-md);padding:3px;order:-1;justify-content:center}.station-browse__fuel-tab{padding:8px 16px;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;white-space:nowrap}.station-browse__fuel-tab:hover{color:var(--color-text)}.station-browse__fuel-tab--active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #00000014}.station-browse__filter-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;position:relative}.station-browse__filter-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-accent);border-radius:50%}.station-browse__filters{display:none;gap:var(--space-sm);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.station-browse__select{min-height:44px;padding:10px 36px 10px 14px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;width:100%}.station-browse__select:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.station-browse__select:focus{outline:none;border-color:var(--color-accent)}.station-browse__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.station-browse__empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted)}.station-browse__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-xl);padding:var(--space-md) 0}.station-browse__page-numbers{display:flex;align-items:center;gap:0}.station-browse__page-btn{min-width:44px;height:44px;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.station-browse__page-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.station-browse__page-btn--active{background:var(--color-primary);color:#fff;font-weight:700}.station-browse__page-btn--active:hover{background:var(--color-primary);color:#fff}.station-browse__page-ellipsis{min-width:36px;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.station-browse__filters--open{display:flex;flex-direction:column}@media(min-width:769px){.station-browse__toolbar{flex-direction:revert;align-items:center}.station-browse__fuel-tabs{order:revert;justify-content:revert}.station-browse__filter-toggle{display:none}.station-browse__filters{display:flex}.station-browse__filters--open{display:none;flex-direction:revert}.station-browse__select{width:revert}.station-browse__page-numbers{gap:2px}.station-browse__page-btn{min-width:36px;height:36px;font-size:var(--text-sm)}}.station-list{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:769px){.station-list{grid-template-columns:repeat(2,1fr)}}.price-display{font-weight:800;letter-spacing:-.02em;line-height:1}.price-display--xl{font-size:var(--text-3xl);color:var(--color-accent)}.price-display--lg{font-size:var(--text-2xl)}.price-display--md{font-size:var(--text-lg)}.price-display sup{font-size:.6em;vertical-align:super;font-weight:700}.fuel-tabs{display:inline-flex;gap:2px;background:var(--color-bg-alt);border-radius:var(--radius-full);padding:3px}.fuel-tabs__btn{padding:6px var(--space-lg);min-height:44px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);border:none}.fuel-tabs__btn:hover{color:var(--color-text);background:var(--color-surface)}.fuel-tabs__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:700}.analytics-tabs{display:flex;gap:2px;background:var(--color-border-light);border-radius:var(--radius-lg);padding:3px;flex-wrap:wrap;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.analytics-tabs__btn{padding:6px var(--space-xs);min-height:44px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;text-align:center;white-space:nowrap;flex-shrink:0}.analytics-tabs__btn:hover{color:var(--color-text);background:var(--color-surface)}.analytics-tabs__btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.login-alert-cta{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-primary-rgb),.02));border-radius:var(--radius-xl);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-base);border:1px dashed rgba(var(--color-primary-rgb),.3)}.login-alert-cta:hover{border-style:solid;background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.login-alert-cta__icon{font-size:var(--text-base)}.detail-section--subtle{margin-bottom:var(--space-md)}.analytics-tabs::-webkit-scrollbar{display:none}@media(min-width:481px){.analytics-tabs{display:inline-flex;width:revert;overflow-x:visible;scrollbar-width:revert;-webkit-overflow-scrolling:revert}.analytics-tabs::-webkit-scrollbar{display:revert}.analytics-tabs__btn{flex:revert;text-align:revert;padding:6px var(--space-md);white-space:revert;flex-shrink:revert}}.fuel-switcher{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);max-width:var(--content-width, 1200px);margin:0 auto}.fuel-switcher__btn{flex:1;text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md, 8px);font-weight:600;color:var(--color-text-secondary);background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);text-decoration:none;transition:all .15s ease}.fuel-switcher__btn:hover{background:var(--color-surface-hover, #f8fafc);color:var(--color-text)}.fuel-switcher__btn--active{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.fuel-switcher__btn--active:hover{background:var(--color-primary-hover, #1d4ed8)}.section{max-width:var(--container-max);margin:0 auto;padding:var(--space-lg) var(--space-md);animation:fadeInUp .6s ease-out both}.section--narrow{max-width:var(--container-narrow)}.home-intro__container,.home-faq__container{max-width:760px;margin:0 auto}.home-intro h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.home-intro p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.home-intro__learn-more{color:var(--color-primary);text-decoration:none;font-weight:500}.home-intro__learn-more:hover{text-decoration:underline}.home-faq h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.station-about,.station-faq{max-width:760px;margin:var(--space-lg) auto 0;padding:0 var(--space-md)}.station-about h2,.station-faq h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.station-about p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.tool-page{padding:var(--space-xl) var(--space-md)}.tool-page__container{max-width:860px;margin:0 auto}.tool-page__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-sm);color:var(--color-text)}.tool-page__lead{font-size:1.0625rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.tool-page__section{margin-top:var(--space-xl)}.tool-page__section h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.tool-page__section p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.tool-page__formula{display:block;padding:.875rem 1rem;background:var(--color-surface-alt, rgba(0, 0, 0, .04));border-left:3px solid var(--color-primary);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem;color:var(--color-text);white-space:pre-wrap;overflow-x:auto}.tool-page__list{color:var(--color-text-secondary);line-height:1.7;padding-left:1.25rem}.tool-page__list li{margin-bottom:.625rem}.tool-page__disclaimer{margin-top:var(--space-xl);padding:.875rem 1rem;background:var(--color-surface-alt, rgba(0, 0, 0, .04));border-left:3px solid var(--color-text-muted);border-radius:4px;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.vergleich-table-wrap{margin-top:1.25rem;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px}.vergleich-table{width:100%;border-collapse:collapse;font-size:.9375rem}.vergleich-table thead{background:var(--color-surface-alt, rgba(0, 0, 0, .04))}.vergleich-table th,.vergleich-table td{padding:.75rem .875rem;text-align:left;border-bottom:1px solid var(--color-border)}.vergleich-table tbody tr:last-child td{border-bottom:none}.vergleich-table__row--cheapest{background:var(--color-success-bg, rgba(34, 197, 94, .08))}.vergleich-table__note{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.vergleich-table__badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:var(--color-success, #22c55e);color:#fff;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.025em}.tool-calc{background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-top:var(--space-lg);box-shadow:0 2px 6px #00000008}.tool-calc__fuel-switcher{display:flex;gap:.375rem;margin-bottom:1.25rem;flex-wrap:wrap}.tool-calc__fuel-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.tool-calc__fuel-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tool-calc__fuel-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tool-calc__inputs{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.tool-calc__inputs{grid-template-columns:1fr 1fr}}.tool-calc__field{display:flex;flex-direction:column;gap:.375rem}.tool-calc__label{font-size:.875rem;font-weight:500;color:var(--color-text)}.tool-calc__input-wrap{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface, #fff);overflow:hidden}.tool-calc__input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 147 51 234),.15)}.tool-calc__input{flex:1;min-width:0;padding:.625rem .75rem;background:transparent;border:none;font-size:1rem;color:var(--color-text)}.tool-calc__input:focus{outline:none}.tool-calc__unit{display:inline-flex;align-items:center;padding:0 .75rem;background:var(--color-surface-alt, rgba(0, 0, 0, .04));color:var(--color-text-muted);font-size:.875rem;border-left:1px solid var(--color-border);white-space:nowrap}.tool-calc__hint{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.tool-calc__result{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.tool-calc__result-primary{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-primary-bg, rgba(147, 51, 234, .08));border-radius:8px;text-align:center}.tool-calc__result-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.tool-calc__result-value{font-size:2rem;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.tool-calc__result-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-top:1rem}@media(min-width:640px){.tool-calc__result-row{grid-template-columns:repeat(4,1fr)}}.tool-calc__result-item{display:flex;flex-direction:column;padding:.625rem .75rem;background:var(--color-surface-alt, rgba(0, 0, 0, .03));border-radius:6px;text-align:center}.tool-calc__result-sub-label{font-size:.75rem;color:var(--color-text-muted)}.tool-calc__result-sub-value{font-size:1rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;margin-top:.125rem}.city-intro,.city-faq{max-width:760px;margin:var(--space-lg) auto 0}.city-intro p,.rte-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.rte-content h2{font-size:var(--text-xl);font-weight:700;margin:var(--space-lg) 0 var(--space-sm);color:var(--color-text)}.rte-content h3{font-size:var(--text-lg);font-weight:600;margin:var(--space-md) 0 var(--space-xs);color:var(--color-text)}.rte-content ul,.rte-content ol{margin:0 0 var(--space-md);padding-left:1.5rem;color:var(--color-text-secondary);line-height:1.7}.rte-content li{margin-bottom:.25rem}.rte-content blockquote{border-left:3px solid var(--color-primary);padding:.25rem 0 .25rem var(--space-md);margin:var(--space-md) 0;color:var(--color-text-muted);font-style:italic}.rte-content a{color:var(--color-primary);text-decoration:underline}.rte-content a:hover{text-decoration:none}.rte-content hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.rte-content code{background:var(--color-surface-alt, rgba(0, 0, 0, .04));padding:.1em .35em;border-radius:4px;font-size:.9em}.city-faq h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}@media(min-width:481px){.home-intro h2,.home-faq h2{font-size:var(--text-2xl)}}.section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.stats-row{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:unset;flex:1;text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-xs);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out both;width:100%}.stats-row .stat-card:nth-child(1){animation-delay:.05s}.stats-row .stat-card:nth-child(2){animation-delay:.15s}.stats-row .stat-card:nth-child(3){animation-delay:.25s}.stats-updated{text-align:center;font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform var(--transition-base) ease-out}.stat-card:hover{box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.12),var(--shadow-md);border-color:rgba(var(--color-primary-rgb),.2)}.stat-card:hover:before{transform:scaleX(1)}.stat-card__label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.station-closed-banner{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);color:#7f1d1d}.station-closed-banner strong{display:block;margin-bottom:.25rem;font-size:1rem}.station-closed-banner p{margin:0;font-size:.875rem;color:#991b1b}.station-closed-banner--warning{background:#fffbeb;border-color:#fde68a;border-left-color:#d97706;color:#78350f}.station-closed-banner--warning p{color:#92400e}.detail-header{display:flex;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border-light);position:relative}.detail-header:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--color-primary);border-radius:1px}.detail-header__meta{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-xs);display:flex;align-items:center;gap:.375rem}.detail-header__map-link{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(var(--color-primary-rgb),.3);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.detail-header__map-link:hover{text-decoration-color:var(--color-primary)}.station-header__name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;line-height:1.25;color:var(--color-text);margin:0}.station-header__brand{font-weight:700}.station-header__label{font-weight:400;color:var(--color-text-muted)}.station-header__label:before{content:" "}.station-header__info{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap}.station-header__address{display:flex;align-items:flex-start;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.station-header__actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.station-header__address-icon{color:var(--color-text-muted);margin-top:2px;flex-shrink:0}.station-header__street{display:block}.station-header__city{display:block;color:var(--color-text-muted)}.station-header__map-link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.station-header__map-link:hover,.station-header__map-link:active{color:var(--color-primary)}.station-header__map-link:hover .station-header__street,.station-header__map-link:active .station-header__street{text-decoration:underline;text-underline-offset:2px}.station-header__tagline{font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);margin:var(--space-md) 0 0;opacity:.6}.station-header__meta-row{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap}.community-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.quick-rating{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) 0}.quick-rating__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.quick-rating__stars{display:flex;gap:2px}.quick-rating__star{all:unset;cursor:pointer;color:var(--color-border);transition:color var(--transition-fast),transform var(--transition-fast);padding:2px;border-radius:var(--radius-sm);line-height:0}.quick-rating__star:hover{transform:scale(1.15)}.quick-rating__star--filled{color:#f59e0b}.quick-rating__star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quick-rating__star:disabled{opacity:.5;cursor:default;transform:none}.minimap-wrapper{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-sm);border:1px solid var(--color-border-light);cursor:pointer;transition:box-shadow var(--transition-fast)}.minimap-wrapper:hover{box-shadow:var(--shadow-md)}.minimap-wrapper__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-weight:700;font-size:var(--text-sm);border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.minimap-wrapper:hover .minimap-wrapper__overlay{opacity:1}.minimap{width:100%;height:120px;pointer-events:none}.minimap-marker__pin{width:16px;height:16px;background:var(--color-primary);border:3px solid var(--color-surface);border-radius:50%;box-shadow:var(--shadow-md)}@media(min-width:601px){.minimap{height:160px}}@media(min-width:769px){.minimap{height:180px}}.price-board{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-lg)}.price-board__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.price-board__brand{font-weight:700;font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.price-board__updated{font-size:var(--text-xs);color:var(--color-text-muted)}.price-board__signs{display:grid;grid-template-columns:1fr;gap:1px;background:var(--color-border)}.price-board__footer{padding:var(--space-xs) var(--space-md);display:flex;justify-content:flex-end;background:var(--color-bg-alt);border-top:1px solid var(--color-border)}.price-board__footer .mtks-badge{opacity:.5}.price-sign{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-surface);position:relative;transition:background .3s ease}.price-sign__fuel{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-2xs)}.price-sign--e5 .price-sign__fuel{color:var(--color-e5)}.price-sign--e10 .price-sign__fuel{color:var(--color-e10)}.price-sign--diesel .price-sign__fuel{color:var(--color-diesel)}.price-sign--e5 .price-sign__digits{color:#2d6b0e}.price-sign--e10 .price-sign__digits{color:#1d4ed8}.price-sign--diesel .price-sign__digits{color:#b45309}.price-sign__price-row{display:flex;align-items:flex-start;gap:var(--space-xs);line-height:1}.price-sign__digits{font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:clamp(2.25rem,8vw,3rem);font-weight:700;letter-spacing:-.02em;transition:color .3s ease}.price-sign__digits--na{color:var(--color-text-muted);font-size:2rem;opacity:.4}.price-sign__sup{font-size:.45em;vertical-align:super;line-height:0;position:relative;top:-.1em}.price-sign__currency{font-size:var(--text-sm);color:var(--color-text-muted);align-self:flex-end;padding-bottom:.35rem;font-weight:600}.price-sign__arrow{display:flex;align-self:center;animation:price-arrow-pulse 1.5s ease-in-out infinite}.price-sign__arrow--down{color:var(--color-success)}.price-sign__arrow--up{color:var(--color-danger)}@keyframes price-arrow-pulse{0%,to{opacity:1}50%{opacity:.4}}.price-sign__diff{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);margin-top:var(--space-xs)}.price-sign__diff--cheap{color:var(--color-cheap-text);background:var(--color-cheap-bg)}.price-sign__diff--expensive{color:var(--color-expensive-text);background:var(--color-expensive-bg)}.price-sign__time{font-size:10px;color:var(--color-text-muted);margin-top:var(--space-2xs)}.price-sign--flash-down{animation:sign-flash-green 1.5s ease-out}.price-sign--flash-up{animation:sign-flash-red 1.5s ease-out}@keyframes sign-flash-green{0%{background:var(--color-cheap-bg)}to{background:var(--color-surface)}}@keyframes sign-flash-red{0%{background:var(--color-expensive-bg)}to{background:var(--color-surface)}}.price-sign--na{opacity:.4}@media(min-width:601px){.price-board__signs{grid-template-columns:repeat(3,1fr)}.price-sign__digits{font-size:3.5rem}}@media(min-width:1024px){.price-sign__digits{font-size:4rem}.price-sign{padding:var(--space-lg) var(--space-xl)}}[data-theme=dark] .price-board{background:#0c0c1a;border-color:#ffffff0f;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff08}[data-theme=dark] .price-board__header{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .price-board__brand{color:#fff9}[data-theme=dark] .price-board__updated{color:#ffffff59}[data-theme=dark] .price-board__signs{background:#ffffff0a}[data-theme=dark] .price-board__footer{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .price-board__footer .mtks-badge{filter:brightness(2);opacity:.35}[data-theme=dark] .price-sign{background:#0c0c1a}[data-theme=dark] .price-sign--e5 .price-sign__digits{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5),0 0 50px rgba(74,222,128,.15)}[data-theme=dark] .price-sign--e10 .price-sign__digits{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.5),0 0 50px rgba(96,165,250,.15)}[data-theme=dark] .price-sign--diesel .price-sign__digits{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5),0 0 50px rgba(251,191,36,.15)}[data-theme=dark] .price-sign__currency{color:#ffffff59}[data-theme=dark] .price-sign__time{color:#ffffff40}[data-theme=dark] .price-sign__arrow--down{color:#4ade80}[data-theme=dark] .price-sign__arrow--up{color:#f87171}[data-theme=dark] .price-sign__diff--cheap{color:#bbf7d0;background:#4ade8026}[data-theme=dark] .price-sign__diff--expensive{color:#fecaca;background:#f8717126}[data-theme=dark] .price-sign__digits--na{color:#ffffff26;text-shadow:none}[data-theme=dark] .price-sign--flash-down{animation:sign-flash-green-dark 1.5s ease-out}[data-theme=dark] .price-sign--flash-up{animation:sign-flash-red-dark 1.5s ease-out}@keyframes sign-flash-green-dark{0%{background:#4ade8033}to{background:#0c0c1a}}@keyframes sign-flash-red-dark{0%{background:#f8717133}to{background:#0c0c1a}}@media(prefers-reduced-motion:reduce){.price-sign__arrow,.price-sign--flash-down,.price-sign--flash-up{animation:none}}.detail-prices{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.detail-prices__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);text-align:left;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.detail-prices__item:before{content:"";position:absolute;top:.5rem;left:0;right:auto;height:auto;width:3px;bottom:.5rem;border-radius:var(--radius-full)}.detail-prices__item:nth-child(1):before{background:var(--color-e5)}.detail-prices__item:nth-child(2):before{background:var(--color-e10)}.detail-prices__item:nth-child(3):before{background:var(--color-diesel)}.detail-prices__item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(var(--color-primary-rgb),.15)}.detail-prices__item--cheap{border-color:rgba(var(--color-accent-rgb),.3);box-shadow:0 0 0 1px rgba(var(--color-accent-rgb),.08),var(--shadow-xs)}.detail-prices__item--cheap:before{height:4px}.detail-prices__item--expensive{border-color:#ef444433}.detail-prices__item--expensive:before{height:4px}.detail-prices__label{font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.detail-section{margin-bottom:var(--space-lg)}.detail-section+.detail-section{padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.detail-section--primary-group{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.detail-section--primary-group>.detail-section{margin-bottom:var(--space-md)}.detail-section--primary-group>.detail-section:last-child{margin-bottom:0}.detail-section--primary-group>.detail-section+.detail-section{padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}@media(min-width:601px){.detail-section--primary-group{padding:var(--space-lg);border-radius:var(--radius-xl)}}.detail-section__body-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base);overflow:hidden}.detail-section__body-wrapper--open{grid-template-rows:1fr}.detail-section__body-wrapper>.detail-section__body{min-height:0;overflow:hidden}.opening-hours{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden}.opening-hours__item{display:grid;grid-template-columns:1fr auto;align-items:center;padding:.625rem .75rem;font-size:var(--text-sm);transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.opening-hours__item:last-child{border-bottom:none}.opening-hours__item:hover{background:var(--color-bg-hover)}.opening-hours__day{font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--text-xs)}.opening-hours__time{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);text-align:right;font-weight:500}.opening-hours__time--24h{color:var(--color-success);font-weight:700;background:var(--color-success-bg);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs)}.opening-hours__time--closed{color:var(--color-danger);font-weight:600;background:var(--color-danger-bg);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs)}.opening-hours__item--today{font-weight:600;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));position:relative}.opening-hours__item--today:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary)}.opening-hours__item--today:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.opening-hours__item--today .opening-hours__day{color:var(--color-primary)}.opening-hours__item--today .opening-hours__time{color:var(--color-primary-dark);font-weight:700}.opening-hours__badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-full)}.opening-hours__badge--open{color:var(--color-cheap-text);background:var(--color-cheap-bg)}.opening-hours__badge--closed{color:var(--color-expensive-text);background:var(--color-expensive-bg)}@media(min-width:481px){.opening-hours__item{padding:.75rem 1rem}.opening-hours__day{font-size:revert}}.opening-hours__hint{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.opening-hours__hint--closing{color:var(--color-warning);font-weight:600}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.service-tags__item{padding:.375rem .875rem;background:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast)}.service-tags__item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.service-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.2}.service-tag svg{flex-shrink:0;opacity:.7}.photo-gallery{display:flex;gap:var(--space-md);flex-wrap:wrap}.photo-gallery__img{max-width:100%;width:100%;height:180px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:transform var(--transition-fast)}.photo-gallery__img:hover{transform:scale(1.03)}.best-time-list{max-width:480px;display:flex;flex-direction:column;gap:2px}.best-time-list__item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-variant-numeric:tabular-nums;transition:background var(--transition-fast)}.best-time-list__item:hover{background:var(--color-bg-hover)}.best-time-list__price{font-weight:700;font-family:var(--font-display)}.best-time-summary{display:flex;gap:var(--space-md);flex-wrap:wrap;flex-direction:column}.best-time-summary__item{flex:1 1 200px;padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.best-time-summary__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.best-time-summary__item--good{background:color-mix(in srgb,rgb(67,160,71) 8%,var(--color-surface));border-color:color-mix(in srgb,rgb(67,160,71) 25%,var(--color-border))}.best-time-summary__item--good:hover{box-shadow:0 6px 20px #43a0471f}.best-time-summary__item--bad{background:color-mix(in srgb,rgb(229,57,53) 8%,var(--color-surface));border-color:color-mix(in srgb,rgb(229,57,53) 25%,var(--color-border))}.best-time-summary__item--bad:hover{box-shadow:0 6px 20px #e539351a}.best-time-summary__hour{display:block;font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums}.best-time-summary__label{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-xs) 0}.best-time-summary__price{display:block;font-size:var(--text-lg);font-weight:600}.best-time-summary__item--good .best-time-summary__hour{color:var(--color-success)}.best-time-summary__item--bad .best-time-summary__hour{color:var(--color-danger)}.best-time-summary__saving{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-md)}.best-time-summary__tip{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-info-bg);border-radius:var(--radius-md)}.best-time-summary__tip--good{color:var(--color-success);background:var(--color-success-bg);font-weight:600}.best-time-summary__tip--pulse{animation:pulse-nudge 2s ease-in-out 3}@keyframes pulse-nudge{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.03);box-shadow:0 0 12px #4d8a1a4d}}@media(prefers-reduced-motion:reduce){.best-time-summary__tip--pulse{animation:none}}@media(min-width:481px){.best-time-summary{flex-direction:revert;gap:var(--space-lg)}}.dash{max-width:var(--container-md, 860px);margin:0 auto;padding:0 var(--space-md)}.dash__header{padding:var(--space-2xl) 0 var(--space-lg)}.dash__greeting{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.dash__user-name{font-size:var(--text-3xl);font-weight:800;line-height:1.15;margin:0 0 var(--space-sm)}.dash__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.dash__stats-loading{padding:var(--space-xl) 0}.dash__stats{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@media(min-width:401px){.dash__stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.dash__stats{grid-template-columns:repeat(4,1fr)}}.dash__stat{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-fast)}.dash__stat:hover{box-shadow:var(--shadow-md)}.dash__stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--stat-color) 12%,transparent);color:var(--stat-color);flex-shrink:0}.dash__stat-content{min-width:0}.dash__stat-value{display:block;font-size:var(--text-xl);font-weight:700;line-height:1.2;color:var(--color-text);white-space:nowrap}.dash__stat-label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);margin-top:2px}.dash__badges{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.dash__section{margin-top:var(--space-lg)}.dash__section-title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.recent-stations{display:flex;flex-direction:column;gap:1px;background:var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.recent-stations__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);text-decoration:none;color:inherit;transition:background .15s ease}.recent-stations__item:hover{background:var(--bg-secondary)}.recent-stations__icon{color:var(--text-muted);flex-shrink:0}.recent-stations__info{flex:1;min-width:0}.recent-stations__name{display:block;font-weight:500;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-stations__meta{font-size:var(--text-xs);color:var(--text-muted)}.recent-stations__time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.recent-stations__arrow{color:var(--text-muted);flex-shrink:0}.dash__leaderboard{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dash__leaderboard-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}.dash__leaderboard-fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));border-radius:4px;transition:width .5s ease}.dash__leaderboard-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin:0;text-align:center}.dash__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full, 999px);text-decoration:none;transition:all var(--transition-fast)}.dash__badge:hover{background:var(--color-primary);color:#fff;text-decoration:none}.achievements{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.achievements__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-text)}.achievements__title{font-size:var(--text-base);font-weight:600;margin:0;flex:1}.achievements__count{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.achievements__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.achievements__badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-bg-alt);text-align:center;opacity:.4;filter:grayscale(1);transition:all var(--transition-base)}.achievements__badge--unlocked{opacity:1;filter:none;background:var(--color-primary-light);color:var(--color-primary);border:2px solid transparent}.achievements__badge--bronze{border-color:#cd7f32;background:#cd7f3214}.achievements__badge--silver{border-color:#a0a0a0;background:#a0a0a014}.achievements__badge--gold{border-color:gold;background:#ffd7001a}.achievements__tier{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.achievements__label{font-size:var(--text-xs);font-weight:600}.achievements__bar{width:100%;height:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.achievements__bar-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .5s ease}.achievements__progress{font-size:.65rem;color:var(--color-text-muted)}.challenge{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.challenge--completed{border-color:var(--color-success, #22c55e);background:color-mix(in srgb,var(--color-success, #22c55e) 5%,var(--color-surface))}.challenge__confetti{position:absolute;top:var(--space-sm);right:var(--space-sm);animation:challenge-pop .6s ease-out;color:var(--color-warning, #f59e0b)}@keyframes challenge-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.challenge__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.challenge__icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.challenge--completed .challenge__icon-wrap{background:color-mix(in srgb,var(--color-success, #22c55e) 15%,transparent);color:var(--color-success, #22c55e)}.challenge__meta{flex:1;min-width:0}.challenge__title{font-size:var(--text-base);font-weight:600;margin:0;color:var(--color-text)}.challenge__countdown{font-size:var(--text-sm);color:var(--color-text-muted)}.challenge--completed .challenge__countdown{color:var(--color-success, #22c55e);font-weight:600}.challenge__check{color:var(--color-success, #22c55e);flex-shrink:0}.challenge__desc{margin:0 0 var(--space-2xs) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.challenge__subdesc{margin:0 0 var(--space-md) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.challenge__progress{display:flex;align-items:center;gap:var(--space-sm)}.challenge__bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.challenge__bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .5s ease}.challenge--completed .challenge__bar-fill{background:var(--color-success, #22c55e)}.challenge__progress-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.year-review{max-width:720px;margin:0 auto;padding:var(--space-md)}.year-review__hero{text-align:center;padding:var(--space-xl) 0 var(--space-lg);color:var(--color-primary)}.year-review__year{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin:var(--space-sm) 0 0;line-height:1;color:var(--color-text)}.year-review__subtitle{margin:var(--space-xs) 0 0;font-size:var(--text-base);color:var(--color-text-muted)}.year-review__loading,.year-review__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) 0;color:var(--color-text-muted);text-align:center}.year-review__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}@media(min-width:480px){.year-review__stats{grid-template-columns:repeat(4,1fr)}}.year-review__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--stat-accent, var(--color-primary))}.year-review__stat-value{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.year-review__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.year-review__highlight{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);color:var(--color-primary)}.year-review__highlight div{display:flex;flex-direction:column;gap:2px}.year-review__highlight-label{font-size:var(--text-sm);color:var(--color-text-muted)}.year-review__highlight-value{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.year-review__months{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.year-review__month-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.year-review__month-card--best{color:var(--color-success, #22c55e)}.year-review__month-card--worst{color:var(--color-error, #ef4444)}.year-review__month-label{font-size:var(--text-sm);color:var(--color-text-muted)}.year-review__month-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.year-review__chart{margin:var(--space-lg) 0}.year-review__section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-md) 0;color:var(--color-text)}.year-review__chart-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.year-review__share{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:opacity .2s}.year-review__share:hover{opacity:.9}.dash__nav{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-2xl)}.dash__nav-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast)}.dash__nav-card:hover{border-color:var(--nav-accent);box-shadow:0 4px 16px color-mix(in srgb,var(--nav-accent) 12%,transparent);transform:translate(4px);text-decoration:none}.dash__nav-card:active{transform:translate(2px);transition-duration:60ms}.dash__nav-card:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.dash__nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--nav-accent) 10%,transparent);color:var(--nav-accent);flex-shrink:0;transition:all var(--transition-fast)}.dash__nav-card:hover .dash__nav-icon{background:var(--nav-accent);color:#fff}.dash__nav-text{flex:1;min-width:0}.dash__nav-label{display:block;font-weight:600;font-size:var(--text-base);line-height:1.3}.dash__nav-desc{display:block;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.dash__nav-arrow{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.dash__nav-card:hover .dash__nav-arrow{color:var(--nav-accent);transform:translate(4px)}.dash__page-header{padding:var(--space-xl) 0 var(--space-lg)}.dash__back{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-md);transition:color var(--transition-fast)}.dash__back:hover{color:var(--color-primary);text-decoration:none}.dash__page-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.dash__page-title{font-size:var(--text-2xl);font-weight:800;line-height:1.2;margin:0}.dash__page-actions{display:flex;gap:var(--space-sm);align-items:center}.dash__page-content{padding-bottom:var(--space-2xl)}.dashboard-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.dashboard-page__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.card__label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.card__value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1.2}.alerts-page__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.alerts-page__list{display:flex;flex-direction:column;gap:var(--space-md)}.alerts-page__list .card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.profile-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-xs);margin-bottom:var(--space-lg)}.profile-section h2{margin-bottom:var(--space-md)}.tank-history-page__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.tank-history-page__actions{display:flex;gap:var(--space-sm);align-items:center}.tank-history-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.tank-history-page__chart{margin-bottom:var(--space-lg)}.tank-history-page__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tank-history-page__table{width:100%;border-collapse:separate;border-spacing:0}.tank-history-page__table th{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-border);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tank-history-page__table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.tank-history-page__table tbody tr{transition:background-color var(--transition-fast)}.tank-history-page__table tbody tr:nth-child(2n){background:var(--color-bg)}.tank-history-page__table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.tank-history-page__delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color .15s}.tank-history-page__delete-btn:hover{color:var(--color-danger)}.tank-history-page__actions{display:flex;gap:var(--space-xs);align-items:center}.tank-history-page__edit-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color .15s}.tank-history-page__edit-btn:hover{color:var(--color-primary)}.tank-history-page__confirm{display:flex;gap:var(--space-xs);align-items:center;font-size:var(--text-xs)}.form-stack{display:flex;flex-direction:column;gap:var(--space-md)}.vehicles-list{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:769px){.vehicles-list{grid-template-columns:repeat(2,1fr)}}.vehicles-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:box-shadow .2s ease}.vehicles-card:hover{box-shadow:var(--shadow-sm)}.vehicles-card__header{display:flex;align-items:flex-start;gap:var(--space-md)}.vehicles-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.vehicles-card__name{font-weight:600;font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.vehicles-card__badge{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:2px}.vehicles-card__meta{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2xs)}.vehicles-card__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.data-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-border);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.data-table thead th:last-child{text-align:right}.data-table tbody td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-light);font-size:var(--text-xs)}.data-table tbody td:last-child{text-align:right;font-weight:600}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:nth-child(2n){background:var(--color-bg)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.data-table__rank{font-weight:700;color:var(--color-text-muted);width:40px;font-variant-numeric:tabular-nums}.data-table tbody tr:first-child .data-table__rank{color:var(--color-accent)}.data-table td a{text-decoration-color:rgba(var(--color-primary-rgb),.3);text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.data-table td a:hover{text-decoration-color:var(--color-primary)}.data-table .hide-mobile{display:none}@media(min-width:641px){.data-table .hide-mobile{display:revert}.data-table tbody td{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--muted{background:var(--color-bg-alt);color:var(--color-text-muted)}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}@keyframes authFieldIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes authCardIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes authOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.05)}}.auth-layout{display:flex;min-height:calc(100dvh - var(--header-height));background:var(--color-bg)}.auth-layout__brand{display:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#0f0f1a 40%,#1e0a18)}.auth-layout__brand-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;padding:var(--space-3xl) var(--space-2xl);color:#e8e8f0}.auth-layout__brand-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:#e8e8f0;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:auto}.auth-layout__brand-hero{margin-bottom:auto}.auth-layout__brand-icon{color:var(--color-primary);margin-bottom:var(--space-lg);opacity:.9}.auth-layout__brand-headline{font-family:var(--font-display);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff,#c0c0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-layout__brand-sub{font-size:var(--text-base);line-height:1.6;color:#9898b0;max-width:320px}.auth-layout__trust{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.auth-layout__trust li{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:#b0b0c0}.auth-layout__trust li svg{color:var(--color-primary);flex-shrink:0}.auth-layout__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}@media(prefers-reduced-motion:no-preference){.auth-layout__orb{animation:authOrbFloat 8s ease-in-out infinite}}.auth-layout__orb--1{width:300px;height:300px;background:var(--color-primary);top:-50px;right:-80px}.auth-layout__orb--2{width:200px;height:200px;background:var(--color-accent);bottom:-30px;left:-60px;animation-delay:-4s}.auth-layout__form-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);min-height:calc(100dvh - var(--header-height))}.auth-layout__mobile-logo{display:block;margin-bottom:var(--space-lg)}.auth-layout__card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}@media(prefers-reduced-motion:no-preference){.auth-layout__card{animation:authCardIn .4s ease-out}}.auth-layout__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.auth-card__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-xs) 0;color:var(--color-text)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-lg) 0;line-height:1.5}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-card__form .form-group{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.auth-card__field{animation:authFieldIn .35s ease-out backwards;animation-delay:calc(.1s + var(--field-index, 0) * .06s)}}.auth-card__label-row{display:flex;justify-content:space-between;align-items:baseline}.auth-card__forgot-link{font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.auth-card__forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap__icon{position:absolute;left:var(--space-md);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:1}.auth-input-wrap__input{padding-left:calc(var(--space-md) + 18px + var(--space-sm))!important}.auth-input-wrap:focus-within .auth-input-wrap__icon{color:var(--color-primary)}.auth-input-wrap__validation{position:absolute;right:var(--space-md);pointer-events:none;z-index:1;transition:color var(--transition-fast)}.auth-input-wrap__validation--valid{color:var(--color-success, #22c55e)}.auth-input-wrap__validation--invalid{color:var(--color-danger, #dc2626)}.auth-input-wrap:has(.auth-input-wrap__validation) .auth-input-wrap__input{padding-right:calc(var(--space-md) + 18px + var(--space-sm))!important}.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.password-input-wrap__left-icon{position:absolute;left:var(--space-md);display:inline-flex;color:var(--color-text-muted);pointer-events:none;z-index:1;transition:color var(--transition-fast)}.password-input-wrap:focus-within .password-input-wrap__left-icon{color:var(--color-primary)}.password-input-wrap--with-left-icon .password-input-wrap__input{padding-left:calc(var(--space-md) + 18px + var(--space-sm))!important}.password-input-wrap__input{padding-right:calc(var(--space-md) + 18px + var(--space-sm))!important;width:100%}.password-input-wrap__toggle{position:absolute;right:calc(var(--space-xs) + 2px);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm, 6px);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.password-input-wrap__toggle:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 8%,transparent)}.password-input-wrap__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;color:var(--color-primary)}.password-input-wrap__toggle:disabled{opacity:.5;cursor:not-allowed}.password-input-wrap__trailing-extra{position:absolute;right:calc(var(--space-md) + 32px + var(--space-xs));display:inline-flex;align-items:center;pointer-events:none;z-index:1}.password-input-wrap--with-trailing .password-input-wrap__input{padding-right:calc(var(--space-md) + 32px + var(--space-xs) + 18px + var(--space-sm))!important}.form-input--valid{border-color:var(--color-success, #22c55e)!important}.form-input--valid:focus{border-color:var(--color-success, #22c55e)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success, #22c55e) 18%,transparent)!important}.auth-card__submit{margin-top:var(--space-sm);font-weight:600;letter-spacing:.01em;min-height:48px}.auth-card__divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-card__divider span{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.auth-card__links{display:flex;flex-direction:column;gap:var(--space-sm)}.btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border);font-weight:500;transition:all var(--transition-fast)}.btn--outline:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}@media(min-width:1025px){.auth-layout__brand{display:flex;width:42%;max-width:520px;flex-shrink:0}.auth-layout__mobile-logo{display:none}.auth-layout__card{max-width:460px;padding:var(--space-2xl)}}.operator-landing{width:100%;overflow-x:hidden}.operator-landing__hero{background:linear-gradient(160deg,#1a1a2e 0%,#16213e 40%,var(--color-primary) 100%);color:#fff;padding:var(--space-3xl) var(--space-md) var(--space-2xl);text-align:center;position:relative}.operator-landing__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.operator-landing__hero-content{max-width:720px;margin:0 auto;position:relative;z-index:1}.operator-landing__title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;margin:0 0 var(--space-sm);line-height:1.15;letter-spacing:-.02em}.operator-landing__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);margin:0 0 var(--space-xl);opacity:.85;line-height:1.6;max-width:560px;margin-inline:auto}.operator-landing__cta{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:var(--text-lg);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full, 100px);box-shadow:0 4px 20px #00000040;transition:transform .2s ease,box-shadow .2s ease}.operator-landing__cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.operator-landing__section{max-width:1080px;margin:0 auto;padding:var(--space-2xl) var(--space-md);text-align:center}.operator-landing__section--alt{background:var(--color-surface-alt, var(--color-surface));max-width:none}.operator-landing__section--alt>*{max-width:1080px;margin-inline:auto}.operator-landing__section--cta{padding:var(--space-3xl) var(--space-md);background:linear-gradient(160deg,#1a1a2e 0%,#16213e 40%,var(--color-primary) 100%);max-width:none}.operator-landing__section--cta .operator-landing__cta{color:#fff}.operator-landing__section-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;margin:0 0 var(--space-lg);letter-spacing:-.01em}.operator-landing__benefits{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.operator-landing__benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:left;transition:box-shadow .25s ease,transform .25s ease;display:flex;flex-direction:column;gap:var(--space-sm)}.operator-landing__benefit-card:hover{box-shadow:var(--shadow-lg, 0 8px 30px rgba(0,0,0,.12));transform:translateY(-4px)}.operator-landing__benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;flex-shrink:0}.operator-landing__benefit-title{font-size:var(--text-lg);font-weight:700;margin:0}.operator-landing__benefit-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.operator-landing__steps{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center;padding:var(--space-lg) 0}.operator-landing__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative;max-width:200px}.operator-landing__step-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full, 50%);background:var(--color-primary);color:#fff;font-weight:800;font-size:var(--text-lg);box-shadow:0 3px 12px rgba(var(--color-primary-rgb, 0,0,0),.3)}.operator-landing__step-icon{color:var(--color-primary);margin-top:var(--space-xs)}.operator-landing__step-label{font-size:var(--text-base);font-weight:600;margin:0;text-align:center}.operator-landing__pricing-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-xl);max-width:560px;margin-inline:auto}.operator-landing__pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:960px;margin:0 auto;text-align:left}.operator-landing__plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.operator-landing__plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.operator-landing__plan-card--highlight{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),0 8px 30px #0000001a;position:relative;transform:scale(1.02)}.operator-landing__plan-card--highlight:before{content:"Empfohlen";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 16px;border-radius:var(--radius-full, 100px)}.operator-landing__plan-name{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-xs)}.operator-landing__plan-price{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-md);line-height:1.2}.operator-landing__plan-limits{list-style:none;padding:0;margin:0 0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.operator-landing__plan-features{list-style:none;padding:0;margin:0 0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.operator-landing__plan-features li{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm)}.operator-landing__feature--yes{color:var(--color-success);font-weight:500}.operator-landing__feature--no{color:var(--color-text-muted);opacity:.4;text-decoration:line-through}@media(min-width:769px){.operator-landing__hero{padding:5rem var(--space-lg) 4rem}.operator-landing__benefits{grid-template-columns:1fr 1fr}.operator-landing__steps{flex-direction:row;justify-content:center;gap:var(--space-3xl, 3rem)}.operator-landing__step:after{content:"";position:absolute;top:22px;left:calc(100% + .5rem);width:calc(var(--space-3xl, 3rem) - 1rem);height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-border))}.operator-landing__step:last-child:after{display:none}.operator-landing__pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start}}@media(min-width:1024px){.operator-landing__benefits{grid-template-columns:repeat(4,1fr)}}.auth-page{max-width:440px;margin:0 auto;padding:var(--space-2xl) var(--space-md)}.auth-page h1{text-align:center;margin-bottom:var(--space-xl)}.auth-page .card{padding:var(--space-xl)}.auth-page__links{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);font-size:var(--text-sm)}.password-strength{margin-top:var(--space-xs)}.password-strength__bar{height:4px;border-radius:2px;background:var(--color-border, #e0e0e0);overflow:hidden;margin-bottom:var(--space-xs)}.password-strength__fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.password-strength__fill--weak{width:33%;background-color:var(--color-danger, #e53e3e)}.password-strength__fill--medium{width:66%;background-color:var(--color-warning, #dd6b20)}.password-strength__fill--strong{width:100%;background-color:var(--color-success, #38a169)}.password-strength__label{font-size:var(--text-xs, .75rem);font-weight:500}.password-strength__label--weak{color:var(--color-danger, #e53e3e)}.password-strength__label--medium{color:var(--color-warning, #dd6b20)}.password-strength__label--strong{color:var(--color-success, #38a169)}.altcha-status{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md, 6px);background:var(--color-bg-secondary, #f7f7f7);font-size:var(--text-sm, .875rem);text-align:center}.altcha-status__text--loading,.altcha-status__text--solving{color:var(--color-text-secondary, #666)}.altcha-status__text--solved{color:var(--color-success, #38a169);font-weight:500}.altcha-status__text--error{color:var(--color-danger, #e53e3e)}.form-checkbox-group{display:flex;align-items:center;gap:.625rem;margin-bottom:var(--space-md)}.form-checkbox-group input[type=checkbox]{margin:0;flex-shrink:0;width:1.125rem;height:1.125rem;cursor:pointer;position:relative;accent-color:var(--color-primary)}.form-checkbox-group input[type=checkbox]:before{content:"";position:absolute;inset:-12px;min-width:44px;min-height:44px}.form-checkbox-group label{font-size:.8125rem;line-height:1.4;cursor:pointer;color:var(--color-text-muted)}.form-checkbox-group a{color:var(--color-primary);text-decoration:underline}.form-checkbox-group a:hover{text-decoration:none}.btn--link{background:none;border:none;color:var(--color-primary);font-weight:500;padding:var(--space-sm) var(--space-md);min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.btn--link:hover{text-decoration:underline;background:none;border:none}.profile-page{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-xl) var(--space-md)}.profile-page h1{margin-bottom:var(--space-xl)}.profile-page .card{margin-bottom:var(--space-lg)}.profile-page .card h2{margin-bottom:var(--space-md)}.card--danger{border-color:#ef444433}.form-group--actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.two-factor-status{margin:var(--space-md) 0}.two-factor-setup{margin-top:var(--space-lg)}.two-factor-setup__qr{display:flex;justify-content:center;margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.two-factor-setup__secret{display:block;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;-webkit-user-select:all;user-select:all}.two-factor-backup{margin-top:var(--space-lg)}.two-factor-backup__codes{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:2;margin:var(--space-md) 0}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs)}.empty-state__text{font-size:var(--text-base);margin:0 0 var(--space-md)}.empty-state__action{margin-top:var(--space-md)}.error-page{text-align:center;padding:var(--space-3xl) var(--space-md);max-width:640px;margin:0 auto;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-page__code{font-size:clamp(5rem,15vw,10rem);font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);opacity:.85}.error-page__title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}.error-page__text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.error-page__search{width:100%;margin-bottom:var(--space-xl)}.error-page__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.error-page__popular{width:100%;margin-top:var(--space-xl)}.error-page__popular-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.error-page__popular-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.error-page__popular-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.error-page__popular-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-page__popular-link svg{color:var(--color-text-muted);transition:color var(--transition-fast)}.error-page__popular-link:hover svg{color:var(--color-primary)}@media(min-width:481px){.error-page__popular-grid{grid-template-columns:repeat(3,1fr)}}.text-lg{font-size:var(--text-lg)}.text-secondary{color:var(--color-text-secondary)}.text-right{text-align:right}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-0{margin-bottom:0!important;padding-bottom:0!important}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-auto{margin-left:auto}.ml-xs{margin-left:4px}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.p-md{padding:var(--space-md)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.admin-page section h2:after,section .admin-stats-grid+* h2:after{display:none}h2.mb-0:after{display:none}.worker-status{font-weight:600}.worker-status--ok{color:var(--color-success, #16a34a)}.worker-status--warning{color:var(--color-warning, #f59e0b)}.worker-status--error{color:var(--color-danger, #dc2626)}.env-status{display:inline-flex;align-items:center;gap:4px}.env-status--set{color:var(--color-success, #16a34a)}.env-status--missing{color:var(--color-danger, #dc2626)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th__inner{display:inline-flex;align-items:center;gap:4px}.sortable-th__inner.text-right{justify-content:flex-end}.sys-alert-inline{margin:.75rem 1rem 0;display:flex;align-items:center;gap:var(--space-sm)}.chart-container{padding:var(--space-md);height:280px}.fuel-hero{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);margin-bottom:var(--space-xl);overflow:hidden}.fuel-hero__accent{position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.fuel-hero__content{position:relative}.fuel-hero__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 var(--space-lg)}.fuel-hero__stats{display:flex;flex-direction:column;gap:var(--space-md)}.fuel-hero__price{display:flex;align-items:baseline;gap:.375rem}.fuel-hero__price-value{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text)}.fuel-hero__price-unit{font-size:var(--text-xl);font-weight:600;color:var(--color-text-muted);align-self:flex-end;margin-bottom:.25rem}.fuel-hero__meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.fuel-hero__meta-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.fuel-hero__range{display:flex;align-items:center;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.fuel-hero__range-item{display:flex;flex-direction:column;gap:2px}.fuel-hero__range-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.fuel-hero__range-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.fuel-hero__range-value--low{color:var(--color-success)}.fuel-hero__range-value--high{color:var(--color-danger)}.fuel-hero__range-divider{width:1px;height:2rem;background:var(--color-border)}.fuel-hero[data-fuel=e5]{background:linear-gradient(135deg,var(--color-surface) 60%,rgba(77,138,26,.04))}.fuel-hero[data-fuel=e10]{background:linear-gradient(135deg,var(--color-surface) 60%,rgba(59,130,246,.04))}.fuel-hero[data-fuel=diesel]{background:linear-gradient(135deg,var(--color-surface) 60%,rgba(245,158,11,.04))}.fuel-rankings-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.fuel-ranking-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-lg)}.fuel-ranking-card h2{font-size:var(--text-lg);margin-top:0;margin-bottom:var(--space-md)}.fuel-ranking-card--cheap h2:before{content:"";display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);margin-right:.5rem;vertical-align:middle}.fuel-ranking-card--expensive h2:before{content:"";display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-danger);margin-right:.5rem;vertical-align:middle}@media(min-width:769px){.fuel-rankings-grid{grid-template-columns:repeat(2,1fr)}.fuel-hero{padding:var(--space-xl) var(--space-xl)}}.ranking-list{display:flex;flex-direction:column;gap:2px}.ranking-list__item{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem .625rem;border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition-fast)}.ranking-list__item:hover{background:var(--color-bg-hover)}.ranking-list__rank{font-weight:700;font-size:var(--text-xs);color:var(--color-text-muted);width:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.ranking-list__item:nth-child(1) .ranking-list__rank{color:#d4af37;font-weight:700}.ranking-list__item:nth-child(2) .ranking-list__rank{color:#aaa9ad;font-weight:700}.ranking-list__item:nth-child(3) .ranking-list__rank{color:#cd7f32;font-weight:700}.ranking-list__name{flex:1;font-weight:500}.ranking-list__value{font-weight:700;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-text)}.brand-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden}.brand-table__toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-direction:column}.brand-table__search{position:relative;flex:1;max-width:none}.brand-table__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.brand-table__search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.brand-table__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.brand-table__count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;white-space:nowrap}.brand-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.brand-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.brand-table__th{text-align:left;padding:.625rem var(--space-md);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);white-space:nowrap;background:var(--color-surface-alt)}.brand-table__th--rank{width:2.5rem;text-align:center}.brand-table__th--price{text-align:right;width:5rem}.brand-table__th--range{width:140px;text-align:center}.brand-table__sort-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;white-space:nowrap}.brand-table__sort-btn:hover{color:var(--color-primary)}.brand-table__sort-icon{font-size:.6875rem;opacity:.4;transition:opacity var(--transition-fast)}.brand-table__sort-icon--active{opacity:1;color:var(--color-primary)}.brand-table__row{transition:background var(--transition-fast)}.brand-table__row:hover{background:var(--color-bg-hover)}.brand-table__row td{padding:.5rem var(--space-md);border-bottom:1px solid var(--color-border-light)}.brand-table__rank{text-align:center;font-weight:700;color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.brand-table__row:first-child .brand-table__rank{color:var(--color-accent)}.brand-table__name{font-weight:600}.brand-table__price{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:600}.brand-table__price--avg{font-weight:800;color:var(--color-text)}.brand-table__price--min{color:var(--color-success)}.brand-table__price--max{color:var(--color-danger)}.brand-table__range-cell{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important;display:none}.brand-table__range-bar{position:relative;height:6px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:visible}.brand-table__range-fill{position:absolute;top:0;height:100%;border-radius:var(--radius-full);opacity:.5;transition:opacity var(--transition-fast)}.brand-table__row:hover .brand-table__range-fill{opacity:.75}.brand-table__range-avg{position:absolute;top:50%;width:8px;height:8px;background:var(--color-text);border-radius:var(--radius-full);transform:translate(-50%,-50%);border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border)}.brand-table__empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}.brand-table__pagination{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);flex-wrap:wrap}.brand-table__page-btn{min-width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.brand-table__page-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border)}.brand-table__page-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.brand-table__page-btn--active:hover{background:var(--color-primary-dark)}.brand-table__page-btn:disabled{opacity:.3;cursor:not-allowed}.brand-table__page-ellipsis{min-width:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}@media(min-width:641px){.brand-table__toolbar{flex-direction:revert;align-items:center;gap:var(--space-md)}.brand-table__search{max-width:280px}.brand-table__range-cell{display:revert}.brand-table__pagination{flex-wrap:revert}}.weekday-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;max-width:640px}.weekday-grid__cell{padding:.5rem .25rem;text-align:center;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:default;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.weekday-grid__cell:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}.weekday-grid__day{font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.weekday-grid__price{font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:.95}@media(min-width:481px){.weekday-grid{grid-template-columns:repeat(7,1fr);gap:.375rem}.weekday-grid__cell{min-height:60px;padding:.75rem .5rem}}.detail-header h1{margin:0;font-family:var(--font-display);font-size:clamp(1.625rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,var(--color-text) 60%,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal)}.modal-overlay--above{z-index:var(--z-modal-stacked)}.modal{width:100%;max-height:85vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0}@media(min-width:481px){.modal-overlay{align-items:center}.modal{width:90%;max-width:640px;max-height:80vh;border-radius:revert;margin:revert}}.qr-modal{background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:400px;padding:var(--space-lg)}.qr-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.qr-modal .modal-header h3{font-size:var(--text-lg);font-weight:600;margin:0;color:var(--text-primary)}.qr-modal .modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);min-width:44px;min-height:44px;padding:var(--space-xs);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.qr-modal .modal-close:hover{background:var(--bg-secondary)}.qr-modal__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.qr-modal__station-name{font-weight:600;color:var(--text-primary);text-align:center;margin:0}.qr-modal__canvas{border-radius:var(--radius-md);border:2px solid var(--border-primary)}.qr-modal__url{font-size:var(--text-xs);color:var(--text-muted);word-break:break-all;text-align:center;margin:0}.qr-modal__actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.qr-modal__actions .btn{display:flex;align-items:center;gap:var(--space-xs)}@media(min-width:481px){.qr-modal{border-radius:var(--radius-xl)}}.share-sheet{background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:400px;padding:var(--space-lg)}.share-sheet .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.share-sheet .modal-header h3{font-size:var(--text-lg);font-weight:600;margin:0;color:var(--text-primary)}.share-sheet .modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);min-width:44px;min-height:44px;padding:var(--space-xs);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.share-sheet__station{font-weight:500;color:var(--text-secondary);margin:0 0 var(--space-md);font-size:var(--text-sm)}.share-sheet__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.share-sheet__btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xs);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-xs);text-decoration:none;color:#fff;transition:opacity .15s}.share-sheet__btn:hover{opacity:.85}.share-sheet__btn--whatsapp{background:#25d366}.share-sheet__btn--telegram{background:#08c}.share-sheet__btn--twitter{background:#000}.share-sheet__btn--copy{background:var(--bg-secondary);color:var(--text-primary)}@media(min-width:481px){.share-sheet{border-radius:var(--radius-xl)}}.code-block{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--text-xs);max-width:400px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.form-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.form-row>.form-group{flex:1;min-width:150px}.form-input--sm{padding:var(--space-xs) var(--space-sm);font-size:1rem}.btn--success{background:var(--color-success);color:#fff;border:none}.btn--success:hover{background:var(--color-accent-dark);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3);transform:translateY(-1px)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--ghost:hover{background:var(--color-bg)}.btn--reset{appearance:none;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.btn--icon{padding:0;width:36px;height:36px;min-width:36px;line-height:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}.btn--icon:after{content:"";position:absolute;inset:-4px;min-width:44px;min-height:44px}.btn--icon:hover{background:var(--color-bg-hover);color:var(--color-primary);transform:scale(1.1)}.btn--icon:active{transform:scale(.95)}.alert__close{background:none;border:none;font-size:1.25rem;cursor:pointer;margin-left:auto;padding:0 .25rem;opacity:.6}.alert__close:hover{opacity:1}.map-page{display:flex;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow:hidden;isolation:isolate;position:relative;z-index:var(--z-base)}.map-page__sidebar{width:100%;flex-shrink:0;overflow-y:auto;padding:var(--space-sm) var(--space-md) var(--space-lg);background:var(--color-surface);border-right:none;display:flex;flex-direction:column;gap:var(--space-md);position:fixed;bottom:0;left:0;right:0;max-height:55vh;z-index:var(--z-map-sidebar);border-top:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);transform:translateY(100%);transition:transform .3s ease;padding-bottom:env(safe-area-inset-bottom,0px)}.map-page__sidebar h2{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--color-text)}.map-page__sidebar-header{display:flex;justify-content:space-between;align-items:center}.map-page__map{flex:1;min-width:0;position:relative}.map-page__map .station-map{width:100%;height:100%}.map-page__filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.map-page__filter-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.map-page__fuel-btns{display:flex;gap:var(--space-sm)}.map-page__fuel-btn{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;font-weight:600;font-size:var(--text-sm);text-align:center;transition:all var(--transition-fast);color:var(--color-text-secondary);min-height:44px}.map-page__fuel-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--color-primary-rgb),.06)}.map-page__fuel-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.map-page__fuel-btn--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.map-page__checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm)}.map-page__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.map-page__sidebar select,.map-page__sidebar .map-page__search-input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);width:100%;min-height:44px}.map-page__sidebar select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.map-page__sidebar select:focus,.map-page__sidebar .map-page__search-input:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:-2px}.map-page__search-input{cursor:text}.map-page__search-row{display:flex;gap:var(--space-xs);align-items:stretch}.map-page__search-field{position:relative;flex:1;min-width:0}.map-page__search-field .map-page__search-input{width:100%;padding-right:32px}.map-page__search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm)}.map-page__search-clear:hover{color:var(--color-text)}.map-page__search-btn{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;transition:background .15s,opacity .15s}.map-page__search-btn:hover:not(:disabled){background:var(--color-primary-dark, #a00a5c)}.map-page__search-btn:disabled{opacity:.5;cursor:not-allowed}.map-page__search-spinner{animation:spin .8s linear infinite}.map-page__price-range{display:flex;flex-direction:column;gap:var(--space-sm)}.map-page__price-range-inputs{display:flex;align-items:center;gap:var(--space-xs)}.map-page__price-input-label{flex:1;display:flex;align-items:center;position:relative}.map-page__price-input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:44px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text);min-height:44px;transition:border-color var(--transition-fast);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.map-page__price-input::-webkit-inner-spin-button,.map-page__price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.map-page__price-input:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:-2px}.map-page__price-input::placeholder{color:var(--color-text-muted)}.map-page__price-input-unit{position:absolute;right:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none}.map-page__price-range-sep{color:var(--color-text-muted);font-weight:600;flex-shrink:0;padding:0 2px}.map-page__price-reset{background:none;border:none;color:var(--color-primary);font-size:var(--text-xs);font-weight:600;cursor:pointer;padding:var(--space-xs) 0;text-align:left;transition:color var(--transition-fast)}.map-page__price-reset:hover{color:var(--color-primary-dark)}.map-page__location-btn{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast)}.map-page__location-btn:hover{background:var(--color-primary-dark)}.map-page__location-btn:focus-visible,.map-page__fuel-btn:focus-visible,.map-page__mobile-toggle:focus-visible,.map-page__mobile-close:focus-visible,.map-page__share-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.map-page__result-count{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);padding:var(--space-md);border-top:1px solid var(--color-border);background:rgba(var(--color-primary-rgb),.05);border-radius:var(--radius-md);margin-top:auto}.map-page__bottom-bar{display:flex;position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:var(--z-mobile-toggle);align-items:center;max-width:calc(100vw - 2 * var(--space-lg));width:max-content;background:#ffffffbf;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 4px 24px #00000024,0 1px 4px #00000014;overflow:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast)}@media(prefers-color-scheme:dark){.map-page__bottom-bar{background:#1e1e23c7;border-color:#ffffff1f}}.map-page__mobile-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);height:48px;background:transparent;color:var(--color-primary);border:none;font-weight:600;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast)}.map-page__mobile-toggle:hover{background:rgba(var(--color-primary-rgb),.08)}.map-page__share-btn:before{content:"";display:block;width:1px;height:24px;background:var(--color-border);flex-shrink:0;margin-right:var(--space-sm)}.map-page__share-btn{display:flex;align-items:center;justify-content:flex-start;padding:0 var(--space-md) 0 var(--space-sm);height:48px;background:transparent;color:var(--color-text-muted);border:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);position:relative}.map-page__share-btn:hover{color:var(--color-text);background:#0000000a}.map-page__share-tooltip{position:absolute;bottom:calc(100% + var(--space-sm));right:0;background:var(--color-text);color:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;animation:fadeIn .2s ease}.map-page__mobile-close{display:block;background:none;border:none;cursor:pointer;padding:var(--space-xs);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.map-page__mobile-close:hover{color:var(--color-text)}.map-page__sidebar input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}.map-page__loading{width:100%;height:100%;position:relative;overflow:hidden}.map-page__loading-skeleton{width:100%;height:100%;background:linear-gradient(110deg,var(--color-border) 8%,var(--color-surface) 18%,var(--color-border) 33%);background-size:200% 100%;animation:map-skeleton-pulse 1.5s ease-in-out infinite}@keyframes map-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.map-page__loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.map-page__loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:map-spinner .8s linear infinite}@keyframes map-spinner{to{transform:rotate(360deg)}}.map-page__loading-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0}.map-page__legend{position:absolute;bottom:90px;right:var(--space-sm);z-index:var(--z-map-legend);background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-md);font-size:var(--text-xs);display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:none}.map-page__legend-title{font-weight:700;color:var(--color-text);margin-bottom:2px;font-size:var(--text-xs)}.map-page__legend-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary)}.map-page__legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid transparent}.map-page__legend-dot--cheap{background:var(--color-cheap-bg);border-color:var(--color-cheap-border)}.map-page__legend-dot--medium{background:var(--color-medium-bg);border-color:var(--color-medium-border)}.map-page__legend-dot--expensive{background:var(--color-expensive-bg);border-color:var(--color-expensive-border)}.map-page__legend-dot--closed{background:var(--color-text-muted);opacity:.7}.map-page__legend-closed-text{text-decoration:line-through}.map-page__heatmap-toggle{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:var(--z-map-legend);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s,color .15s,border-color .15s}.map-page__heatmap-toggle:hover{background:var(--color-surface-hover, var(--color-surface));color:var(--color-text)}.map-page__heatmap-toggle--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.map-page__heatmap-toggle--active:hover{background:var(--color-primary-hover, var(--color-primary));color:#fff}.map-page__empty-overlay{position:absolute;inset:0;z-index:var(--z-map-legend);display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}[data-theme=dark] .map-page__empty-overlay{background:#00000080}.map-page__empty-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:380px;margin:var(--space-md);padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center}.map-page__empty-icon{color:var(--color-primary);opacity:.8}.map-page__empty-title{font-size:var(--text-lg);font-weight:700;line-height:1.3;margin:0;color:var(--color-text)}.map-page__empty-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.map-page__empty-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.map-page__empty-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;min-height:44px;font-size:var(--text-sm)}@media(min-width:481px){.map-page__empty-actions{flex-direction:row}.map-page__empty-btn{flex:1}}.map-page__toast{position:fixed;bottom:calc(var(--space-xl) + 56px);left:50%;transform:translate(-50%);z-index:calc(var(--z-map-legend) + 10);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);max-width:min(90vw,400px);text-align:center;animation:map-toast-in .2s ease-out}@keyframes map-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-page__heatmap-gradient{display:block;width:100%;height:10px;border-radius:var(--radius-sm);background:linear-gradient(to right,#32b41e,#ffff1e,#ff231e)}.map-page__heatmap-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}@media(min-width:769px){.map-page__heatmap-toggle{top:var(--space-md);right:var(--space-md)}}.map-page__sidebar:before{content:"";display:block;width:40px;height:4px;background:var(--color-text-muted);border-radius:var(--radius-full);margin:var(--space-xs) auto var(--space-md);opacity:.4}.map-page__sidebar--open{transform:translateY(0)}@media(min-width:769px){.map-page__sidebar{position:revert;bottom:revert;left:revert;right:revert;width:320px;max-height:revert;z-index:revert;border-right:1px solid var(--color-border);border-top:revert;border-radius:revert;box-shadow:revert;transform:none;transition:revert;padding:var(--space-lg)}.map-page__sidebar:before{content:none;display:none;width:revert;height:revert;background:revert;border-radius:revert;margin:revert;opacity:revert}.map-page__sidebar--open{transform:none}.map-page__bottom-bar,.map-page__mobile-toggle,.map-page__mobile-close{display:none}.map-page__legend{bottom:var(--space-md);right:var(--space-md)}}.error-state{text-align:center;padding:var(--space-xl);color:var(--color-danger);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.error-state p{margin-bottom:var(--space-md)}.btn:not(.btn--sm):not(.btn--xs):not(.btn--icon){min-height:44px}.header__auth .btn--sm{min-height:44px;padding-block:var(--space-sm)}.admin-pagination .btn{min-width:44px;min-height:44px}@media(min-width:769px){.btn:not(.btn--sm):not(.btn--xs):not(.btn--icon){min-height:revert}.header__auth .btn--sm{min-height:revert;padding-block:revert}.search-bar__suggestion{padding:10px var(--space-lg)}.admin-pagination .btn{min-width:revert;min-height:revert}.station-card__fuel{min-height:revert;justify-content:revert}.station-card__body{gap:var(--space-lg)}.station-card__name{font-size:var(--text-lg)}}@media(min-width:361px){.search-bar__input{padding:18px var(--space-xl);padding-right:56px;font-size:var(--text-lg)}.station-card__all-prices{flex-direction:revert}.station-card__fuel{border-right:1px solid var(--color-border-light);border-bottom:revert}.station-card__fuel:last-child{border-bottom:revert}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-cookie-banner);transform:translateY(100%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.cookie-consent--visible{transform:translateY(0);opacity:1}.cookie-consent__container{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom,0px));background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #0000001f;color:var(--color-text);font-size:var(--text-sm);line-height:1.5}.cookie-consent__message{margin:0;text-align:center;flex:1}.cookie-consent__link{color:var(--color-primary);text-decoration:underline;white-space:nowrap}.cookie-consent__link:hover{color:var(--color-primary-dark)}.cookie-consent__buttons{display:flex;gap:var(--space-sm);flex-shrink:0;flex-wrap:wrap;justify-content:center}.cookie-consent__btn{padding:10px 24px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--text-sm);line-height:1;white-space:nowrap;min-height:44px;transition:background-color var(--transition-fast)}.cookie-consent__btn--primary{background-color:var(--color-primary);color:#fff;border:none}.cookie-consent__btn--primary:hover{background-color:var(--color-primary-dark)}.cookie-consent__btn--secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);font-weight:500}.cookie-consent__btn--secondary:hover{background-color:var(--color-border-light)}@media(min-width:641px){.cookie-consent__container{flex-direction:row}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-theme=dark] .cookie-consent__btn--secondary{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-text)}:root[data-theme=dark] .cookie-consent__btn--secondary:hover{background-color:#ffffff14;border-color:#ffffff80}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cookie-consent__btn--secondary{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-text)}:root:not([data-theme=light]) .cookie-consent__btn--secondary:hover{background-color:#ffffff14;border-color:#ffffff80}}.blog-content{max-width:720px;margin:0 auto;font-size:var(--text-lg);line-height:1.8;color:var(--color-text)}.blog-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:var(--text-2xl);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.blog-content h3{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:var(--text-xl);font-family:var(--font-display);font-weight:600}.blog-content p{margin-bottom:var(--space-md)}.blog-content ul,.blog-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-content li{margin-bottom:var(--space-xs)}.blog-content li::marker{color:var(--color-primary)}.blog-content img{border-radius:var(--radius-lg);margin:var(--space-xl) 0;max-width:100%;height:auto}.blog-content blockquote{border-left:4px solid var(--color-primary);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:var(--color-primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}.blog-content code{background:var(--color-surface-raised);border:1px solid var(--color-border-light);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.blog-content pre{background:var(--color-surface-raised);border:1px solid var(--color-border-light);padding:var(--space-lg);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-xl) 0}.blog-content pre code{background:none;border:none;padding:0}.blog-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.blog-content a:hover{color:var(--color-primary-dark);text-decoration-color:transparent}.blog-content hr{border:none;height:1px;background:var(--color-border);margin:var(--space-2xl) 0}.blog-grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:641px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:641px){.blog-grid .blog-card:first-child{grid-column:1 / -1}.blog-grid .blog-card:first-child .blog-card__image-wrap{aspect-ratio:21 / 9}.blog-grid .blog-card:first-child h2{font-size:var(--text-2xl)}}@media(min-width:1025px){.blog-grid .blog-card:first-child{display:grid;grid-template-columns:1.2fr 1fr}.blog-grid .blog-card:first-child .blog-card__image-wrap{aspect-ratio:auto;min-height:280px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.blog-grid .blog-card:first-child .blog-card__body{padding:var(--space-xl) var(--space-2xl);justify-content:center}}.blog-card{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.blog-card__image-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 9}.blog-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.blog-card__image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity .35s ease;pointer-events:none}.blog-card__image-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:2;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#c70c6fe0;color:#fff;padding:4px 10px;border-radius:var(--radius-full)}@media(min-width:769px){.blog-card__image-badge{opacity:0;transform:translateY(-4px);transition:opacity .25s ease .05s,transform .25s ease .05s}.blog-card:hover .blog-card__image-badge{opacity:1;transform:translateY(0)}}.blog-card:hover .blog-card__image{transform:scale(1.06)}.blog-card:hover .blog-card__image-wrap:after{opacity:1}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__image,.blog-card__image-wrap:after,.blog-card__image-badge{transition:none!important;transform:none!important}.blog-card__image-badge{opacity:1}}.blog-card__placeholder{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);color:var(--color-text-muted)}.blog-card__body{padding:var(--space-lg);display:flex;flex-direction:column;flex:1;gap:var(--space-sm)}.blog-card h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.01em;line-height:1.35}.blog-card h2 a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card__excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.blog-card__author{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.blog-card__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:.8125rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.blog-card__author-name{font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-card__meta-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.blog-card__meta-item{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:var(--radius-full);background:var(--color-surface-alt);white-space:nowrap;font-size:var(--text-sm);transition:background var(--transition-fast),color var(--transition-fast)}.blog-card:hover .blog-card__meta-item{background:var(--color-primary-light);color:var(--color-primary)}.blog-card__meta-item svg{flex-shrink:0;opacity:.65}.blog-card:hover .blog-card__meta-item svg{opacity:1}@media(prefers-reduced-motion:reduce){.blog-card__meta-item{transition:none}}.blog-article__header{text-align:center;margin-bottom:var(--space-xl)}.blog-article__category{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-sm)}.blog-article__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-md)}@media(min-width:769px){.blog-article__title{font-size:var(--text-4xl)}}.blog-article__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted)}.blog-article__meta-item{display:flex;align-items:center;gap:var(--space-xs)}.blog-article__meta-divider{width:4px;height:4px;border-radius:50%;background:var(--color-text-muted)}.blog-hero-image{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:var(--space-2xl)}@media(min-width:769px){.blog-hero-image{border-radius:var(--radius-2xl)}}.blog-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-xl);margin-top:var(--space-2xl);border-top:1px solid var(--color-border-light)}.blog-article__tag{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.blog-article__tag:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.blog-back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast);margin-bottom:var(--space-lg)}.blog-back:hover{color:var(--color-primary)}.section--narrow>img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg)}.rte{border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--color-surface, #fff)}.rte__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--color-surface-hover, #f8fafc)}.rte__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--color-text, #1e293b);cursor:pointer;transition:background .15s,color .15s}.rte__btn:hover{background:var(--color-primary-bg, rgba(37, 99, 235, .08))}.rte__btn--active{background:var(--color-primary, #2563eb);color:#fff}.rte__btn--active:hover{background:var(--color-primary-hover, #1d4ed8)}.rte__btn:disabled{opacity:.3;cursor:default}.rte__divider{width:1px;height:20px;margin:0 4px;background:var(--border-color, #e2e8f0)}.rte__toolbar-spacer{flex:1 1 auto;min-width:8px}.rte__btn--mode{width:auto;padding:0 .5rem;gap:.35rem;font-size:.75rem;font-weight:600}.rte__btn-label{line-height:1}@media(max-width:480px){.rte__btn-label{display:none}.rte__btn--mode{width:28px;padding:0}}.rte__toolbar--source .rte__btn:not(.rte__btn--mode){pointer-events:none;opacity:.35}.rte__content{padding:1rem;min-height:300px;max-height:600px;overflow-y:auto}.rte__source{display:block;width:100%;min-height:320px;max-height:600px;padding:1rem;border:0;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.55;color:var(--color-text);background:var(--color-surface);outline:none}.rte__source:focus{background:var(--color-surface-alt, rgba(0, 0, 0, .02))}.rte__content .tiptap{outline:none;min-height:280px}.rte__content .tiptap>*:first-child{margin-top:0}.rte__content .tiptap p{margin:.5em 0;line-height:1.7}.rte__content .tiptap h2{margin:1.5em 0 .5em;font-size:1.5rem;font-weight:700}.rte__content .tiptap h3{margin:1.25em 0 .4em;font-size:1.25rem;font-weight:600}.rte__content .tiptap h4{margin:1em 0 .3em;font-size:1.1rem;font-weight:600}.rte__content .tiptap ul,.rte__content .tiptap ol{padding-left:1.5em;margin:.5em 0}.rte__content .tiptap li{margin:.25em 0}.rte__content .tiptap blockquote{border-left:3px solid var(--color-primary, #2563eb);padding-left:1em;margin:1em 0;color:var(--color-text-muted, #64748b);font-style:italic}.rte__content .tiptap hr{border:none;border-top:2px solid var(--border-color, #e2e8f0);margin:1.5em 0}.rte__content .tiptap code{background:var(--color-surface-hover, #f1f5f9);padding:2px 6px;border-radius:3px;font-size:.9em}.rte__content .tiptap pre{background:var(--color-surface-hover, #1e293b);color:var(--color-text, #e2e8f0);padding:1em;border-radius:var(--radius-md, 8px);overflow-x:auto;margin:1em 0}.rte__content .tiptap pre code{background:none;padding:0}.rte__content .tiptap img{max-width:100%;height:auto;border-radius:var(--radius-md, 8px);margin:1em 0}.rte__content .tiptap a{color:var(--color-primary, #2563eb);text-decoration:underline}.rte__content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted, #94a3b8);pointer-events:none;height:0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed var(--border-color, #cbd5e1);border-radius:var(--radius-md, 8px);background:var(--color-surface-hover, #f8fafc);cursor:pointer;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.dropzone:hover,.dropzone--active{border-color:var(--color-primary, #2563eb);background:var(--color-primary-bg, rgba(37, 99, 235, .04))}.dropzone--active{border-style:solid}.dropzone--uploading{pointer-events:none;opacity:.7}.dropzone--compact{padding:1rem;flex-direction:row}.dropzone__icon{color:var(--color-text-muted, #94a3b8)}.dropzone__text{font-size:.875rem;color:var(--color-text, #1e293b);font-weight:500}.dropzone__hint{font-size:.75rem;color:var(--color-text-muted, #94a3b8)}.dropzone__uploading{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted, #64748b);font-size:.875rem}.dropzone__spinner{width:20px;height:20px;border:2px solid var(--border-color, #cbd5e1);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-media{margin-top:var(--space-md, 1rem)}.blog-media__title{margin:0 0 var(--space-sm, .5rem);font-size:1rem;font-weight:600}.blog-media__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm, .5rem);margin-top:var(--space-sm, .5rem)}.blog-media__item{border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--color-surface, #fff);transition:box-shadow .2s}.blog-media__item:hover{box-shadow:0 2px 8px #00000014}.blog-media__item--cover{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 1px var(--color-primary, #2563eb)}.blog-media__thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-surface-hover, #f1f5f9)}.blog-media__thumb img{width:100%;height:100%;object-fit:cover}.blog-media__cover-badge{position:absolute;top:6px;left:6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary, #2563eb);color:#fff}.blog-media__info{padding:6px 8px;min-height:28px}.blog-media__alt-text{font-size:.75rem;color:var(--color-text-muted, #64748b);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-media__edit-alt{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.blog-media__edit-alt input{width:100%;min-width:0;flex:1 1 100%}.blog-media__edit-alt .btn{flex-shrink:0}.blog-media__actions{display:flex;gap:2px;padding:4px 6px;border-top:1px solid var(--border-color, #e2e8f0);justify-content:center}.blog-media__actions .btn{padding:4px}@media(min-width:641px){.blog-media__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.rte__toolbar{padding:6px 8px}.rte__btn{width:32px;height:32px}}.blog-editor{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:start}.blog-editor__main{min-width:0}.blog-editor__sidebar{display:flex;flex-direction:column;gap:var(--space-md);position:static;top:var(--space-lg)}.blog-editor__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.blog-editor__topbar h1{margin:0;font-size:var(--text-xl)}.blog-editor__topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.sidebar-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt, var(--color-surface));border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:var(--text-sm);gap:var(--space-sm)}.sidebar-panel__header:hover{background:var(--color-surface-hover, rgba(0,0,0,.03))}.sidebar-panel__toggle{transition:transform .2s ease;flex-shrink:0;color:var(--color-text-muted)}.sidebar-panel--collapsed .sidebar-panel__toggle{transform:rotate(-90deg)}.sidebar-panel__body{padding:var(--space-md)}.sidebar-panel--collapsed .sidebar-panel__body{display:none}.sidebar-panel--actions{border-color:var(--color-primary, #2563eb)}.sidebar-panel--actions .sidebar-panel__header{background:var(--color-primary, #2563eb);color:#fff;border-bottom-color:var(--color-primary, #2563eb);cursor:default}.sidebar-panel--actions .sidebar-panel__body{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-panel--actions .btn--primary{width:100%;justify-content:center}.sidebar-panel__status-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.form-check{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm)}.form-check input[type=checkbox]{width:18px;height:18px;flex-shrink:0;cursor:pointer}.blog-cover__wrapper{position:relative;max-width:100%}.blog-cover__img{max-width:100%;border-radius:var(--radius-sm, 4px)}.blog-cover__delete{position:absolute;top:4px;right:4px}@media(min-width:1025px){.blog-editor{grid-template-columns:1fr 340px}.blog-editor__sidebar{position:sticky}}.ad-slot{display:flex;align-items:center;justify-content:center;margin:var(--space-lg) auto;overflow:hidden}.ad-slot__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-bg-alt, #f5f5f5);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.ad-slot__text{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.ad-slot--banner{max-width:320px;height:50px}@media(min-width:769px){.ad-slot--banner{max-width:728px;height:90px}}.ad-slot--rectangle{max-width:300px;height:250px}.ad-slot--skyscraper{max-width:160px;height:600px}.ad-slot--leaderboard{max-width:320px;height:50px}@media(min-width:769px){.ad-slot--leaderboard{max-width:970px;height:90px}}.cookie-consent__container--extended{flex-direction:column;align-items:stretch}.cookie-consent__body{flex:1}.cookie-consent__title{font-weight:700;font-size:var(--text-base);margin:0 0 var(--space-xs) 0}.cookie-consent__settings{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-alt, #f5f5f5);border-radius:var(--radius-sm)}.cookie-consent__toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm)}.cookie-consent__toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.cookie-consent__toggle input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.cookie-consent__toggle-label{flex:1}@media(min-width:641px){.cookie-consent__container--extended{flex-direction:column}.cookie-consent__settings{flex-direction:row;flex-wrap:wrap}.cookie-consent__toggle{min-width:200px}}.star-rating{display:flex;align-items:center;gap:.5rem}.star-rating__label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280);min-width:6rem}.star-rating__stars{display:flex;gap:2px;flex-wrap:wrap;max-width:100%}.star-rating__star{background:none;border:none;cursor:default;font-size:1.25rem;line-height:1;padding:2px;color:var(--color-border, #d1d5db);transition:color .15s,transform .15s ease;border-radius:var(--radius-sm)}.star-rating__star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.star-rating--interactive .star-rating__star{cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.star-rating--interactive .star-rating__star:hover{transform:scale(1.2);color:#fbbf24}.star-rating--interactive .star-rating__star:active{transform:scale(.95)}.star-rating__star--filled{color:#f59e0b;filter:drop-shadow(0 1px 2px rgba(245,158,11,.3))}.star-rating__value{font-size:.875rem;font-weight:600;color:var(--color-text, #111827);margin-left:.375rem}.star-rating--sm .star-rating__star{font-size:1.125rem;min-width:auto;min-height:auto}.star-rating--md .star-rating__star{font-size:1.5rem}.star-rating--lg .star-rating__star{font-size:2rem}.star-rating--lg.star-rating--interactive .star-rating__star{min-width:48px;min-height:48px}.star-rating--xl .star-rating__star{font-size:2.5rem}.star-rating--xl.star-rating--interactive .star-rating__star{min-width:52px;min-height:52px}.review-summary__content{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;flex-direction:column}.review-summary__overall{display:flex;flex-direction:row;align-items:center;min-width:8rem;padding:1rem;background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border-radius:var(--radius-lg);gap:1rem;width:100%;justify-content:center}.review-summary__avg{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;color:var(--color-text, #111827);letter-spacing:-.02em}.review-summary__count{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin-top:.5rem}.review-summary__distribution{flex:1;min-width:12rem;display:flex;flex-direction:column;gap:.375rem}.review-summary__bar-row{display:flex;align-items:center;gap:.5rem;transition:opacity .15s}.review-summary__bar-row:hover{opacity:.85}.review-summary__bar-label{font-size:.8125rem;width:2.5rem;text-align:right;color:var(--color-text-secondary, #6b7280);font-weight:500}.review-summary__bar-track{flex:1;height:.625rem;background:var(--color-bg-alt, #f3f4f6);border-radius:var(--radius-full);overflow:hidden}.review-summary__bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.22,1,.36,1)}.review-summary__bar-count{font-size:.8125rem;width:2rem;color:var(--color-text-muted, #6b7280);font-variant-numeric:tabular-nums}.review-summary__categories{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-light, #f0f0f2);flex-direction:column}.review-summary__category{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-surface-alt, #fafbfc);border-radius:var(--radius-full);border:1px solid var(--color-border-light, #f0f0f2)}.review-summary__category-label{font-size:.8125rem;color:var(--color-text-secondary, #6b7280);font-weight:500}.review-form{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.review-form:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.review-form h3{margin-top:0;margin-bottom:.25rem;font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.review-form__subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.25rem}.review-form__field{margin-bottom:1rem}.review-form__field--main{padding:1rem;background:linear-gradient(135deg,#f59e0b0f,#f59e0b05);border-radius:var(--radius-lg);margin-bottom:1.25rem}.review-form__categories{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.review-form__categories .review-form__field{margin-bottom:0;padding:.75rem;background:var(--color-surface-alt, #fafbfc);border-radius:var(--radius-md);border:1px solid var(--color-border-light, #f0f0f2);transition:border-color var(--transition-fast);overflow:hidden}.review-form__categories .star-rating__stars{flex-wrap:nowrap}.review-form__categories .star-rating--interactive .star-rating__star{min-width:36px;min-height:36px;font-size:1.5rem}.review-form__categories .review-form__field:hover{border-color:var(--color-border)}.review-form__comment-wrapper{position:relative}.review-form__char-count{font-size:.75rem;color:var(--color-text-muted);text-align:right;margin-top:.25rem;font-variant-numeric:tabular-nums}.review-form__char-count--warning{color:var(--color-warning)}.review-form__actions{display:flex;align-items:center;gap:1rem;margin-top:1.25rem}.review-form textarea.form-control{width:100%;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.75rem 1rem;resize:vertical;min-height:120px;font-size:1rem;line-height:1.6;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.review-form textarea.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.review-list__item{border-bottom:1px solid var(--color-border-light, #f0f0f2);padding:1.25rem 0;transition:background var(--transition-fast)}.review-list__item:last-child{border-bottom:none}.review-list__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.review-list__user{display:flex;flex-direction:column;gap:.125rem}.review-list__user strong{font-weight:600}.review-list__date{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.review-list__categories{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.review-list__category{font-size:.75rem;color:var(--color-text-secondary, #6b7280);padding:.125rem .5rem;background:var(--color-surface-alt, #fafbfc);border-radius:var(--radius-full);border:1px solid var(--color-border-light, #f0f0f2);font-weight:500}.review-list__comment{margin:.5rem 0 0;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.review-list__actions{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.review-list__confirm-delete{display:flex;gap:.5rem;align-items:center;font-size:.875rem;padding:.5rem .75rem;background:var(--color-danger-bg);border-radius:var(--radius-md)}.review-list__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-light);font-size:.875rem}.btn--danger-text:hover{color:#dc2626;background:var(--color-danger-bg);border-radius:var(--radius-md)}.review-form__success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);font-weight:500;animation:reviewSuccessSlide .3s ease}@keyframes reviewSuccessSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.review-form__categories{grid-template-columns:repeat(3,1fr)}}.review-form__field--main .star-rating--interactive .star-rating__star{min-width:44px;min-height:44px;font-size:2rem}@media(min-width:641px){.review-summary__content{flex-direction:revert}.review-summary__overall{flex-direction:column;gap:revert;width:revert;justify-content:revert}.review-form__categories{grid-template-columns:repeat(2,1fr)}.review-form__field--main .star-rating--interactive .star-rating__star{min-width:revert;min-height:revert;font-size:revert}.review-summary__categories{flex-direction:revert}}.prediction-widget{border-radius:var(--radius-lg, .75rem);padding:1rem;border-left:4px solid var(--color-border, #e5e7eb);background:var(--color-surface, #fff);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.prediction-widget--green{border-left-color:var(--color-success, #22c55e);background:color-mix(in srgb,var(--color-success, #22c55e) 5%,var(--color-surface, #fff))}.prediction-widget--yellow{border-left-color:var(--color-warning, #f59e0b);background:color-mix(in srgb,var(--color-warning, #f59e0b) 5%,var(--color-surface, #fff))}.prediction-widget--red{border-left-color:var(--color-danger, #ef4444);background:color-mix(in srgb,var(--color-danger, #ef4444) 5%,var(--color-surface, #fff))}.prediction-widget--gray{border-left-color:var(--color-text-muted, #9ca3af);background:var(--color-surface, #fff)}.prediction-widget--loading{min-height:120px}.prediction-widget__skeleton{height:100px;border-radius:var(--radius-md, .5rem);background:var(--color-skeleton, #e5e7eb);animation:skeleton-pulse 1.5s ease-in-out infinite}.prediction-widget__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.prediction-widget__signal{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.prediction-widget__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1rem;flex-shrink:0}.prediction-widget__icon--green{background:var(--color-success, #22c55e);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--color-success, #22c55e) 40%,transparent)}.prediction-widget__icon--yellow{background:var(--color-warning, #f59e0b);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--color-warning, #f59e0b) 40%,transparent)}.prediction-widget__icon--red{background:var(--color-danger, #ef4444);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--color-danger, #ef4444) 40%,transparent)}.prediction-widget__icon--gray{background:var(--color-text-muted, #9ca3af);color:#fff}.prediction-widget__recommendation{font-size:.9rem;font-weight:500;line-height:1.4}.prediction-widget__label{font-size:.875rem;color:var(--color-text-muted, #6b7280)}.prediction-widget__prices{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem;font-size:.9rem}.prediction-widget__price-row{display:flex;justify-content:space-between;align-items:center}.prediction-widget__price-label{color:var(--color-text-secondary, #6b7280)}.prediction-widget__price-value{font-weight:600;font-variant-numeric:tabular-nums}.prediction-widget__price-value--best{color:var(--color-success, #22c55e)}.prediction-widget__savings{margin-top:.25rem;padding:.375rem .625rem;border-radius:var(--radius-sm, .25rem);background:color-mix(in srgb,var(--color-success, #22c55e) 10%,transparent);color:var(--color-success-dark, #16a34a);font-size:.875rem;font-weight:500;text-align:center}.prediction-widget__disclaimer{margin:0;padding-top:.5rem;border-top:1px solid var(--color-border, #e5e7eb);font-size:.75rem;color:var(--color-text-muted, #9ca3af);font-style:italic}.prediction-widget__calendar-btn{margin-left:var(--space-xs);padding:8px 10px;min-width:44px;min-height:44px;color:var(--color-primary);vertical-align:middle;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.prediction-widget__calendar-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.prediction-widget__calendar-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.prediction-widget__calendar-btn svg{width:18px;height:18px}@media(min-width:641px){.prediction-widget__calendar-btn{padding:6px 8px;min-width:32px;min-height:32px}.prediction-widget__calendar-btn svg{width:revert;height:revert}}.inline-alert__trigger{margin-top:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);border-color:var(--color-primary)}.inline-alert__trigger:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.inline-alert__trigger:hover svg{animation:bell-shake .4s ease-in-out}@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.inline-alert__form{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary, #f9fafb);border-radius:var(--radius-md);border:1px solid var(--color-border);animation:inline-alert-enter .2s ease-out}@keyframes inline-alert-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-alert__row{display:grid;gap:var(--space-sm);align-items:center;flex-wrap:wrap;grid-template-columns:1fr 1fr}.inline-alert__row .form-input--sm{max-width:none;flex:1;min-width:100px}.inline-alert__row .form-input--sm:disabled{opacity:.6;cursor:not-allowed}.inline-alert__hint{margin:var(--space-xs) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.inline-alert__error{margin:var(--space-xs) 0 0;font-size:var(--text-sm);color:var(--color-danger)}.inline-alert--success{margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);font-size:var(--text-sm);font-weight:500;animation:inline-alert-enter .25s ease-out}.inline-alert__icon{font-size:var(--text-base);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent)}@media(min-width:641px){.inline-alert__row{display:flex;grid-template-columns:revert}.inline-alert__row .form-input--sm{max-width:160px}}.fuel-calc{background:var(--color-surface, #fff);border:1px solid var(--color-border-light, #f0f0f2);border-radius:var(--radius-xl, 1rem);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden}.fuel-calc:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--color-primary-rgb),.15)}.fuel-calc:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-e10, #22c55e))}.fuel-calc__title{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.fuel-calc__title:before{content:"⛽";font-size:1.25em}.fuel-calc__row{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.fuel-calc__field{display:flex;flex-direction:column}.fuel-calc__label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.fuel-calc__input-wrap{position:relative}.fuel-calc__input{width:100%;padding:.75rem 5rem .75rem 1rem;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text);background:var(--color-surface-alt, #f8f9fa);border:2px solid transparent;border-radius:var(--radius-lg);outline:none;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:textfield}.fuel-calc__input::-webkit-outer-spin-button,.fuel-calc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fuel-calc__input::placeholder{color:var(--color-text-muted);font-weight:400}.fuel-calc__input:hover{background:var(--color-surface);border-color:var(--color-border)}.fuel-calc__input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.fuel-calc__unit{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--color-bg-alt, #eef0f3);padding:.2rem .5rem;border-radius:var(--radius-sm);letter-spacing:.02em}.fuel-calc__result{margin-top:var(--space-lg);padding:var(--space-md);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-primary-rgb),.02));border:1px solid rgba(var(--color-primary-rgb),.12);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:flex-start;animation:inline-alert-enter .25s ease-out;flex-direction:column;gap:var(--space-xs)}.fuel-calc__result-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.fuel-calc__result-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media(min-width:769px){.fuel-calc{padding:var(--space-lg) var(--space-xl)}.fuel-calc__row{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.fuel-calc__field:last-child{grid-column:revert}}.fuel-calc__field:last-child{grid-column:auto}@media(min-width:481px){.fuel-calc{padding:var(--space-md) var(--space-lg)}.fuel-calc__row{grid-template-columns:1fr 1fr}.fuel-calc__field:last-child{grid-column:1 / -1}.fuel-calc__result{flex-direction:revert;align-items:center;gap:revert;padding:var(--space-md) var(--space-lg)}}.fuel-calc__vehicle-stats{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-primary-rgb),.02));border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg)}.fuel-calc__vehicle-stat{display:flex;flex-direction:column;gap:var(--space-2xs)}.fuel-calc__vehicle-stat-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.fuel-calc__vehicle-stat-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media(min-width:481px){.fuel-calc__vehicle-stats{grid-template-columns:1fr 1fr}}.vehicles-list{display:flex;flex-direction:column;gap:var(--space-md)}.vehicles-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.vehicles-card:hover{border-color:var(--color-border-hover, var(--color-border));box-shadow:var(--shadow-sm)}.vehicles-card__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.vehicles-card__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);flex-shrink:0}.vehicles-card__info{flex:1;min-width:0}.vehicles-card__name{font-weight:600;font-size:var(--text-base);color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.vehicles-card__badge{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:.25rem}.vehicles-card__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2xs)}.vehicles-card__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--color-border-light, var(--color-border))}.vehicles-card__confirm{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.vehicles-card__confirm-text{font-size:var(--text-sm);color:var(--color-danger, #ef4444);font-weight:500}.btn--danger-text{color:var(--color-danger, #ef4444)}.btn--danger-text:hover{background:#ef444414}.recent-stations__list{display:flex;gap:var(--space-xs);flex-wrap:wrap}.recent-stations__item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.recent-stations__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.recent-stations__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.recent-stations__item:active{transform:scale(.97);transition-duration:80ms}.recent-stations__name{font-weight:500}.recent-stations__city{color:var(--color-text-muted);font-size:var(--text-xs)}.recent-stations__city:before{content:"·";margin-right:var(--space-xs);color:var(--color-border);font-weight:700}.recent-stations__price{margin-left:auto;font-weight:700;font-size:var(--text-sm);color:var(--color-accent);white-space:nowrap}@media(min-width:641px){.recent-stations__item{padding:var(--space-xs) var(--space-sm);min-height:revert}}.forecast-chart{border-radius:var(--radius-lg, .75rem);padding:.75rem;background:var(--color-surface, #fff);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.forecast-chart--loading{min-height:300px}.forecast-chart--empty{min-height:120px;display:flex;align-items:center;justify-content:center}.forecast-chart__skeleton{height:260px;border-radius:var(--radius-md, .5rem);background:var(--color-skeleton, #e5e7eb);animation:skeleton-pulse 1.5s ease-in-out infinite}.forecast-chart__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.forecast-chart__tooltip{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, .5rem);padding:.5rem .75rem;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));font-size:.8125rem}.forecast-chart__tooltip p{margin:0;line-height:1.5}.forecast-chart__tooltip-time{font-weight:600}.forecast-chart__tooltip-price{color:var(--color-primary, #c70c6f);font-weight:500}.forecast-chart__tooltip-confidence{color:var(--color-text-muted, #9ca3af);font-size:.75rem}@media(min-width:641px){.prediction-widget{padding:1.25rem}.prediction-widget__icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.prediction-widget__recommendation{font-size:1rem}.forecast-chart{padding:1rem}}.price-48h-chart{border-radius:var(--radius-lg, .75rem);padding:.75rem;background:var(--color-surface, #fff);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));margin-top:var(--space-md, 1rem)}.price-48h-chart__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.price-48h-chart__tooltip{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.detail-prices__compare-badge{display:inline-block;font-size:var(--text-xs, .75rem);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm, 4px);margin-top:2px}.detail-prices__compare-badge--cheap{color:var(--color-success, #22c55e);background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.detail-prices__compare-badge--expensive{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.detail-prices__range-badge{display:block;font-size:var(--text-xs, .75rem);color:var(--color-text-secondary, #6b7280);margin-top:4px}.detail-prices__change-frequency{font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #9ca3af);margin:var(--space-xs, .25rem) 0 0;text-align:center}.route-planner{display:flex;min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem);gap:0;flex-direction:column}.route-planner__sidebar{width:100%;min-width:0;max-height:none;overflow-y:auto;padding:1.5rem;background:var(--color-surface, #fff);border-right:none;flex-shrink:0;border-bottom:1px solid var(--color-border, #e5e7eb)}.route-planner__map-container{flex:1;position:relative;min-height:400px}.route-planner__map{width:100%;height:100%;min-height:50vh}.route-planner__title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.route-planner__subtitle{color:var(--color-text-secondary, #6b7280);font-size:.875rem;margin:0 0 1.5rem}.route-planner__form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.route-planner__swap{align-self:center;min-width:44px;min-height:44px;border-radius:50%;margin:-.25rem 0}.route-planner__field{position:relative}.route-planner__label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-bottom:.25rem}.route-planner__input,.route-planner__select{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border, #d1d5db);border-radius:.5rem;font-size:1rem;background:var(--color-surface, #fff);color:var(--color-text, #111827);transition:border-color .15s}.route-planner__input:focus,.route-planner__select:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.route-planner__input:focus-visible,.route-planner__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.route-planner__field-loading{position:absolute;right:.75rem;top:50%;transform:translateY(25%);font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.route-planner__dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface, #fff);border:1px solid var(--color-border, #d1d5db);border-top:none;border-radius:0 0 .5rem .5rem;list-style:none;margin:0;padding:0;z-index:var(--z-dropdown);max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.route-planner__dropdown-item{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding:.625rem .75rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.875rem;color:var(--color-text, #111827);transition:background .1s}.route-planner__dropdown-item:hover,.route-planner__dropdown-item--active{background:var(--color-bg-hover)}.route-planner__dropdown-item svg{flex-shrink:0;margin-top:2px;color:var(--color-text-secondary, #9ca3af)}.route-planner__submit{display:flex;align-items:center;justify-content:center;gap:.5rem}.route-planner__error{padding:.75rem 1rem;background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #ef4444);border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.route-planner__summary{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-surface-alt, #f9fafb);border-radius:.75rem;margin-bottom:1.5rem}.route-planner__summary-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.route-planner__cheapest-card{padding:.75rem;background:var(--color-success-bg, #f0fdf4);border:1px solid var(--color-success-border, #86efac);border-radius:.5rem}.route-planner__cheapest-header{display:flex;align-items:center;gap:.375rem;color:var(--color-success, #16a34a);font-size:.8125rem;margin-bottom:.375rem}.route-planner__cheapest-name{font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.route-planner__cheapest-brand{font-weight:400;color:var(--color-text-secondary, #6b7280);margin-left:.5rem;font-size:.8125rem}.route-planner__cheapest-price{font-size:1.25rem;font-weight:700;color:var(--color-success, #16a34a)}.route-planner__cheapest-distance{font-size:.8125rem;color:var(--color-text-secondary, #6b7280)}.route-planner__savings{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-success, #16a34a);font-weight:600}.route-planner__stations{margin-bottom:1.5rem}.route-planner__stations-title{font-size:1rem;font-weight:600;margin:0 0 .75rem}.route-planner__station-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.route-planner__station-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--color-border, #e5e7eb);transition:border-color .15s}.route-planner__station-item:hover{border-color:var(--color-primary, #2563eb)}.route-planner__station-item--cheapest{border-color:var(--color-success, #16a34a);background:var(--color-success-bg, #f0fdf4)}.route-planner__station-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.route-planner__station-name{font-weight:600;font-size:.875rem;color:var(--color-primary, #2563eb);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-planner__station-name:hover{text-decoration:underline}.route-planner__station-brand{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.route-planner__station-location{font-size:.75rem;color:var(--color-text-secondary, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-planner__station-meta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.route-planner__station-price{font-weight:700;font-size:1rem}.route-planner__station-distance{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.route-planner__empty{text-align:center;padding:2rem;color:var(--color-text-secondary, #6b7280);font-size:.9375rem}.route-marker-icon{background:transparent!important;border:none!important}.route-endpoint{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;box-shadow:0 2px 6px #00000040}.route-endpoint-icon{background:transparent!important;border:none!important}.route-endpoint--start{background:#2563eb}.route-endpoint--end{background:#dc2626}.route-popup{font-size:.875rem;line-height:1.4}.route-popup__brand{color:var(--color-text-secondary, #6b7280);font-size:.75rem}.route-popup__price{font-weight:700;font-size:1.125rem;margin:.25rem 0}.route-popup__distance{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.route-popup__cheapest{display:inline-block;padding:.125rem .5rem;background:#16a34a;color:#fff;font-size:.6875rem;font-weight:600;border-radius:.25rem;margin:.25rem 0}.route-popup__link{display:inline-block;margin-top:.375rem;font-size:.8125rem;color:var(--color-primary, #2563eb);text-decoration:none}.route-popup__link:hover{text-decoration:underline}@media(min-width:769px){.route-planner{flex-direction:revert}.route-planner__sidebar{width:420px;min-width:360px;max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);border-right:1px solid var(--color-border, #e5e7eb);border-bottom:revert}.route-planner__map{min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem)}}@media(min-width:1200px){.route-planner__sidebar{width:480px}}.favorites-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.favorites-section__manage{font-size:var(--text-sm);color:var(--color-primary);font-weight:600;text-decoration:none;padding:4px 12px;border-radius:var(--radius-full);background:var(--color-primary-light);transition:background var(--transition-fast),color var(--transition-fast)}.favorites-section__manage:hover{background:var(--color-primary);color:#fff;text-decoration:none}.favorites-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.favorite-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-xl);padding:0;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.favorite-card:hover{box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.1),0 2px 8px #0000000f;border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-3px);text-decoration:none}.favorite-card:active{transform:translateY(-1px);box-shadow:var(--shadow-sm);transition-duration:80ms}.favorite-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0}.favorite-card__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);line-height:1.3}.favorite-card__brand{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-lg);margin-top:var(--space-2xs)}.favorite-card__status{font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.favorite-card__status--open{background:var(--color-success-bg);color:var(--color-success)}.favorite-card__status--closed{background:var(--color-danger-bg);color:var(--color-danger)}.favorite-card__address{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-lg) var(--space-md);line-height:1.4}.favorite-card__prices{display:flex;gap:0;margin-top:auto;border-top:1px solid var(--color-border-light)}.favorite-card__price{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-sm) var(--space-xs);background:var(--color-bg);border-right:1px solid var(--color-border-light);transition:background var(--transition-fast)}.favorite-card__price:last-child{border-right:none}.favorite-card:hover .favorite-card__price{background:color-mix(in srgb,var(--color-primary) 3%,var(--color-bg))}.favorite-card__price+.favorite-card__price{border-left:none}.favorite-card__fuel-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.08em}.favorite-card__fuel-value{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.favorite-card__fuel-value--na{color:var(--color-text-muted);font-weight:400}.favorite-card--skeleton{min-height:140px;padding:var(--space-lg)}.favorite-card:has(.favorite-card__status--closed){opacity:.65;filter:saturate(.6)}.favorite-card:has(.favorite-card__status--closed):hover{opacity:1;filter:saturate(1)}.nearby-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.nearby-section__map-link{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.nearby-section__sort{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.nearby-section__sort .btn:last-child{margin-left:auto}.nearby-list{display:flex;flex-direction:column;gap:var(--space-xs)}.nearby-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);min-height:44px;animation:nearby-item-enter .3s ease-out both;flex-direction:column;gap:var(--space-sm)}.nearby-item:nth-child(1){animation-delay:0ms}.nearby-item:nth-child(2){animation-delay:50ms}.nearby-item:nth-child(3){animation-delay:.1s}.nearby-item:nth-child(4){animation-delay:.15s}.nearby-item:nth-child(5){animation-delay:.2s}.nearby-item:nth-child(6){animation-delay:.25s}.nearby-item:nth-child(7){animation-delay:.3s}.nearby-item:nth-child(8){animation-delay:.35s}.nearby-item:nth-child(9){animation-delay:.4s}.nearby-item:nth-child(10){animation-delay:.45s}@keyframes nearby-item-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nearby-item:active{transform:scale(.99);box-shadow:none}.nearby-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.nearby-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.nearby-item__main{display:flex;flex-direction:column;gap:2px;min-width:0}.nearby-item__brand{font-weight:700;font-size:var(--text-base)}.nearby-item__address{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-item__meta{display:flex;align-items:center;gap:var(--space-xs) var(--space-md);flex-shrink:0;width:100%;justify-content:space-between;flex-wrap:wrap}.nearby-item__price{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent);display:inline-flex;align-items:center;gap:var(--space-xs)}.nearby-item__price--cheap{color:var(--color-success)}.nearby-item__price--expensive{color:var(--color-danger)}.nearby-item__distance{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.nearby-item__updated{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;opacity:.7;display:none}@media(min-width:481px){.nearby-item__updated{display:revert}}@media(min-width:601px){.detail-prices{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.detail-prices__item{display:none;align-items:revert;justify-content:revert;text-align:center;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-xl)}.detail-prices__item:before{width:revert;height:3px;top:0;bottom:revert;right:0;border-radius:revert}.detail-prices__label{margin-bottom:var(--space-sm)}}.nearby-item__status{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.nearby-item__status--open{background:var(--color-accent-light);color:var(--color-accent-dark)}.nearby-item__status--closed{background:var(--color-danger-bg);color:var(--color-danger)}.nearby-item__saving{font-size:var(--text-xs);color:var(--color-success);font-weight:600}.nearby-item--skeleton{opacity:.5;pointer-events:none}.nearby-section__empty,.nearby-section__error{text-align:center;color:var(--color-text-muted);padding:var(--space-xl) 0}@media(min-width:641px){.nearby-item{flex-direction:revert;align-items:center;gap:revert}.nearby-item__meta{width:revert;justify-content:revert;flex-wrap:revert;gap:var(--space-md)}.favorites-grid{grid-template-columns:repeat(2,1fr)}.favorite-card__fuel-value{font-size:var(--text-base)}}.auto-locate-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-info-bg);border-radius:var(--radius-md);border:1px solid var(--color-info);margin-bottom:var(--space-lg);flex-direction:column;text-align:center}.auto-locate-prompt p{margin:0;font-size:var(--text-sm);color:var(--color-text)}.auto-locate-prompt__actions{display:flex;gap:var(--space-sm);flex-shrink:0}@media(min-width:481px){.auto-locate-prompt{flex-direction:revert;text-align:revert}}@media(prefers-contrast:more){:root{--color-text-secondary: #1a1a2e;--color-text-muted: #333333;--color-border: #666666;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none}.btn{border-width:2px}.station-card__fuel-type{opacity:1}.footer__link{color:#fffffff2}}.scroll-to-top{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));right:1.5rem;z-index:var(--z-scroll-top);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:var(--color-primary, #1a7f37);color:#fff;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:opacity .2s ease,transform .2s ease;opacity:.85}.scroll-to-top:hover,.scroll-to-top:focus-visible{opacity:1;transform:scale(1.1);outline:2px solid var(--color-primary, #1a7f37);outline-offset:2px}.price--cheapest:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--color-accent, var(--color-primary));animation:price-pulse 2s ease-in-out infinite}@keyframes price-pulse{0%,to{opacity:.3}50%{opacity:.8}}.price--updated{animation:price-updated-flash 1.2s ease-out both;will-change:opacity,background-color}@keyframes price-updated-flash{0%{background-color:color-mix(in srgb,var(--color-accent) 18%,transparent)}60%{background-color:color-mix(in srgb,var(--color-accent) 8%,transparent)}to{background-color:transparent}}.station-open-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-success);margin-right:var(--space-xs);animation:open-pulse 2s ease-in-out infinite}@keyframes open-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.favorite-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border-light);cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);color:var(--color-text-muted);line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.favorite-btn:before{content:"";position:absolute;inset:-6px;min-width:44px;min-height:44px}.favorite-btn:hover{transform:scale(1.1);background:var(--color-bg-hover, rgba(0, 0, 0, .05));border-color:var(--color-primary);color:var(--color-primary)}.favorite-btn:active{transform:scale(.92)}.favorite-btn--active{color:var(--color-danger);background:var(--color-danger-bg, rgba(220, 38, 38, .08));border-color:var(--color-danger)}.favorite-btn--active:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg, rgba(220, 38, 38, .12))}.favorite-btn--bounce{animation:heartBounce .3s cubic-bezier(.34,1.56,.64,1)}.favorite-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes heartBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.station-card{position:relative}.station-card .favorite-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:2}.station-card:has(.station-card__status--closed){opacity:.65;filter:saturate(.6)}.station-card:has(.station-card__status--closed):hover{opacity:1;filter:saturate(1)}@media(hover:none){.station-card:has(.station-card__status--closed){opacity:.75}}.station-card--cheapest{border-color:rgba(var(--color-accent-rgb),.3);box-shadow:var(--shadow-sm),0 0 0 1px rgba(var(--color-accent-rgb),.08)}.station-card--cheapest:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.station-card--cheapest:hover{border-color:rgba(var(--color-accent-rgb),.45);box-shadow:0 8px 32px rgba(var(--color-accent-rgb),.12),0 2px 8px #0000000f}.tank-tip{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-md);animation:fadeInUp .5s ease-out both}.tank-tip--good{background:#22c55e1a;color:var(--color-success, #22c55e);border:1px solid rgba(34,197,94,.2)}.tank-tip--bad{background:#ef444414;color:var(--color-danger, #e53e3e);border:1px solid rgba(239,68,68,.15)}.tank-tip__icon{font-size:.7em;animation:subtlePulse 2s ease-in-out infinite}.favorites-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.favorite-alert-hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-radius:var(--radius-sm);font-size:var(--text-xs);margin-top:var(--space-xs)}.favorite-alert-hint__btn{font-size:var(--text-xs);padding:var(--space-xxs) var(--space-sm);white-space:nowrap}.favorite-alert-hint__success{color:var(--color-success);font-weight:600}.price-change{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:600;line-height:1;white-space:nowrap}.price-change--compact{font-size:.7rem}.price-change--down{color:var(--color-success, #22c55e)}.price-change--up{color:var(--color-danger, #e53e3e)}.price-change__arrow{font-size:.6em;line-height:1}.price-change__diff{font-variant-numeric:tabular-nums}.price-change__time{color:var(--color-text-muted);font-weight:400;font-size:var(--text-xs);margin-left:4px}.price-change--compact .price-change__time{font-size:.75rem}.price-change--neutral{color:var(--color-text-muted);font-weight:400}.price-change--neutral .price-change__time{margin-left:0}.station-card__price-block{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;flex-shrink:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-accent) 4%,transparent);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-accent) 8%,transparent);transition:background var(--transition-fast),border-color var(--transition-fast)}.station-card:hover .station-card__price-block{background:color-mix(in srgb,var(--color-accent) 7%,transparent);border-color:color-mix(in srgb,var(--color-accent) 15%,transparent)}.station-card__price-block .price-change{justify-content:flex-end;flex-wrap:wrap}.station-card__price-block .price-change__time{display:block;width:100%;text-align:right}.station-card__signal{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;line-height:1;color:var(--color-text-muted);margin-top:2px}.station-card__signal-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.station-card__signal-dot--green{background:var(--color-success)}.station-card__signal-dot--yellow{background:var(--color-warning)}.station-card__signal-dot--red{background:var(--color-error)}.badge--cheapest{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#fff;font-size:.65rem;padding:2px 8px;border-radius:var(--radius-sm, 4px);font-weight:700;margin-left:var(--space-xs);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 1px 4px rgba(var(--color-accent-rgb),.3)}.badge--featured{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;padding:2px 8px;border-radius:var(--radius-sm, 4px);font-weight:700;margin-left:var(--space-xs);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 1px 4px #f59e0b4d}.station-card__services{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.station-card__service-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;padding:1px 5px;border-radius:var(--radius-sm, 4px);background:var(--color-surface-alt, #f3f4f6);color:var(--color-text-muted);border:1px solid var(--color-border, #e5e7eb);line-height:1.2}.share-btn-wrapper{position:relative;display:inline-flex;align-items:center}.share-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space-sm);min-width:44px;min-height:44px;border-radius:50%;color:var(--color-text-muted, #718096);transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast);line-height:1}.share-btn:hover{transform:scale(1.15);background:var(--color-bg-hover, rgba(0, 0, 0, .05));color:var(--color-primary)}.share-btn__toast{position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--color-text, #1a202c);color:#fff;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm, 4px);margin-top:var(--space-xs);z-index:10;animation:share-toast-fade 2.5s ease-in-out forwards;pointer-events:none}@keyframes share-toast-fade{0%{opacity:0;transform:translate(-50%) translateY(-4px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.route-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--color-border);cursor:pointer;padding:var(--space-sm) var(--space-md);min-height:44px;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);line-height:1}.route-btn span:not([aria-hidden]){display:none}@media(min-width:481px){.route-btn span:not([aria-hidden]){display:revert}}.route-btn:hover{background:var(--color-primary);color:#fff;text-decoration:none}.station-card .route-btn{padding:6px 10px;border:none;font-size:var(--text-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg));color:var(--color-primary);min-height:44px;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media(min-width:769px){.station-card .route-btn{min-height:32px;min-width:32px;align-items:center;justify-content:center}}.station-card .route-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.form-input--error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-input--error:focus{outline-color:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.compare-section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.compare-section__item{display:flex;flex-direction:column;gap:var(--space-xs)}.compare-section__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.compare-section__values{display:flex;align-items:baseline;gap:var(--space-md)}.compare-section__price{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.compare-section__diff{font-size:var(--text-sm);font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full)}.compare-section__diff--cheaper{background:var(--color-success-bg);color:var(--color-success)}.compare-section__diff--more{background:var(--color-danger-bg);color:var(--color-danger)}.compare-section__diff--same{background:var(--color-bg-alt);color:var(--color-text-muted)}.compare-section__percentile{font-size:var(--text-sm);color:var(--color-text-muted);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.best-time-bar{margin-top:var(--space-sm)}.best-time-bar__track{display:flex;gap:1px;height:12px;border-radius:var(--radius-sm);overflow:hidden}.best-time-bar__segment{flex:1;transition:opacity var(--transition-fast)}.best-time-bar__segment--cheap{background:var(--color-cheap-border);opacity:.6}.best-time-bar__segment--mid{background:var(--color-medium-border);opacity:.6}.best-time-bar__segment--expensive{background:var(--color-expensive-border);opacity:.6}.best-time-bar__segment--unknown{background:var(--color-border);opacity:.3}.best-time-bar__segment--now{opacity:1;box-shadow:0 0 0 2px var(--color-text);border-radius:2px;z-index:1;position:relative}.best-time-bar__labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-top:2px;padding:0 1px}.percentile-gauge{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-sm)}.percentile-gauge__svg{width:160px;max-width:100%;height:auto}.percentile-gauge__value{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-sm));text-align:center}.tank-signal-bar{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.tank-signal{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;line-height:1;white-space:nowrap}.tank-signal__dot{width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0}.tank-signal--green{background:var(--color-success-bg);color:var(--color-success)}.tank-signal--green .tank-signal__dot{background:var(--color-success);animation:tank-dot-pulse 2s ease-in-out infinite}@keyframes tank-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.tank-signal--green .tank-signal__dot{animation:none}}.tank-signal--yellow{background:var(--color-warning-bg, #fff8e1);color:var(--color-warning, #f59e0b)}.tank-signal--yellow .tank-signal__dot{background:var(--color-warning, #f59e0b)}.tank-signal--red{background:var(--color-danger-bg);color:var(--color-danger)}.tank-signal--red .tank-signal__dot{background:var(--color-danger)}.sticky-price-bar{position:fixed;top:var(--header-height);left:0;right:0;z-index:calc(var(--z-header) - 1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #00000014;font-size:var(--text-sm);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .25s ease-out,opacity .2s ease}.sticky-price-bar--visible{transform:translateY(0);opacity:1;pointer-events:auto}[data-sticky-bar-visible] .station-tabs{top:calc(var(--header-height, 56px) + 44px)}:root[data-theme=dark] .sticky-price-bar{background:#1a1a2eeb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sticky-price-bar{background:#1a1a2eeb}}.sticky-price-bar__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1;display:none}.sticky-price-bar__prices{display:flex;gap:var(--space-sm);flex-shrink:0;width:100%;justify-content:space-around}.sticky-price-bar__fuel{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.sticky-price-bar__fuel small{font-weight:500;font-size:var(--text-xs);color:var(--color-text-muted);margin-right:2px;display:none}@media(min-width:481px){.sticky-price-bar__fuel small{display:revert}}@media(min-width:381px){.sticky-price-bar__name{display:revert}.sticky-price-bar__prices{width:revert;justify-content:revert}}.sticky-price-bar__price{font-weight:700;color:var(--color-primary);white-space:nowrap}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:calc(var(--z-header) + 1);pointer-events:none}.scroll-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-e5),var(--color-e10),var(--color-diesel));border-radius:0 2px 2px 0;transition:width 50ms linear;will-change:width}@media(prefers-reduced-motion:reduce){.scroll-progress__bar{transition:none}}:root[data-theme=dark] .card{border-color:var(--color-border);box-shadow:0 1px 4px #0000004d}:root[data-theme=dark] .card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:var(--shadow-md)}:root[data-theme=dark] .station-card{border-color:var(--color-border)}:root[data-theme=dark] .station-card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .card{border-color:var(--color-border);box-shadow:0 1px 4px #0000004d}:root:not([data-theme=light]) .card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:var(--shadow-md)}:root:not([data-theme=light]) .station-card{border-color:var(--color-border)}:root:not([data-theme=light]) .station-card:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}}:root[data-theme=dark] .station-marker__bubble--cheap{background:#16a34a40!important;color:#4ade80!important;border-color:#16a34a!important}:root[data-theme=dark] .station-marker__bubble--medium{background:#ca8a0440!important;color:#fbbf24!important;border-color:#ca8a04!important}:root[data-theme=dark] .station-marker__bubble--expensive{background:#dc262640!important;color:#f87171!important;border-color:#dc2626!important}:root[data-theme=dark] .station-cluster--cheap{background:#16a34a40!important;color:#4ade80!important;border-color:#16a34a!important}:root[data-theme=dark] .station-cluster--medium{background:#ca8a0440!important;color:#fbbf24!important;border-color:#ca8a04!important}:root[data-theme=dark] .station-cluster--expensive{background:#dc262640!important;color:#f87171!important;border-color:#dc2626!important}:root[data-theme=dark] .station-cluster--neutral{background:var(--color-bg-hover);border-color:var(--color-text-muted);color:var(--color-text-secondary)}:root[data-theme=dark] .leaflet-popup-content-wrapper{background:var(--color-surface)!important;color:var(--color-text)!important}:root[data-theme=dark] .leaflet-popup-tip{background:var(--color-surface)!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .station-marker__bubble--cheap{background:#16a34a40!important;color:#4ade80!important;border-color:#16a34a!important}:root:not([data-theme=light]) .station-marker__bubble--medium{background:#ca8a0440!important;color:#fbbf24!important;border-color:#ca8a04!important}:root:not([data-theme=light]) .station-marker__bubble--expensive{background:#dc262640!important;color:#f87171!important;border-color:#dc2626!important}:root:not([data-theme=light]) .station-cluster--cheap{background:#16a34a40!important;color:#4ade80!important;border-color:#16a34a!important}:root:not([data-theme=light]) .station-cluster--medium{background:#ca8a0440!important;color:#fbbf24!important;border-color:#ca8a04!important}:root:not([data-theme=light]) .station-cluster--expensive{background:#dc262640!important;color:#f87171!important;border-color:#dc2626!important}:root:not([data-theme=light]) .station-cluster--neutral{background:var(--color-bg-hover);border-color:var(--color-text-muted);color:var(--color-text-secondary)}:root:not([data-theme=light]) .leaflet-popup-content-wrapper{background:var(--color-surface)!important;color:var(--color-text)!important}:root:not([data-theme=light]) .leaflet-popup-tip{background:var(--color-surface)!important}}.price-copied-toast{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-text, #1a202c);color:#fff;border-radius:var(--radius-sm, 4px);font-size:var(--text-xs);font-weight:600;animation:share-toast-fade 2s ease-out forwards;pointer-events:none}.detail-prices__copy-btn{position:relative;transition:transform var(--transition-fast)}.detail-prices__copy-btn:after{content:"";display:inline-block;width:14px;height:14px;margin-left:6px;vertical-align:middle;background:currentColor;opacity:0;transition:opacity var(--transition-fast);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1'/%3E%3C/svg%3E")}.detail-prices__copy-btn:hover{transform:scale(1.02)}.detail-prices__copy-btn:hover:after{opacity:.4}.detail-prices__copy-btn:active{transform:scale(.97)}.sg-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--color-bg)}.sg-mobile-toggle{display:flex;position:fixed;top:var(--space-md);left:var(--space-md);z-index:var(--z-mobile-toggle)}.sg-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;height:100dvh;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-header);transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl)}.sg-sidebar__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.sg-sidebar__title{font-size:var(--text-xl);font-weight:800;color:var(--color-primary);margin:0;line-height:1.2}.sg-sidebar__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.sg-sidebar__nav{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:2px}.sg-sidebar__link{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer}.sg-sidebar__link:hover{background:var(--color-bg);color:var(--color-text)}.sg-sidebar__link--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sg-sidebar__footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.sg-main{flex:1;margin-left:0;padding:var(--space-xl) var(--space-md);max-width:960px;padding-top:calc(var(--space-xl) + 56px)}.sg-section{margin-bottom:var(--space-3xl);scroll-margin-top:var(--space-lg)}.sg-section__header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.sg-section__title{font-size:var(--text-2xl);font-weight:800;margin:0 0 var(--space-xs)}.sg-section__desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.sg-section h3{font-size:var(--text-lg);font-weight:700;margin:var(--space-lg) 0 var(--space-md);color:var(--color-text-secondary)}.sg-section h3:first-of-type{margin-top:0}.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-sm)}.sg-swatch{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);padding:0;text-align:left;width:100%}.sg-swatch:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sg-swatch__color{height:56px;width:100%}.sg-swatch__info{padding:var(--space-sm);display:flex;flex-direction:column;gap:2px}.sg-swatch__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.sg-swatch__value{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.sg-spacing-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sg-spacing-item{display:flex;align-items:center;gap:var(--space-md)}.sg-spacing-item__name{font-size:var(--text-xs);font-family:var(--font-mono);width:100px;flex-shrink:0;color:var(--color-text-secondary)}.sg-spacing-item__bar{height:24px;background:var(--color-primary);border-radius:var(--radius-sm);opacity:.7}.sg-spacing-item__var{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.sg-shadow-row{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.sg-shadow-box{width:120px;height:80px;background:var(--color-surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.sg-radius-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.sg-radius-box{width:100px;height:60px;background:var(--color-primary-light);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--color-primary);text-align:center}.sg-button-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.sg-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.sg-badge-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.sg-component-row{display:flex;flex-wrap:wrap;gap:var(--space-xl);align-items:flex-start}.sg-progress-track{width:100%;height:8px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.sg-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.sg-progress-fill--accent{background:var(--color-accent)}.sg-progress-fill--danger{background:var(--color-danger)}.sg-accordion__item{border-bottom:1px solid var(--color-border)}.sg-accordion__item:last-child{border-bottom:none}.sg-accordion__trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);font-weight:600;color:var(--color-text);background:none;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.sg-accordion__trigger:hover{background:var(--color-bg)}.sg-accordion__icon{font-size:var(--text-xl);font-weight:300;color:var(--color-text-muted)}.sg-accordion__content{padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.sg-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg)}.sg-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.sg-tab:hover{color:var(--color-text)}.sg-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sg-tab-content{min-height:80px}.sg-sidebar--open{transform:translate(0)}@media(min-width:769px){.sg-mobile-toggle{display:none}.sg-sidebar{transform:none;transition:revert;box-shadow:revert}.sg-sidebar--open{transform:none}.sg-main{margin-left:260px;padding:var(--space-2xl) var(--space-xl);padding-top:revert}.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.sg-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.legal-page{padding:var(--space-xl) var(--space-sm)}.legal-page__container{max-width:var(--container-sm, 720px);margin:0 auto}.legal-page__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-xl);color:var(--color-text)}.legal-page__section{margin-bottom:var(--space-xl)}.legal-page__section h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}.legal-page__section h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text)}.legal-page__section p,.legal-page__section ul{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.legal-page__section ul{padding-left:var(--space-lg)}.legal-page__section a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.legal-page__section a:hover{color:var(--color-primary-dark)}.legal-page__lead{font-size:1.125rem;line-height:1.6;color:var(--color-text)}.contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.contact-list li{display:flex;align-items:center;gap:.625rem;color:var(--color-text)}.contact-list a{color:var(--color-primary);text-decoration:none}.contact-list a:hover{text-decoration:underline}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-list__item{border:1px solid var(--color-border);border-radius:8px;padding:.875rem 1rem;background:var(--color-surface, #fff)}.faq-list__item summary{cursor:pointer;font-weight:600;color:var(--color-text);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-list__item summary::-webkit-details-marker{display:none}.faq-list__item summary:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--color-text-muted);transition:transform .2s}.faq-list__item[open] summary:after{content:"−"}.faq-list__item p{margin:.75rem 0 0;color:var(--color-text-secondary);line-height:1.6}@media(min-width:481px){.legal-page{padding:var(--space-2xl) var(--space-md)}.legal-page__title{font-size:var(--text-3xl)}}.pricing-page{padding:var(--space-xl) var(--space-sm)}.pricing-page__container{max-width:var(--container-max, 1200px);margin:0 auto}.pricing-page__header{text-align:center;margin-bottom:var(--space-2xl)}.pricing-page__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-sm)}.pricing-page__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.pricing-page__loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.pricing-page__plans{display:grid;grid-template-columns:1fr;gap:var(--space-lg);max-width:400px;margin:0 auto var(--space-2xl)}.pricing-card{display:flex;flex-direction:column;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pricing-card--popular{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-md)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:4px 16px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.pricing-card__header{text-align:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.pricing-card__name{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm)}.pricing-card__price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.pricing-card__amount{font-size:var(--text-3xl);font-weight:800;color:var(--color-text)}.pricing-card__interval{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-card__savings{display:inline-block;margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);background:var(--color-accent-light);padding:2px 10px;border-radius:var(--radius-full)}.pricing-card__features{list-style:none;padding:0;margin:0 0 var(--space-lg);flex:1}.pricing-card__feature{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--text-sm);line-height:1.4}.pricing-card__feature--included{color:var(--color-text)}.pricing-card__feature--excluded{color:var(--color-text-muted);text-decoration:line-through;opacity:.6}.pricing-card__feature-icon{display:flex;flex-shrink:0}.pricing-card__feature--included .pricing-card__feature-icon{color:var(--color-accent)}.pricing-card__feature--excluded .pricing-card__feature-icon{color:var(--color-text-muted)}.pricing-card__action{margin-top:auto;text-align:center}.pricing-card__button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-sm) var(--space-lg);min-height:44px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;text-decoration:none}.pricing-card__button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pricing-card__button--primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.pricing-card__button--primary:disabled{opacity:.6;cursor:not-allowed}.pricing-card__button--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.pricing-card__button--secondary:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.pricing-card__current{display:inline-block;padding:var(--space-xs) var(--space-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-md)}.pricing-card__note{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-sm)}.pricing-page__faq{max-width:720px;margin:0 auto}.pricing-page__faq-title{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-xl)}.pricing-page__faq-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pricing-page__faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.pricing-page__faq-item[open]{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.pricing-page__faq-item summary{padding:var(--space-md) var(--space-lg);font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px;transition:background-color var(--transition-fast)}.pricing-page__faq-item summary:hover{background:var(--color-bg-hover)}.pricing-page__faq-item summary:after{content:"+";font-size:var(--text-xl);font-weight:300;color:var(--color-text-muted);transition:transform var(--transition-fast)}.pricing-page__faq-item[open] summary:after{content:"−";transform:rotate(180deg)}.pricing-page__faq-item summary::-webkit-details-marker{display:none}.pricing-page__faq-item p{padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-secondary);line-height:1.6}@media(min-width:769px){.pricing-page__plans{grid-template-columns:repeat(3,1fr);max-width:960px}}@media(min-width:481px){.pricing-page{padding:var(--space-2xl) var(--space-md)}.pricing-page__title{font-size:var(--text-3xl)}.pricing-card{padding:var(--space-xl)}}@media(min-width:481px){.photo-gallery__img{max-width:200px;height:150px}.stat-card{min-width:220px;width:revert}.hero__last-search{min-height:revert}}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal);padding:0;animation:dialogFadeIn var(--transition-fast) ease}.dialog{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);width:100%;max-width:100%;animation:dialogSlideUp var(--transition-base) ease}.dialog__header{padding:var(--space-lg) var(--space-lg) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.dialog__title{font-size:var(--text-base);font-weight:600;margin:0;color:var(--color-text)}.dialog__body{padding:var(--space-lg)}.dialog__body p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.dialog__input{width:100%;margin-top:var(--space-md);padding:10px var(--space-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast)}.dialog__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.dialog__footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:0 var(--space-lg) var(--space-lg)}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:481px){.dialog-overlay{align-items:center;padding:var(--space-md)}.dialog{max-width:440px;border-radius:var(--radius-xl)}.dialog--wide{max-width:640px}}@media(prefers-reduced-motion:reduce){.dialog-overlay,.dialog{animation:none}}.report-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--color-border);cursor:pointer;padding:var(--space-sm) var(--space-md);min-height:44px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);line-height:1}.report-btn span:not([aria-hidden]){display:none}@media(min-width:481px){.report-btn span:not([aria-hidden]){display:revert}}.report-btn:hover{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning);border-color:var(--color-warning)}.report-btn:active{transform:scale(.97)}.dialog--report{max-width:100%}@media(min-width:481px){.dialog--report{max-width:520px}}.dialog__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2xs) 0 0;line-height:1.4}.dialog__footer{padding-top:var(--space-md)}.report-dialog__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;text-align:center;color:var(--color-success);font-weight:500;font-size:var(--text-base)}.altcha-widget{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-alt);font-size:var(--text-sm);min-height:44px;transition:opacity var(--transition-fast)}.altcha-widget--disabled{opacity:.5;pointer-events:none}.altcha-widget__status{display:flex;align-items:center;gap:var(--space-xs)}.altcha-widget__status--loading{color:var(--color-text-secondary)}.altcha-widget__status--verified{color:var(--color-success);font-weight:500}.altcha-widget__status--error{color:var(--color-danger)}@keyframes altchaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.altcha-widget__spinner{animation:altchaSpin 1s linear infinite}.altcha-widget__retry{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-primary);padding:var(--space-xs);min-width:44px;min-height:44px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.altcha-widget__retry:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.beta-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.5rem var(--space-md);background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a1a;font-size:.8125rem;font-weight:500;line-height:1.4}.beta-banner__content{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1;min-width:0}.beta-banner__icon{flex-shrink:0;opacity:.8}.beta-banner__badge{display:inline-flex;align-items:center;padding:.0625rem .5rem;border-radius:999px;background:#00000026;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.beta-banner__text{flex:1;min-width:0}.beta-banner__link{display:inline-flex;align-items:center;gap:.25rem;color:#1a1a1a;text-decoration:underline;text-underline-offset:2px;font-weight:600;white-space:nowrap;flex-shrink:0}.beta-banner__link:hover{color:#000}.beta-banner__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#0000001a;border-radius:6px;cursor:pointer;flex-shrink:0;color:#1a1a1a;transition:background .15s}.beta-banner__close:hover{background:#0003}@media(max-width:480px){.beta-banner{padding:.375rem var(--space-sm);font-size:.75rem}.beta-banner__text{display:none}}.toast-container{position:fixed;top:var(--space-sm);right:var(--space-sm);z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;max-width:100%;width:100%;left:var(--space-sm)}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:500;pointer-events:auto;animation:toastSlideIn var(--transition-base) ease;border:1px solid transparent}.toast--success{background:var(--color-success-bg);color:var(--color-success);border-color:#4d8a1a33}.toast--error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444433}.toast--info{background:var(--color-info-bg);color:var(--color-info);border-color:#3b82f633}.toast--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f59e0b33}.toast__message{flex:1;line-height:1.4}.toast__action{background:none;border:none;cursor:pointer;font-weight:700;font-size:var(--text-sm);color:inherit;text-decoration:underline;text-underline-offset:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);white-space:nowrap}.toast__action:hover{opacity:.8}.toast__close{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:var(--space-xs);min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);flex-shrink:0}.toast__close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(min-width:481px){.toast-container{top:var(--space-lg);right:var(--space-lg);left:revert;max-width:400px}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.price-invalid{color:var(--color-text-muted);font-weight:400;opacity:.6}.price-formatted--changed-down{animation:price-flash-down 1.5s ease-out}.price-formatted--changed-up{animation:price-flash-up 1.5s ease-out}@keyframes price-flash-down{0%{background-color:#22c55e4d}to{background-color:transparent}}@keyframes price-flash-up{0%{background-color:#ef44444d}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){.price-formatted--changed-down,.price-formatted--changed-up{animation:none}}@media(prefers-reduced-motion:reduce){.sticky-price-bar{transition:none}.station-open-pulse,.favorite-btn--bounce,.share-btn__toast,.price-copied-toast,.station-tab-panel{animation:none}.station-nav-fab,.detail-prices__item{transition:none}.photo-lightbox,.favorite-toast{animation:none}}.detail-prices__copy-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;line-height:inherit;text-align:inherit}.detail-prices__copy-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.detail-prices__copy-btn:hover{opacity:.8}.detail-prices__copy-btn:after{content:"";position:absolute;inset:0}.favorite-toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-text, #1a202c);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);box-shadow:0 4px 12px #0003;animation:toast-slide-up .25s ease-out;pointer-events:none}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.alert-prompt{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);box-shadow:0 4px 12px #0003;animation:toast-slide-up .3s ease-out;white-space:normal;max-width:calc(100vw - 2rem);text-align:center}.alert-prompt__link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px}.alert-prompt__dismiss{background:none;border:none;color:#ffffffb3;cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-xs);border-radius:var(--radius-md);transition:background var(--transition-fast)}.alert-prompt__dismiss:hover{background:#ffffff1a;color:#fff}.photo-gallery__btn{background:none;border:none;padding:0;cursor:zoom-in;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.photo-gallery__btn:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.photo-gallery__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.photo-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease;cursor:zoom-out}.photo-lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);background:#ffffff26;border:none;color:#fff;cursor:pointer;width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.photo-lightbox__close:hover{background:#ffffff4d}.photo-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.photo-lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);cursor:default}.overflow-menu-wrapper{position:relative;display:block}.overflow-menu-trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border-light);cursor:pointer;padding:6px;min-width:44px;min-height:44px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.overflow-menu-trigger:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .05));color:var(--color-text)}.overflow-menu-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.overflow-menu{position:absolute;top:100%;right:0;margin-top:var(--space-xs);min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-xs) 0;animation:fadeIn .15s ease}.overflow-menu__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;cursor:pointer;color:var(--color-text);font-size:var(--text-sm);text-decoration:none;font-family:inherit;text-align:left;transition:background var(--transition-fast)}.overflow-menu__item:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .05))}.overflow-menu__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.action-btn--overflow-hide{display:none!important}@media(min-width:481px){.overflow-menu-wrapper{display:none}.action-btn--overflow-hide{display:inline-flex!important}}.analytics-tabs{position:relative}.analytics-tabs:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-bg));pointer-events:none;opacity:1;transition:opacity var(--transition-fast)}@media(min-width:601px){.analytics-tabs:after{display:none}}.embed-section{margin-top:2rem;padding:1.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.embed-section__toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);transition:color .15s,border-color .15s}.embed-section__toggle:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.embed-section__description{margin:.75rem 0;font-size:.875rem;color:var(--color-text-secondary)}.embed-section__code{width:100%;min-height:80px;font-family:monospace;font-size:.8rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text);resize:none}.embed-section__actions{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.embed-section__copied{color:var(--color-success);font-size:.875rem}.embed-mode{padding:.75rem}.embed-mode .embed-powered-by{margin-top:.75rem;text-align:center;font-size:.75rem;color:var(--color-text-muted)}.embed-mode .embed-powered-by a{color:var(--color-primary);text-decoration:none}.embed-mode .embed-powered-by a:hover{text-decoration:underline}.commuter-list{display:flex;flex-direction:column;gap:1rem}.commuter-card{transition:opacity .2s ease}.commuter-card--inactive{opacity:.6}.commuter-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.commuter-card__title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.commuter-card__badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-bg-muted, #e5e7eb);color:var(--color-text-muted, #6b7280)}.commuter-card__badge--active{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a)}.commuter-card__fuel{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.commuter-card__route{display:flex;flex-direction:column;gap:.25rem;margin:.75rem 0;padding:.75rem;background:var(--color-bg-muted, #f9fafb);border-radius:.5rem}.commuter-card__point{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.commuter-card__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.commuter-card__dot--start{background:var(--color-primary, #c70c6f)}.commuter-card__dot--end{background:var(--color-success, #16a34a)}.commuter-card__line{width:1px;height:12px;margin-left:4px;background:var(--color-border, #d1d5db)}.commuter-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin-bottom:.75rem}.commuter-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.commuter-card__confirm{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.commuter-days{display:flex;flex-wrap:wrap;gap:.375rem}.commuter-days__item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;font-size:.8125rem;cursor:pointer;-webkit-user-select:none;user-select:none}.commuter-days__item:has(input:checked){background:var(--color-primary, #c70c6f);color:#fff;border-color:var(--color-primary, #c70c6f)}.commuter-days__item input{display:none}.commuter-times{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.commuter-times__item{display:flex;align-items:center;gap:.25rem}.commuter-times__item .form-input{width:auto}.route-preview-map-wrapper{margin:1rem 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border, #d1d5db)}.route-preview-map-wrapper__title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;margin:0;background:var(--color-surface-alt, #f9fafb);border-bottom:1px solid var(--color-border, #d1d5db)}.route-preview-map{height:200px;width:100%}.route-preview-marker{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px #0006}.route-preview-marker--start{background-color:#16a34a}.route-preview-marker--end{background-color:#dc2626}@media(prefers-reduced-motion:reduce){.route-preview-map *{transition:none!important;animation:none!important}}.form-fieldset{border:1px solid var(--color-border, #d1d5db);border-radius:.5rem;padding:1rem;margin:0 0 1rem}.form-legend{font-weight:600;font-size:.875rem;padding:0 .5rem}.form-row--coords{margin-top:.5rem}.form-row--coords .form-group{flex:1}.subscription-result{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--space-xl) var(--space-md)}.subscription-result__container{text-align:center;max-width:480px}.subscription-result__icon{margin-bottom:var(--space-lg)}.subscription-result__icon--success{color:var(--color-success, #22c55e)}.subscription-result__icon--cancel{color:var(--color-text-secondary)}.subscription-result__title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-sm)}.subscription-result__message{color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.subscription-result__actions{display:flex;flex-direction:column;gap:var(--space-sm)}.subscription-result__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md, 8px);font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.subscription-result__button--primary{background:var(--color-accent);color:#fff}.subscription-result__button--primary:hover{opacity:.9}.subscription-result__button--secondary{background:var(--color-surface, #f5f5f5);color:var(--color-text)}.subscription-result__button--secondary:hover{background:var(--color-border, #e0e0e0)}.pricing-card__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.station-nav-fab{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:20px;z-index:200;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px #00000040,0 2px 4px #00000026;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.station-nav-fab:hover,.station-nav-fab:focus-visible{background:color-mix(in srgb,var(--color-primary) 80%,#000);box-shadow:0 6px 20px #0000004d,0 3px 6px #0003;transform:translateY(-2px);text-decoration:none;outline:2px solid var(--color-primary);outline-offset:3px}.station-nav-fab:active{transform:translateY(0);box-shadow:0 2px 8px #0003}@media(min-width:769px){.station-nav-fab{display:none}}.station-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-lg);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:sticky;top:var(--header-height, 56px);z-index:10;background:var(--color-bg);padding-top:var(--space-xs)}.station-tabs::-webkit-scrollbar{display:none}.station-tab{flex:1;min-width:max-content;padding:var(--space-sm) var(--space-md);min-height:44px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;font-family:inherit;cursor:pointer;transition:color .2s ease,border-color .2s ease;white-space:nowrap;text-align:center;margin-bottom:-2px}.station-tab:hover{color:var(--color-text)}.station-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.station-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.station-tab-panel{animation:fadeIn .2s ease}@media(min-width:481px){.station-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}}@media(min-width:769px){.station-tabs{position:relative;top:auto}}.compare-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.compare-selector{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);position:relative;flex-wrap:wrap}.compare-selector__add{display:inline-flex;align-items:center;gap:var(--space-xs)}.compare-selector__count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.compare-selector__dropdown{position:absolute;top:100%;left:0;z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;margin:var(--space-xs) 0 0;padding:var(--space-xs) 0;max-height:280px;overflow-y:auto;min-width:280px}.compare-selector__option{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;cursor:pointer;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);transition:background-color .15s ease}.compare-selector__option:hover,.compare-selector__option:focus-visible{background-color:var(--color-surface-hover)}.compare-selector__option-name{font-weight:500}.compare-selector__option-city{color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.compare-max-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.compare-grid-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-xl)}.compare-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.compare-grid th,.compare-grid td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:top}.compare-grid thead th{background:var(--color-surface);position:sticky;top:0;z-index:5}.compare-grid__label{font-weight:600;color:var(--color-text-secondary);white-space:nowrap;min-width:80px;text-align:left;font-size:var(--font-size-xs)}.compare-grid__station-header{position:relative;min-width:140px;text-align:left;padding-right:var(--space-xl)}.compare-grid__remove{position:absolute;top:var(--space-xs);right:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xxs);border-radius:var(--radius-sm);line-height:1;transition:color .15s ease,background-color .15s ease}.compare-grid__remove:hover,.compare-grid__remove:focus-visible{color:var(--color-error);background-color:var(--color-error-bg, rgba(239, 68, 68, .1))}.compare-grid__station-link{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--color-text)}.compare-grid__station-link:hover{color:var(--color-primary)}.compare-grid__brand{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.compare-grid__name{font-weight:600;font-size:var(--font-size-sm)}.compare-grid__cell{line-height:1.5}.compare-grid__cell--price{font-variant-numeric:tabular-nums}.compare-grid__cell--cheapest{background-color:var(--color-success-bg, rgba(34, 197, 94, .08))}.compare-grid__cell--cheapest .compare-grid__price{color:var(--color-success, #16a34a);font-weight:700}.compare-grid__price{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;flex-wrap:wrap}.compare-grid__cheapest-badge{font-size:var(--font-size-xxs, .65rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-success, #16a34a);background:var(--color-success-bg, rgba(34, 197, 94, .12));padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.compare-grid__na{color:var(--color-text-secondary);font-style:italic}.compare-grid__updated{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.compare-grid__distance{display:inline-flex;align-items:center;gap:var(--space-xxs)}.compare-grid__nav-link{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none;margin-top:var(--space-xxs)}.compare-grid__nav-link:hover{text-decoration:underline}.compare-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border);margin-top:var(--space-md)}@media(min-width:601px){.compare-grid__label{min-width:100px;font-size:revert}.compare-grid td{padding:var(--space-sm) var(--space-md)}.compare-grid__station-header{min-width:180px}.compare-grid__price{font-size:var(--font-size-md);flex-wrap:revert}}.blog-card--ad{display:flex;align-items:center;justify-content:center;min-height:280px;border:2px dashed var(--color-border);background:var(--color-surface-alt)}.blog-card__ad-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-xl)}.blog-card__ad-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.lightbox{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-lg);cursor:zoom-out;opacity:0;transition:opacity .25s ease-out}.lightbox--active,.lightbox--exit{opacity:1}.lightbox--exit{opacity:0;transition:opacity .2s ease-in}.lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;transform:scale(.92);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease-out;cursor:default}.lightbox--active .lightbox__img{transform:scale(1);opacity:1}.lightbox--exit .lightbox__img{transform:scale(.92);opacity:0;transition:transform .2s ease-in,opacity .2s ease-in}.lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:1.5rem;cursor:pointer;transition:background .15s,transform .15s;z-index:1}.lightbox__close:hover{background:#fff3;transform:scale(1.1)}.lightbox__close:focus-visible{outline:2px solid white;outline-offset:2px}.lightbox__caption{color:#fffc;font-size:var(--text-sm);margin-top:var(--space-sm);text-align:center;max-width:600px}.blog-content img[data-lightbox=true]{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease;border-radius:var(--radius-sm)}.blog-content img[data-lightbox=true]:hover{transform:scale(1.01);box-shadow:0 4px 16px #0000001f}@media(prefers-reduced-motion:reduce){.lightbox,.lightbox__img,.lightbox__close{transition:none}.blog-content img[data-lightbox=true]:hover{transform:none}}.responsive-image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f1f5f9);border-radius:var(--radius-md, 8px);min-height:120px}.responsive-image--placeholder:after{content:"";display:block;width:48px;height:48px;opacity:.3;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E") center/contain no-repeat}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,var(--color-border) 50%,var(--color-surface-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--row{height:18px;margin-bottom:var(--space-xs);width:100%}.skeleton--row:nth-child(2){width:85%}.skeleton--row:nth-child(3){width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.form-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.char-count{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.char-count--over{color:var(--color-danger, #dc2626);font-weight:600}.json-textarea-wrapper{position:relative}.form-input--error{border-color:var(--color-danger, #dc2626)}.form-hint{display:block;font-size:var(--text-xs);margin-top:4px}.form-hint--error{color:var(--color-danger, #dc2626)}.price-anomalies__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:601px){.price-anomalies__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.price-anomalies__grid{grid-template-columns:repeat(3,1fr)}}.price-anomalies__card{flex-direction:column;align-items:flex-start!important;gap:var(--space-sm);text-align:left;padding:var(--space-md) var(--space-lg)}.price-anomalies__station{display:flex;flex-direction:column;gap:var(--space-2xs)}.price-anomalies__name{font-weight:700;font-size:var(--text-base);color:var(--color-text)}.price-anomalies__city{font-size:var(--text-sm);color:var(--color-text-muted)}.price-anomalies__pricing{display:flex;align-items:center;gap:var(--space-sm);width:100%}.price-anomalies__price{font-size:var(--text-lg);font-weight:700;color:var(--color-success, #22c55e)}.price-anomalies__badge{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--color-success, #22c55e);background:#22c55e1a;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-full, 9999px);white-space:nowrap}.bug-report-modal__form{display:flex;flex-direction:column;gap:var(--space-md)}.bug-report-modal__title-row{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.bug-report-modal__title-icon{color:var(--color-primary);flex-shrink:0}.bug-report-modal__subtitle{line-height:1.5}.bug-report-modal__preview{width:100%;aspect-ratio:16 / 9;background:var(--color-bg-muted, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center}.bug-report-modal__preview-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted)}.bug-report-modal__preview-img{width:100%;height:100%;object-fit:contain;background:#fff}.bug-report-modal__privacy{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.5}.dialog__close{background:transparent;border:none;padding:var(--space-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm, 6px);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;transition:color var(--transition-fast),background-color var(--transition-fast)}.dialog__close:hover{color:var(--color-text);background:var(--color-bg-muted, #f3f4f6)}.dialog__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(min-width:481px){.dialog--xl{max-width:880px}}.tooltip{position:fixed;padding:6px 10px;background:var(--color-text, #1f2937);color:var(--color-bg, #fff);font-size:var(--text-xs, 12px);line-height:1.4;border-radius:var(--radius-sm, 6px);box-shadow:0 4px 12px #00000026;z-index:11000;pointer-events:none;max-width:240px;white-space:nowrap;animation:tooltipFadeIn .15s ease-out}.tooltip--top{transform:translate(-50%,-100%)}.tooltip--bottom{transform:translate(-50%)}.tooltip--left{transform:translate(-100%,-50%)}.tooltip--right{transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:var(--tooltip-transform, translate(-50%, -100%)) scale(.95)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tooltip{animation:none}}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);text-align:left;cursor:pointer;min-height:40px}.custom-select__trigger:disabled{cursor:not-allowed;opacity:.6}.custom-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.custom-select__trigger[aria-expanded=true] .custom-select__chevron{transform:rotate(180deg)}.custom-select__list{position:fixed;list-style:none;margin:0;padding:var(--space-xs) 0;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);box-shadow:0 10px 30px #0000001f;max-height:280px;overflow-y:auto;z-index:11000;animation:selectFadeIn .15s ease-out}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.custom-select__list{animation:none}}.custom-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:8px var(--space-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);min-height:36px}.custom-select__option--active{background:var(--color-bg-muted, #f3f4f6)}.custom-select__option--selected{color:var(--color-primary);font-weight:500}.badge--severity-critical{background:#991b1b;color:#fff;animation:criticalPulse 2s ease-in-out infinite}@keyframes criticalPulse{0%,to{box-shadow:0 0 #991b1b66}50%{box-shadow:0 0 0 4px #991b1b00}}@media(prefers-reduced-motion:reduce){.badge--severity-critical{animation:none}}.bug-report-row-actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.bug-report-reporter-role{color:var(--color-text-muted);font-size:var(--text-xs)}.bug-report-modal__form-group--reserve-error{min-height:2.5rem}.bug-report-modal__char-counter{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.bug-report-modal__char-counter--warn{color:var(--color-warning, #d97706)}.bug-report-modal__char-counter--danger{color:var(--color-danger, #dc2626)}.bug-report-detail__meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md);font-size:var(--text-sm);margin-bottom:var(--space-md)}.bug-report-detail__meta dt{font-weight:600;color:var(--color-text-muted)}.bug-report-detail__meta dd{margin:0;color:var(--color-text);word-break:break-word}.bug-report-detail__screenshot{width:100%;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-md)}.bug-report-detail__markdown{background:var(--color-bg-muted, #f9fafb);padding:var(--space-md);border-radius:var(--radius-md, 8px);font-family:monospace;font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.bug-report-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}.bug-report-empty__icon{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;background:var(--color-bg-muted, #f3f4f6);border-radius:50%;margin-bottom:var(--space-md);color:var(--color-text-muted)}.bug-report-empty__title{margin:0 0 var(--space-xs);color:var(--color-text);font-size:var(--text-lg)}.bug-report-empty__description{margin:0 0 var(--space-md)}.skeleton-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border, #e5e7eb)}.skeleton-bar{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:4px;height:14px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.admin-page{padding:var(--space-lg);max-width:1400px;margin:0 auto}.admin-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.admin-page__title{margin:0;font-size:var(--text-2xl, 1.75rem);font-weight:600;color:var(--color-text)}.bug-report-description-btn{background:transparent;border:none;padding:2px 4px;margin:-2px -4px;cursor:pointer;text-align:left;font:inherit;color:var(--color-text);border-radius:var(--radius-sm, 4px);transition:background-color var(--transition-fast),color var(--transition-fast)}.bug-report-description-btn:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent);text-decoration:underline}.bug-report-description-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bug-report-description-btn{transition:none}}.bug-report-search-clear{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:44px;min-height:44px}.bug-report-detail__tabs,.bug-report-detail__section{margin-bottom:var(--space-md)}.bug-report-detail__section summary{cursor:pointer;padding:var(--space-xs) 0;-webkit-user-select:none;user-select:none}.bug-report-detail__ua{font-size:var(--text-xs);color:var(--color-text-muted)}.bug-report-detail__path{font-family:monospace;font-size:var(--text-xs);word-break:break-all;background:var(--color-bg-muted, #f3f4f6);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm, 4px)}.bug-report-modal__info{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md);margin:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--text-sm)}.bug-report-modal__info dt{font-weight:600;color:var(--color-text-muted);align-self:start;padding-top:2px}.bug-report-modal__info dd{margin:0;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.bug-report-modal__url{font-family:monospace;font-size:var(--text-xs);word-break:break-all;line-height:1.5}.bug-report-modal__errors-details{width:100%;margin-top:var(--space-xs)}.bug-report-modal__errors-details summary{cursor:pointer;font-size:var(--text-xs);color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.bug-report-modal__errors-details summary:hover{color:var(--color-text)}.bug-report-modal__errors-list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.bug-report-modal__errors-list li{font-size:var(--text-xs);line-height:1.5;padding:var(--space-xs);background:var(--color-bg, #fff);border-radius:var(--radius-sm, 4px);display:flex;align-items:flex-start;gap:var(--space-xs);flex-wrap:wrap}.bug-report-modal__errors-list code{font-family:monospace;color:var(--color-text);word-break:break-word;flex:1}.bug-report-modal__errors-more{color:var(--color-text-muted);font-style:italic;justify-content:center}.bug-report-fab{position:fixed;bottom:var(--space-lg, 24px);right:var(--space-lg, 24px);width:48px;height:48px;border-radius:50%;background:var(--color-primary, #e11d48);color:#fff;border:2px solid #fff;box-shadow:0 4px 16px #0003;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:9000;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}.bug-report-fab:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 20px #00000040}.bug-report-fab:active:not(:disabled){transform:scale(.95)}.bug-report-fab:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.bug-report-fab:disabled{opacity:.6;cursor:wait}@media(prefers-reduced-motion:reduce){.bug-report-fab{transition:none}.bug-report-fab:hover:not(:disabled),.bug-report-fab:active:not(:disabled){transform:none}}@media(max-width:640px){.bug-report-fab{width:44px;height:44px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-md, 16px));right:var(--space-md, 16px)}}.bug-report-detail__screenshot-btn{position:relative;display:block;width:100%;background:transparent;border:none;padding:0;cursor:zoom-in;border-radius:var(--radius-md, 8px);overflow:hidden;margin-bottom:var(--space-md)}.bug-report-detail__screenshot-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bug-report-detail__screenshot-btn:hover .bug-report-detail__screenshot-hint{opacity:1}.bug-report-detail__screenshot-btn .bug-report-detail__screenshot{margin-bottom:0;display:block}.bug-report-detail__screenshot-hint{position:absolute;bottom:var(--space-sm);right:var(--space-sm);padding:4px 8px;background:#000000b3;color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm, 4px);opacity:0;transition:opacity .15s ease-out;pointer-events:none}@media(prefers-reduced-motion:reduce){.bug-report-detail__screenshot-hint{transition:none}}.bug-report-zoom__img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;background:#000}.bug-report-row--unread{background:color-mix(in srgb,var(--color-primary) 4%,transparent);font-weight:600}.bug-report-row--unread td:first-child:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-primary);margin-right:var(--space-xs);vertical-align:middle}.admin-bulk-toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-md);font-size:var(--text-sm);flex-wrap:wrap}.admin-bulk-toolbar>span{font-weight:600;color:var(--color-text)}.admin-layout__nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;margin-left:auto;line-height:1}.bug-report-detail__request{margin-bottom:var(--space-sm)}.bug-report-detail__request-header{font-weight:600;color:var(--color-text);margin-bottom:4px}.bug-report-detail__request-body{margin:0;padding:var(--space-xs) var(--space-sm);background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);font-family:monospace;font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.bug-stats-card{display:flex;flex-direction:column;gap:var(--space-sm);text-decoration:none;color:inherit;transition:transform .15s ease-out,box-shadow .15s ease-out}.bug-stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}@media(prefers-reduced-motion:reduce){.bug-stats-card{transition:none}.bug-stats-card:hover{transform:none}}.bug-stats-card__numbers{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md)}.bug-stats-card__primary{display:flex;flex-direction:column}.bug-stats-card__value{font-size:2rem;font-weight:700;line-height:1;color:var(--color-primary)}.bug-stats-card__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px}.bug-stats-card__secondary{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.bug-stats-card__secondary strong{color:var(--color-text)}.seo-stats-card{display:flex;flex-direction:column;gap:var(--space-sm);text-decoration:none;color:inherit;transition:transform .15s ease-out,box-shadow .15s ease-out}.seo-stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}@media(prefers-reduced-motion:reduce){.seo-stats-card{transition:none}.seo-stats-card:hover{transform:none}}.seo-stats-card__numbers{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md)}.seo-stats-card__primary{display:flex;flex-direction:column}.seo-stats-card__value{font-size:2rem;font-weight:700;line-height:1;color:var(--color-primary)}.seo-stats-card__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px}.seo-stats-card__secondary{display:flex;gap:var(--space-md)}.seo-stats-card__stat{display:flex;flex-direction:column;align-items:flex-end}.seo-stats-card__stat-value{font-size:1.125rem;font-weight:600;color:var(--color-text)}.seo-stats-card__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.seo-stats-card__progress{display:flex;flex-direction:column;gap:4px}.seo-stats-card__progress-header{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-xs);color:var(--color-text-muted)}.seo-stats-card__progress-header strong{font-size:.9375rem;color:var(--color-text)}.seo-stats-card__progress-bar{position:relative;height:6px;border-radius:3px;background:var(--color-bg-muted, rgba(0, 0, 0, .06));overflow:hidden}.seo-stats-card__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success, #22c55e) 100%);transition:width .4s ease-out}.seo-stats-card__progress-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.seo-stats-card__empty{padding:.75rem .875rem;background:var(--color-warning-bg, rgba(250, 204, 21, .1));border-left:3px solid var(--color-warning);border-radius:4px;font-size:.8125rem;color:var(--color-text-secondary)}.bug-stats-card__severity{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--color-bg-muted, #f3f4f6)}.bug-stats-card__severity-bar{flex-grow:0;min-width:0;height:100%}.bug-stats-card__severity-bar--critical{background:#991b1b}.bug-stats-card__severity-bar--high{background:#dc2626}.bug-stats-card__severity-bar--medium{background:#d97706}.bug-stats-card__severity-bar--low{background:#2563eb}.bug-stats-card__legend{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.bug-stats-card__legend-item{display:inline-flex;align-items:center;gap:4px}.bug-stats-card__legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.bug-stats-card__legend-dot--critical{background:#991b1b}.bug-stats-card__legend-dot--high{background:#dc2626}.bug-stats-card__legend-dot--medium{background:#d97706}.bug-stats-card__legend-dot--low{background:#2563eb}.bug-stats-card__empty{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.bug-report-detail__status{max-width:200px}.badge--neutral{background:var(--color-bg-muted, #e5e7eb);color:var(--color-text-muted)}.bug-report-comments{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border, #e5e7eb)}.bug-report-comments__title{margin:0 0 var(--space-sm);font-size:var(--text-base);font-weight:600}.bug-report-comments__count{color:var(--color-text-muted);font-weight:400}.bug-report-comments__list{list-style:none;margin:0 0 var(--space-md);padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.bug-report-comments__item{padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.bug-report-comments__item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:var(--text-xs)}.bug-report-comments__item-header strong{color:var(--color-text)}.bug-report-comments__item-date{color:var(--color-text-muted)}.bug-report-comments__item-delete{margin-left:auto;width:28px;height:28px;min-width:auto;min-height:auto}.bug-report-comments__item-body{font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-word;line-height:1.5}.bug-report-comments__empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-md)}.bug-report-comments__form{display:flex;flex-direction:column;gap:var(--space-xs)}.bug-report-comments__form textarea{resize:vertical;min-height:72px}.bug-report-comments__form button{align-self:flex-end}.bug-report-activity{list-style:none;margin:var(--space-sm) 0 0;padding:0;max-height:300px;overflow-y:auto}.bug-report-activity__item{display:grid;grid-template-columns:auto auto 1fr;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--text-xs);border-bottom:1px solid var(--color-border, #e5e7eb)}.bug-report-activity__item:last-child{border-bottom:none}.bug-report-activity__ts{color:var(--color-text-muted);font-family:monospace}.bug-report-activity__actor{color:var(--color-text-muted)}.bug-report-activity__action{color:var(--color-text)}@media(max-width:640px){.bug-report-detail__meta{grid-template-columns:1fr;gap:var(--space-xs)}.bug-report-detail__meta dt{font-size:var(--text-xs);padding-top:var(--space-xs)}.bug-report-detail__meta dt:first-child{padding-top:0}.bug-report-detail__meta dd{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.bug-report-detail__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.bug-report-activity__item{grid-template-columns:1fr;gap:2px;padding:var(--space-sm) 0}.bug-report-activity__ts{font-size:11px}.skeleton-row{flex-wrap:wrap;gap:var(--space-sm)}.admin-filters{gap:var(--space-xs)}.admin-bulk-toolbar{flex-direction:column;align-items:stretch}.admin-bulk-toolbar>span{text-align:center}.bug-report-row-actions{justify-content:flex-start;flex-wrap:wrap}.dialog--xl .dialog__footer{flex-direction:column-reverse}.dialog--xl .dialog__footer .btn,.dialog--xl .dialog__footer a.btn{width:100%;justify-content:center}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.bug-report-comments__item{padding:var(--space-xs) var(--space-sm)}.bug-report-comments__form textarea{font-size:16px}.bug-report-modal__preview{aspect-ratio:4 / 3}.bug-report-modal__info{grid-template-columns:1fr;gap:2px}.bug-report-modal__info dt{padding-top:var(--space-xs);font-size:11px}.admin-page{padding:var(--space-md)}}@media(max-width:380px){.bug-report-fab{width:40px;height:40px}.admin-bulk-toolbar>span{font-size:var(--text-xs)}.badge{font-size:11px;padding:2px 6px}}.admin-bulk-toolbar__select{min-width:200px}.admin-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--text-xs);font-weight:500;line-height:1;color:var(--color-text-muted, #6b7280);background:var(--color-bg-subtle, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);text-decoration:none;transition:all .15s ease;white-space:nowrap}.admin-edit-btn:hover,.admin-edit-btn:focus-visible{color:var(--color-accent, #2563eb);background:var(--color-accent-soft, #eff6ff);border-color:var(--color-accent, #2563eb);outline:none}.admin-edit-btn:focus-visible{box-shadow:0 0 0 2px var(--color-accent-soft, #dbeafe)}.admin-edit-btn--operator{color:var(--color-warning, #d97706);background:var(--color-warning-soft, #fffbeb);border-color:var(--color-warning-border, #fde68a)}.admin-edit-btn--operator:hover,.admin-edit-btn--operator:focus-visible{color:var(--color-warning, #d97706);background:#fef3c7;border-color:var(--color-warning, #d97706)}@media(hover:hover)and (min-width:769px){.admin-edit-btn__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.detail-header__edit{position:absolute;top:0;right:0;z-index:2}.fuel-city-header__edit,.blog-article-header__edit,.cms-page-header__edit{float:right;margin-left:var(--space-sm, 8px);margin-bottom:var(--space-sm, 8px)}.scroll-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.scroll-reveal--visible{opacity:1;transform:translateY(0)}.scroll-reveal--delay-1{transition-delay:.1s}.scroll-reveal--delay-2{transition-delay:.2s}.scroll-reveal--delay-3{transition-delay:.3s}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}@keyframes price-fresh-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes nearbySlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hero{animation:none}.hero:before{animation:none;opacity:.6}.hero__title,.hero__subtitle,.hero .search-bar,.hero__last-search,.section,.stat-card,.tank-tip,.nearby-item{animation:none!important}.stat-card,.best-time-summary__item,.nearby-item,.recent-stations__item,.data-table tbody tr,.hero__last-search{transition:none!important}.stat-card:hover,.best-time-summary__item:hover,.nearby-item:hover,.recent-stations__item:hover{transform:none!important}.nearby-item--skeleton{animation:none;opacity:.4}.tank-tip__icon{animation:none}}@media(prefers-reduced-motion:reduce){.shortcuts-overlay,.shortcuts-modal{animation:none}.detail-section__chevron{transition:none}.offline-banner,.offline-banner--online,.scroll-progress,.layout__main,.price-fresh-pulse,.tank-signal__dot,.detail-section__chevron,.sticky-price-bar{animation:none!important;transition:none!important}.price-fresh-pulse{opacity:1}}.hero{padding:var(--space-xl) var(--space-md) var(--space-lg)}.hero__title{line-height:1.15;margin-bottom:var(--space-sm)}.hero__subtitle{max-width:620px;font-weight:400;letter-spacing:.005em}.hero__last-search{min-height:44px;padding:var(--space-sm) var(--space-md);font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-base)}@media(min-width:641px){.hero{padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.hero__last-search{font-size:revert}}.section{padding:var(--space-md) var(--space-md)}.section+.section{border-top:2px solid var(--color-border-light)}.section:nth-child(2n){background:var(--color-surface-alt)}.section h2{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--color-text);position:relative;padding-bottom:var(--space-xs)}.section h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}@media(min-width:641px){.section{padding:var(--space-lg) var(--space-md)}}.stats-row{gap:var(--space-sm)}.stat-card{padding:var(--space-md);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:140px}.stat-card:hover{transform:none;box-shadow:0 12px 40px rgba(var(--color-primary-rgb),.1),0 4px 12px #0000000f;box-shadow:var(--shadow-sm)}.stat-card:active{transform:translateY(-2px);transition-duration:.1s}.stat-card__label{font-size:var(--text-xs);letter-spacing:.1em}@media(min-width:641px){.stats-row{gap:var(--space-md)}.stat-card{min-width:180px;padding:var(--space-lg)}.stat-card:hover{transform:translateY(-6px);box-shadow:revert}}.tank-tip{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tank-tip--good{background:#22c55e14;border-width:1px;box-shadow:0 2px 12px #22c55e14}.tank-tip--bad{background:#ef44440f;border-width:1px;box-shadow:0 2px 12px #ef44440f}.best-time-summary{gap:var(--space-md)}.best-time-summary__item{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-xl);position:relative;overflow:hidden}.best-time-summary__item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-full) var(--radius-full) 0 0;transition:height var(--transition-base)}.best-time-summary__item--good:before{background:linear-gradient(90deg,var(--color-success),var(--color-cheap-border))}.best-time-summary__item--bad:before{background:linear-gradient(90deg,var(--color-danger),var(--color-expensive-border))}@media(hover:hover){.best-time-summary__item:hover:before{height:4px}.best-time-summary__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.best-time-summary__item:active{transform:translateY(-1px)}.best-time-summary__hour{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-2xs)}.best-time-summary__price{font-variant-numeric:tabular-nums}.best-time-summary__saving{font-style:italic;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 6%,transparent);display:inline-block;margin-top:var(--space-lg)}@media(min-width:481px){.best-time-summary__item{padding:var(--space-xl) var(--space-lg)}.best-time-summary__hour{font-size:var(--text-3xl)}}.data-table{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table thead th{background:var(--color-bg);padding:var(--space-md);border-bottom-width:2px}.data-table tbody td{padding:var(--space-sm);transition:background-color var(--transition-fast);font-size:var(--text-sm);white-space:nowrap}.data-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}.data-table tbody tr:first-child .data-table__rank{color:var(--color-accent);font-size:var(--text-base)}.data-table td a{text-underline-offset:3px;font-weight:500}.data-table td a:hover{color:var(--color-primary)}@media(min-width:641px){.data-table tbody td{padding:var(--space-md)}}@media(min-width:381px){.data-table{display:table;overflow-x:visible;-webkit-overflow-scrolling:revert}.data-table tbody td{padding:var(--space-sm) var(--space-md);font-size:revert;white-space:revert}}.price-trend-badge__price{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.price-trend-badge__trend{padding:2px 8px;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.price-trend-badge__trend--up{background:#ef444414}.price-trend-badge__trend--down{background:#22c55e14}.stat-card:hover .price-trend-badge__trend{transform:scale(1.05)}.price-sparkline{width:140px;height:44px;opacity:.85;transition:opacity var(--transition-fast)}.stat-card:hover .price-sparkline{opacity:1}.nearby-item{border-radius:var(--radius-xl);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.nearby-item:hover{transform:none;box-shadow:var(--shadow-sm);border-color:rgba(var(--color-primary-rgb),.15)}.nearby-item:active{transform:scale(.99);transition-duration:.1s}.nearby-item__price{font-variant-numeric:tabular-nums}@media(min-width:641px){.nearby-item:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000014}.nearby-item:active{transform:translateY(-1px)}}.recent-stations__item{border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.recent-stations__item:hover{transform:none;box-shadow:var(--shadow-sm);border-color:rgba(var(--color-primary-rgb),.15)}@media(min-width:641px){.recent-stations__item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}}.nearby-item--skeleton{opacity:.45;background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-bg) 40%,var(--color-surface) 80%);background-size:300% 100%;animation:shimmer 1.8s ease-in-out infinite}.loading-spinner{min-height:80px}.loading-spinner__circle{border-width:2.5px;width:36px;height:36px}.nearby-summary{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.nearby-summary__title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.nearby-summary__row{display:flex;gap:var(--space-md);flex-wrap:wrap}.nearby-summary__item{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:80px}.nearby-summary__label{font-size:var(--text-xs);color:var(--color-text-muted)}.nearby-summary__value{font-size:var(--text-lg);font-weight:700}.nearby-summary__item--cheap .nearby-summary__value{color:var(--color-cheap-text)}.nearby-summary__item--expensive .nearby-summary__value{color:var(--color-expensive-text)}.nearby-summary__item--saving .nearby-summary__value{color:var(--color-accent);font-size:var(--text-xl)}.nearby-summary__count{font-size:var(--text-xs);color:var(--color-text-muted)}@media(min-width:481px){.nearby-summary__row{gap:var(--space-lg)}.nearby-summary__item{min-width:100px}}.price-fresh-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-info);margin-right:var(--space-2xs);vertical-align:middle;animation:price-fresh-blink 1.5s ease-in-out infinite;will-change:opacity}.nearby-item__name-row{display:flex;align-items:center;gap:var(--space-xs)}.nearby-item__rank{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.125rem .375rem;border-radius:var(--radius-full, 999px);font-size:var(--text-xs);font-weight:700;line-height:1;white-space:nowrap}.nearby-item__rank--1{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a)}.nearby-item__rank--2{background:var(--color-info-bg, #dbeafe);color:var(--color-info, #2563eb)}.nearby-item__rank--3{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning, #d97706)}.nearby-item--cheapest{border-left:3px solid var(--color-success, #16a34a)}.nearby-item__price-bar{height:4px;background:var(--color-border);border-radius:2px;margin-top:var(--space-xs);overflow:hidden;transition:height .15s ease}.nearby-item__price-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-success, #16a34a),var(--color-warning, #d97706),var(--color-danger, #dc2626));transition:width .3s ease,height .15s ease}.nearby-item:hover .nearby-item__price-bar{height:6px}.nearby-item:hover .nearby-item__price-bar-fill{height:100%}.nearby-section__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-md);text-align:center}.nearby-section__empty-icon{opacity:.4;color:var(--color-text-secondary)}.nearby-section__empty-title{font-weight:600;font-size:var(--text-lg);color:var(--color-text);margin:0}.nearby-section__empty-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.recent-stations__time{font-size:var(--text-xs);color:var(--color-text-secondary);opacity:.7}.hero:after{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 0%,rgba(var(--color-primary-rgb),.15) 50%,transparent 100%);height:2px;bottom:0}.stat-card__value,.nearby-item__price,.station-card__price-value,.detail-prices__value{font-family:var(--font-display);font-variant-numeric:tabular-nums}.stat-card[data-fuel=e5]:before{background:var(--color-e5)}.stat-card[data-fuel=e10]:before{background:var(--color-e10)}.stat-card[data-fuel=diesel]:before{background:var(--color-diesel)}.section h2:after{transition:width var(--transition-base) ease-out}.section h2:hover:after{width:64px}.nearby-item{animation-name:nearbySlideIn}.card:hover,.station-card:hover{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}.scroll-reveal{transform:translateY(12px)}.scroll-reveal--visible{transform:translateY(0)}.footer__heading{font-family:var(--font-display);letter-spacing:.1em}.footer__logo span{font-family:var(--font-display)}.search-bar__input:focus{border-color:var(--color-primary);border-width:2.5px;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.18),0 4px 24px rgba(var(--color-primary-rgb),.12),var(--shadow-lg)}.price-overview__title,.best-time-summary__hour,.city-ranking h2{font-family:var(--font-display)}.btn--primary:hover{box-shadow:0 0 0 1px rgba(var(--color-primary-rgb),.3),0 8px 24px rgba(var(--color-primary-rgb),.25)}:root[data-theme=dark] .section+.section{border-top-color:var(--color-border)}:root[data-theme=dark] .stat-card:hover{box-shadow:0 12px 40px rgba(var(--color-primary-rgb),.15),0 4px 12px #0003}:root[data-theme=dark] .nearby-item:hover{box-shadow:0 8px 28px #00000040}:root[data-theme=dark] .data-table{border-color:var(--color-border)}:root[data-theme=dark] .nearby-item--skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-raised) 40%,var(--color-surface) 80%);background-size:300% 100%}:root[data-theme=dark] .best-time-summary__saving{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}:root[data-theme=dark] .nearby-item__rank--1{color:var(--color-cheap-text);background:var(--color-cheap-bg)}:root[data-theme=dark] .nearby-item__rank--2{color:var(--color-info-text);background:#3b82f626}:root[data-theme=dark] .nearby-item__rank--3{color:var(--color-medium-text);background:var(--color-medium-bg)}:root[data-theme=dark] .nearby-summary__item--saving .nearby-summary__value{color:var(--color-cheap-text)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .section+.section{border-top-color:var(--color-border)}:root:not([data-theme=light]) .stat-card:hover{box-shadow:0 12px 40px rgba(var(--color-primary-rgb),.15),0 4px 12px #0003}:root:not([data-theme=light]) .nearby-item:hover{box-shadow:0 8px 28px #00000040}:root:not([data-theme=light]) .data-table{border-color:var(--color-border)}:root:not([data-theme=light]) .nearby-item--skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-raised) 40%,var(--color-surface) 80%);background-size:300% 100%}:root:not([data-theme=light]) .best-time-summary__saving{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}:root:not([data-theme=light]) .nearby-item__rank--1{color:var(--color-cheap-text);background:var(--color-cheap-bg)}:root:not([data-theme=light]) .nearby-item__rank--2{color:var(--color-info-text);background:#3b82f626}:root:not([data-theme=light]) .nearby-item__rank--3{color:var(--color-medium-text);background:var(--color-medium-bg)}:root:not([data-theme=light]) .nearby-summary__item--saving .nearby-summary__value{color:var(--color-cheap-text)}}.station-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:769px){.station-card-grid{grid-template-columns:repeat(2,1fr)}}.detail-section--collapsible{border:none;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-sm) var(--space-md);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.detail-section--collapsible:hover{box-shadow:var(--shadow-sm);border-color:rgba(var(--color-primary-rgb),.15)}.detail-section__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:left;gap:var(--space-sm)}.detail-section__toggle h2{margin:0;font-size:var(--text-base)}.detail-section__toggle:hover{color:var(--color-primary)}.detail-section__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.detail-section__chevron{flex-shrink:0;transition:transform var(--transition-base);transform:rotate(-90deg);color:var(--color-text-muted)}.detail-section__chevron--open{transform:rotate(0)}.detail-section__body{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}@media(min-width:481px){.detail-section--collapsible{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl)}.detail-section__toggle h2{font-size:var(--text-lg)}}.shortcuts-overlay{position:fixed;inset:0;z-index:var(--z-modal, 1000);background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.shortcuts-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:fadeInUp .2s ease-out}.shortcuts-modal__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-xs)}.shortcuts-modal__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.shortcuts-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.shortcuts-list__item{display:flex;align-items:center;gap:var(--space-md)}.shortcuts-list__key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 var(--space-sm);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text);box-shadow:0 1px 2px #00000014}.shortcuts-list__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.shortcuts-modal__close{width:100%}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-modal) + 1);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-warning);color:#1a1a2e;font-size:var(--text-sm);font-weight:600;text-align:center;animation:slideDown .3s ease-out}.offline-banner__icon{flex-shrink:0}.offline-banner--online{background:var(--color-success);color:#fff;animation:slideDown .3s ease-out}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--color-primary);z-index:calc(var(--z-header) + 1);transition:width .05s linear;will-change:width;pointer-events:none}.layout__main{animation:pageFadeIn .2s ease-out}.header__nav-link.active{position:relative}.header__nav-link.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:var(--radius-full);background:var(--color-primary)}@media print{.header,.footer,.cookie-banner,.ad-slot,.mobile-menu,.scroll-to-top,.hero__quick-actions{display:none!important}.section{animation:none}body{background:#fff;color:#000}.route-planner{flex-direction:column}.route-planner__sidebar{width:100%;max-height:none;overflow:visible;border:none}}.service-filter{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-surface)}.service-filter__legend{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);padding:0 var(--space-xs)}.service-filter__options{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column}.service-filter__option{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast);min-height:44px}.service-filter__option:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.service-filter__option:has(.service-filter__checkbox:checked){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.service-filter__checkbox{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer;flex-shrink:0}.service-filter__label{display:flex;align-items:center;gap:var(--space-xs);line-height:1.3}.service-filter__icon{font-size:var(--text-base);line-height:1}@media(min-width:481px){.service-filter__options{flex-direction:revert;gap:var(--space-sm)}.service-filter__option{min-height:revert}}:root[data-theme=dark] .service-filter__option:has(.service-filter__checkbox:checked){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-light)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .service-filter__option:has(.service-filter__checkbox:checked){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-light)}}.subscription-page{max-width:1100px;margin:0 auto;padding:var(--space-xl) var(--space-lg);font-family:var(--font-family);color:var(--color-text)}.subscription-page__title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-lg);color:var(--color-text)}.subscription-page__title:before{content:"";display:inline-block;width:4px;height:.85em;background:var(--color-primary);margin-right:14px;vertical-align:-.08em;border-radius:2px}.subscription-page .alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-lg);animation:sp-fade-in .35s ease-out}.subscription-page .alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(77,138,26,.2)}.subscription-page .alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.subscription-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2xl);position:relative;overflow:hidden;animation:sp-rise .5s ease-out}.subscription-page__card:has(.subscription-page__crown):before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.subscription-page__plan-header{display:flex;align-items:center;gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-lg)}.subscription-page__crown{flex-shrink:0;width:56px;height:56px;padding:14px;background:linear-gradient(135deg,var(--color-primary-light) 0%,#fff 100%);color:var(--color-primary);border-radius:var(--radius-lg);border:1px solid var(--color-primary-light)}.subscription-page__plan-header>div{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.subscription-page__plan-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin:0;letter-spacing:-.01em;color:var(--color-text)}.subscription-page__status{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.subscription-page__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.subscription-page__status--active{background:var(--color-success-bg);color:var(--color-success)}.subscription-page__status--past_due{background:var(--color-warning-bg);color:var(--color-warning)}.subscription-page__status--cancelled,.subscription-page__status--canceled{background:var(--color-bg-alt);color:var(--color-text-muted)}.subscription-page__status--free{background:var(--color-bg-alt);color:var(--color-text-secondary)}.subscription-page__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0}.subscription-page__detail{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.subscription-page__detail-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.subscription-page__detail-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.subscription-page__notice{grid-column:1 / -1;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.55;border:1px solid}.subscription-page__notice svg{flex-shrink:0;margin-top:2px}.subscription-page__notice--danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444440}.subscription-page__notice--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#b4530940}.subscription-page__notice--info{background:var(--color-accent-light);color:var(--color-accent-dark);border-color:#3d701540}.subscription-page__features{padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);margin-top:var(--space-sm)}.subscription-page__features-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text);margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.04em}.subscription-page__feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm) var(--space-lg)}.subscription-page__feature-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0}.subscription-page__feature-item svg{color:var(--color-accent);flex-shrink:0}.subscription-page__feature-list--compact{grid-template-columns:1fr;gap:6px;margin:var(--space-sm) 0 var(--space-md);flex:1 1 auto}.subscription-page__feature-list--compact li{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);padding:3px 0;border-bottom:none}.subscription-page__feature-list--compact svg{color:var(--color-accent);flex-shrink:0}.subscription-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.subscription-page__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family);font-size:var(--text-sm);font-weight:600;padding:12px 22px;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.subscription-page__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.subscription-page__button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.subscription-page__button:disabled{opacity:.5;cursor:not-allowed}.subscription-page__button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.subscription-page__button--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.subscription-page__button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.subscription-page__button--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.subscription-page__button--outline{background:transparent;color:var(--color-text);border-color:var(--color-border)}.subscription-page__button--outline:hover:not(:disabled){background:var(--color-bg-alt);border-color:var(--color-text-muted)}.subscription-page__button--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.subscription-page__button--danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.subscription-page__cancel-confirm{width:100%;padding:var(--space-lg);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.subscription-page__cancel-confirm p{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-text)}.subscription-page__cancel-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.subscription-page__change-plan{margin-bottom:var(--space-2xl);animation:sp-rise .5s .1s ease-out backwards}.subscription-page__change-plan h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-xs);color:var(--color-text)}.subscription-page__change-plan-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-lg)}.subscription-page__plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:var(--space-lg);margin-top:var(--space-xl)}.subscription-page__plan-card{position:relative;display:flex;flex-direction:column;padding:var(--space-xl) var(--space-lg) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.subscription-page__plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.subscription-page__plan-card--current{border-color:var(--color-primary);border-width:2px;padding:calc(var(--space-xl) - 1px) calc(var(--space-lg) - 1px) calc(var(--space-lg) - 1px);background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-surface) 60%)}.subscription-page__plan-card--current:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.subscription-page__plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:5px 14px;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);white-space:nowrap}.subscription-page__plan-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-xs);color:var(--color-text)}.subscription-page__plan-price{font-size:var(--text-base);font-weight:600;color:var(--color-primary);margin:0 0 var(--space-md);padding-bottom:var(--space-md);border-bottom:1px dashed var(--color-border);font-variant-numeric:tabular-nums}.subscription-page__plan-card .subscription-page__button{margin-top:auto;width:100%}.subscription-page__invoices{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg);box-shadow:var(--shadow-xs);animation:sp-rise .5s .2s ease-out backwards}.subscription-page__invoices h2{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-xs);color:var(--color-text)}.subscription-page__invoices h2 svg{color:var(--color-primary)}.subscription-page__invoices p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;max-width:48ch}.subscription-page__invoices>div:first-of-type,.subscription-page__invoices>:is(h2,p){flex:1 1 260px}@keyframes sp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.subscription-page *,.subscription-page *:before,.subscription-page *:after{animation:none!important;transition:none!important}}@media(max-width:640px){.subscription-page{padding:var(--space-lg) var(--space-md)}.subscription-page__card{padding:var(--space-lg)}.subscription-page__plan-header{gap:var(--space-md)}.subscription-page__crown{width:44px;height:44px;padding:10px}.subscription-page__plan-name{font-size:var(--text-xl)}.subscription-page__invoices{padding:var(--space-lg);flex-direction:column;align-items:stretch}.subscription-page__invoices .subscription-page__button{width:100%}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:var(--color-border-light);background-image:linear-gradient(90deg,var(--color-border-light) 0%,var(--color-border) 40%,var(--color-border-light) 80%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--text{height:1rem;width:100%;border-radius:var(--radius-sm)}.skeleton--title{height:1.75rem;width:60%;border-radius:var(--radius-sm)}.skeleton--card{height:180px;width:100%;border-radius:var(--radius-lg)}.skeleton--image{height:200px;width:100%;border-radius:var(--radius-lg)}.skeleton--circle{border-radius:var(--radius-full)}.skeleton-group{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-station-detail{display:flex;flex-direction:column;gap:var(--space-lg);max-width:var(--container-max);margin:0 auto;padding:var(--space-2xl) var(--space-md)}.skeleton-station-detail__header{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-station-detail__prices{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:641px){.skeleton-station-detail__prices{grid-template-columns:repeat(3,1fr)}}.skeleton-station-detail__price-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.skeleton-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.skeleton-blog-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.skeleton-station-list{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:641px){.skeleton-station-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.skeleton-station-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.skeleton-blog-article{display:flex;flex-direction:column;gap:var(--space-sm);max-width:var(--container-max);margin:0 auto;padding:var(--space-2xl) var(--space-md)}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background-image:none}}.section{animation:fadeInUp .3s ease-out}.card,.station-card{transition:transform .2s ease,box-shadow .2s ease}.btn{transition:background-color .15s ease,transform .1s ease,color .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert{animation:slideInDown .3s ease-out}.badge{transition:background-color .15s ease}@media(prefers-reduced-motion:reduce){.section,.alert,.animate-spin{animation:none}.card,.station-card,.btn,.badge{transition:none}.card:hover,.station-card:hover,.btn:active{transform:none}}